[{"data":1,"prerenderedAt":10996},["ShallowReactive",2],{"reference":3,"content-query-ShCpNwS6EW":4,"sidebar-roots":10947,"$dNTcUNV7nV":10959},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":10940,"_id":10941,"_source":10942,"_file":10943,"_stem":10944,"_extension":10945,"layout":10946},"\u002F_components\u002Fradio","_components",false,true,"","Radio",{"type":12,"children":13,"toc":10926},"root",[14,22,10920],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"radio",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,9004,9411],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,52,73,80,87,1263,1269,1281,2826,2832,4315,4321,4342,5822,5828,5848,8517,8920,8926,8953,8972,8993,8999],{"type":15,"tag":32,"props":33,"children":34},"p",{},[35,42,44,50],{"type":15,"tag":36,"props":37,"children":39},"code",{"className":38},[],[40],{"type":21,"value":41},"SfRadio",{"type":21,"value":43}," provides additional styles for different states of ",{"type":15,"tag":36,"props":45,"children":47},{"className":46},[],[48],{"type":21,"value":49},"\u003Cinput type=\"radio\">",{"type":21,"value":51},". It can be used for choosing between a list of values when only one option can be selected at a time.",{"type":15,"tag":53,"props":54,"children":55},"tip",{},[56,59],{"type":15,"tag":28,"props":57,"children":58},{"v-slot:title":9},[],{"type":15,"tag":32,"props":60,"children":61},{},[62,64,71],{"type":21,"value":63},"If you need to make this field required, it is crucial to communicate this intention clearly to your end users. You can find more information about ",{"type":15,"tag":65,"props":66,"children":68},"a",{"href":67},"..\u002Fblocks\u002FFormFields.html",[69],{"type":21,"value":70},"required form fields in our guide here",{"type":21,"value":72},".",{"type":15,"tag":74,"props":75,"children":77},"h2",{"id":76},"examples",[78],{"type":21,"value":79},"Examples",{"type":15,"tag":81,"props":82,"children":84},"h3",{"id":83},"basic-usage",[85],{"type":21,"value":86},"Basic Usage",{"type":15,"tag":88,"props":89,"children":91},"showcase",{"showcase-name":90},"Radio\u002FRadioWithoutLabel",[92,615],{"type":15,"tag":93,"props":94,"children":95},"vue-only",{},[96],{"type":15,"tag":97,"props":98,"children":102},"pre",{"className":99,"code":100,"language":101,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003CSfRadio\n    v-for=\"{ name, value } in radioOptions\"\n    :key=\"value\"\n    class=\"block mt-4\"\n    :value=\"value\"\n    :name=\"name\"\n    v-model=\"radioModel\"\n  \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfRadio } from '@storefront-ui\u002Fvue';\n\nconst radioModel = ref('');\nconst radioOptions = [\n  {\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    value: 'value-2',\n    name: 'radio-2',\n  },\n];\n\u003C\u002Fscript>\n\n","vue",[103],{"type":15,"tag":36,"props":104,"children":105},{"__ignoreMap":9},[106,128,142,163,181,199,216,234,252,261,278,287,323,363,396,404,446,468,477,501,523,532,540,561,582,590,599],{"type":15,"tag":107,"props":108,"children":111},"span",{"class":109,"line":110},"line",1,[112,118,123],{"type":15,"tag":107,"props":113,"children":115},{"style":114},"--shiki-default:#ABB2BF",[116],{"type":21,"value":117},"\u003C",{"type":15,"tag":107,"props":119,"children":121},{"style":120},"--shiki-default:#E06C75",[122],{"type":21,"value":28},{"type":15,"tag":107,"props":124,"children":125},{"style":114},[126],{"type":21,"value":127},">\n",{"type":15,"tag":107,"props":129,"children":131},{"class":109,"line":130},2,[132,137],{"type":15,"tag":107,"props":133,"children":134},{"style":114},[135],{"type":21,"value":136},"  \u003C",{"type":15,"tag":107,"props":138,"children":139},{"style":120},[140],{"type":21,"value":141},"SfRadio\n",{"type":15,"tag":107,"props":143,"children":145},{"class":109,"line":144},3,[146,152,157],{"type":15,"tag":107,"props":147,"children":149},{"style":148},"--shiki-default:#D19A66",[150],{"type":21,"value":151},"    v-for",{"type":15,"tag":107,"props":153,"children":154},{"style":114},[155],{"type":21,"value":156},"=",{"type":15,"tag":107,"props":158,"children":160},{"style":159},"--shiki-default:#98C379",[161],{"type":21,"value":162},"\"{ name, value } in radioOptions\"\n",{"type":15,"tag":107,"props":164,"children":166},{"class":109,"line":165},4,[167,172,176],{"type":15,"tag":107,"props":168,"children":169},{"style":148},[170],{"type":21,"value":171},"    :key",{"type":15,"tag":107,"props":173,"children":174},{"style":114},[175],{"type":21,"value":156},{"type":15,"tag":107,"props":177,"children":178},{"style":159},[179],{"type":21,"value":180},"\"value\"\n",{"type":15,"tag":107,"props":182,"children":184},{"class":109,"line":183},5,[185,190,194],{"type":15,"tag":107,"props":186,"children":187},{"style":148},[188],{"type":21,"value":189},"    class",{"type":15,"tag":107,"props":191,"children":192},{"style":114},[193],{"type":21,"value":156},{"type":15,"tag":107,"props":195,"children":196},{"style":159},[197],{"type":21,"value":198},"\"block mt-4\"\n",{"type":15,"tag":107,"props":200,"children":202},{"class":109,"line":201},6,[203,208,212],{"type":15,"tag":107,"props":204,"children":205},{"style":148},[206],{"type":21,"value":207},"    :value",{"type":15,"tag":107,"props":209,"children":210},{"style":114},[211],{"type":21,"value":156},{"type":15,"tag":107,"props":213,"children":214},{"style":159},[215],{"type":21,"value":180},{"type":15,"tag":107,"props":217,"children":219},{"class":109,"line":218},7,[220,225,229],{"type":15,"tag":107,"props":221,"children":222},{"style":148},[223],{"type":21,"value":224},"    :name",{"type":15,"tag":107,"props":226,"children":227},{"style":114},[228],{"type":21,"value":156},{"type":15,"tag":107,"props":230,"children":231},{"style":159},[232],{"type":21,"value":233},"\"name\"\n",{"type":15,"tag":107,"props":235,"children":237},{"class":109,"line":236},8,[238,243,247],{"type":15,"tag":107,"props":239,"children":240},{"style":148},[241],{"type":21,"value":242},"    v-model",{"type":15,"tag":107,"props":244,"children":245},{"style":114},[246],{"type":21,"value":156},{"type":15,"tag":107,"props":248,"children":249},{"style":159},[250],{"type":21,"value":251},"\"radioModel\"\n",{"type":15,"tag":107,"props":253,"children":255},{"class":109,"line":254},9,[256],{"type":15,"tag":107,"props":257,"children":258},{"style":114},[259],{"type":21,"value":260},"  \u002F>\n",{"type":15,"tag":107,"props":262,"children":264},{"class":109,"line":263},10,[265,270,274],{"type":15,"tag":107,"props":266,"children":267},{"style":114},[268],{"type":21,"value":269},"\u003C\u002F",{"type":15,"tag":107,"props":271,"children":272},{"style":120},[273],{"type":21,"value":28},{"type":15,"tag":107,"props":275,"children":276},{"style":114},[277],{"type":21,"value":127},{"type":15,"tag":107,"props":279,"children":281},{"class":109,"line":280},11,[282],{"type":15,"tag":107,"props":283,"children":284},{"emptyLinePlaceholder":8},[285],{"type":21,"value":286},"\n",{"type":15,"tag":107,"props":288,"children":290},{"class":109,"line":289},12,[291,295,300,305,309,314,319],{"type":15,"tag":107,"props":292,"children":293},{"style":114},[294],{"type":21,"value":117},{"type":15,"tag":107,"props":296,"children":297},{"style":120},[298],{"type":21,"value":299},"script",{"type":15,"tag":107,"props":301,"children":302},{"style":148},[303],{"type":21,"value":304}," lang",{"type":15,"tag":107,"props":306,"children":307},{"style":114},[308],{"type":21,"value":156},{"type":15,"tag":107,"props":310,"children":311},{"style":159},[312],{"type":21,"value":313},"\"ts\"",{"type":15,"tag":107,"props":315,"children":316},{"style":148},[317],{"type":21,"value":318}," setup",{"type":15,"tag":107,"props":320,"children":321},{"style":114},[322],{"type":21,"value":127},{"type":15,"tag":107,"props":324,"children":326},{"class":109,"line":325},13,[327,333,338,343,348,353,358],{"type":15,"tag":107,"props":328,"children":330},{"style":329},"--shiki-default:#C678DD",[331],{"type":21,"value":332},"import",{"type":15,"tag":107,"props":334,"children":335},{"style":114},[336],{"type":21,"value":337}," { ",{"type":15,"tag":107,"props":339,"children":340},{"style":120},[341],{"type":21,"value":342},"ref",{"type":15,"tag":107,"props":344,"children":345},{"style":114},[346],{"type":21,"value":347}," } ",{"type":15,"tag":107,"props":349,"children":350},{"style":329},[351],{"type":21,"value":352},"from",{"type":15,"tag":107,"props":354,"children":355},{"style":159},[356],{"type":21,"value":357}," 'vue'",{"type":15,"tag":107,"props":359,"children":360},{"style":114},[361],{"type":21,"value":362},";\n",{"type":15,"tag":107,"props":364,"children":366},{"class":109,"line":365},14,[367,371,375,379,383,387,392],{"type":15,"tag":107,"props":368,"children":369},{"style":329},[370],{"type":21,"value":332},{"type":15,"tag":107,"props":372,"children":373},{"style":114},[374],{"type":21,"value":337},{"type":15,"tag":107,"props":376,"children":377},{"style":120},[378],{"type":21,"value":41},{"type":15,"tag":107,"props":380,"children":381},{"style":114},[382],{"type":21,"value":347},{"type":15,"tag":107,"props":384,"children":385},{"style":329},[386],{"type":21,"value":352},{"type":15,"tag":107,"props":388,"children":389},{"style":159},[390],{"type":21,"value":391}," '@storefront-ui\u002Fvue'",{"type":15,"tag":107,"props":393,"children":394},{"style":114},[395],{"type":21,"value":362},{"type":15,"tag":107,"props":397,"children":399},{"class":109,"line":398},15,[400],{"type":15,"tag":107,"props":401,"children":402},{"emptyLinePlaceholder":8},[403],{"type":21,"value":286},{"type":15,"tag":107,"props":405,"children":407},{"class":109,"line":406},16,[408,413,419,425,431,436,441],{"type":15,"tag":107,"props":409,"children":410},{"style":329},[411],{"type":21,"value":412},"const",{"type":15,"tag":107,"props":414,"children":416},{"style":415},"--shiki-default:#E5C07B",[417],{"type":21,"value":418}," radioModel",{"type":15,"tag":107,"props":420,"children":422},{"style":421},"--shiki-default:#56B6C2",[423],{"type":21,"value":424}," =",{"type":15,"tag":107,"props":426,"children":428},{"style":427},"--shiki-default:#61AFEF",[429],{"type":21,"value":430}," ref",{"type":15,"tag":107,"props":432,"children":433},{"style":114},[434],{"type":21,"value":435},"(",{"type":15,"tag":107,"props":437,"children":438},{"style":159},[439],{"type":21,"value":440},"''",{"type":15,"tag":107,"props":442,"children":443},{"style":114},[444],{"type":21,"value":445},");\n",{"type":15,"tag":107,"props":447,"children":449},{"class":109,"line":448},17,[450,454,459,463],{"type":15,"tag":107,"props":451,"children":452},{"style":329},[453],{"type":21,"value":412},{"type":15,"tag":107,"props":455,"children":456},{"style":415},[457],{"type":21,"value":458}," radioOptions",{"type":15,"tag":107,"props":460,"children":461},{"style":421},[462],{"type":21,"value":424},{"type":15,"tag":107,"props":464,"children":465},{"style":114},[466],{"type":21,"value":467}," [\n",{"type":15,"tag":107,"props":469,"children":471},{"class":109,"line":470},18,[472],{"type":15,"tag":107,"props":473,"children":474},{"style":114},[475],{"type":21,"value":476},"  {\n",{"type":15,"tag":107,"props":478,"children":480},{"class":109,"line":479},19,[481,486,491,496],{"type":15,"tag":107,"props":482,"children":483},{"style":120},[484],{"type":21,"value":485},"    value",{"type":15,"tag":107,"props":487,"children":488},{"style":114},[489],{"type":21,"value":490},": ",{"type":15,"tag":107,"props":492,"children":493},{"style":159},[494],{"type":21,"value":495},"'value-1'",{"type":15,"tag":107,"props":497,"children":498},{"style":114},[499],{"type":21,"value":500},",\n",{"type":15,"tag":107,"props":502,"children":504},{"class":109,"line":503},20,[505,510,514,519],{"type":15,"tag":107,"props":506,"children":507},{"style":120},[508],{"type":21,"value":509},"    name",{"type":15,"tag":107,"props":511,"children":512},{"style":114},[513],{"type":21,"value":490},{"type":15,"tag":107,"props":515,"children":516},{"style":159},[517],{"type":21,"value":518},"'radio-1'",{"type":15,"tag":107,"props":520,"children":521},{"style":114},[522],{"type":21,"value":500},{"type":15,"tag":107,"props":524,"children":526},{"class":109,"line":525},21,[527],{"type":15,"tag":107,"props":528,"children":529},{"style":114},[530],{"type":21,"value":531},"  },\n",{"type":15,"tag":107,"props":533,"children":535},{"class":109,"line":534},22,[536],{"type":15,"tag":107,"props":537,"children":538},{"style":114},[539],{"type":21,"value":476},{"type":15,"tag":107,"props":541,"children":543},{"class":109,"line":542},23,[544,548,552,557],{"type":15,"tag":107,"props":545,"children":546},{"style":120},[547],{"type":21,"value":485},{"type":15,"tag":107,"props":549,"children":550},{"style":114},[551],{"type":21,"value":490},{"type":15,"tag":107,"props":553,"children":554},{"style":159},[555],{"type":21,"value":556},"'value-2'",{"type":15,"tag":107,"props":558,"children":559},{"style":114},[560],{"type":21,"value":500},{"type":15,"tag":107,"props":562,"children":564},{"class":109,"line":563},24,[565,569,573,578],{"type":15,"tag":107,"props":566,"children":567},{"style":120},[568],{"type":21,"value":509},{"type":15,"tag":107,"props":570,"children":571},{"style":114},[572],{"type":21,"value":490},{"type":15,"tag":107,"props":574,"children":575},{"style":159},[576],{"type":21,"value":577},"'radio-2'",{"type":15,"tag":107,"props":579,"children":580},{"style":114},[581],{"type":21,"value":500},{"type":15,"tag":107,"props":583,"children":585},{"class":109,"line":584},25,[586],{"type":15,"tag":107,"props":587,"children":588},{"style":114},[589],{"type":21,"value":531},{"type":15,"tag":107,"props":591,"children":593},{"class":109,"line":592},26,[594],{"type":15,"tag":107,"props":595,"children":596},{"style":114},[597],{"type":21,"value":598},"];\n",{"type":15,"tag":107,"props":600,"children":602},{"class":109,"line":601},27,[603,607,611],{"type":15,"tag":107,"props":604,"children":605},{"style":114},[606],{"type":21,"value":269},{"type":15,"tag":107,"props":608,"children":609},{"style":120},[610],{"type":21,"value":299},{"type":15,"tag":107,"props":612,"children":613},{"style":114},[614],{"type":21,"value":127},{"type":15,"tag":616,"props":617,"children":618},"react-only",{},[619],{"type":15,"tag":97,"props":620,"children":624},{"className":621,"code":622,"language":623,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfRadio } from '@storefront-ui\u002Freact';\nimport { useState } from 'react';\n\nconst radioOptions = [\n  {\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    value: 'value-2',\n    name: 'radio-2',\n  },\n];\nexport default function RadioWithoutLabel() {\n  const [checkedState, setCheckedState] = useState('');\n  return (\n    \u003C>\n      {radioOptions.map(({ name, value }) => (\n        \u003CSfRadio\n          key={value}\n          name={name}\n          value={value}\n          className=\"block mb-4\"\n          checked={checkedState === value}\n          onChange={(event) => {\n            setCheckedState(event.target.value);\n          }}\n        \u002F>\n      ))}\n    \u003C\u002F>\n  );\n}\n","tsx",[625],{"type":15,"tag":36,"props":626,"children":627},{"__ignoreMap":9},[628,660,693,700,719,726,745,764,771,778,797,816,823,830,858,912,925,933,989,1001,1028,1052,1076,1093,1127,1166,1203,1215,1224,1237,1246,1255],{"type":15,"tag":107,"props":629,"children":630},{"class":109,"line":110},[631,635,639,643,647,651,656],{"type":15,"tag":107,"props":632,"children":633},{"style":329},[634],{"type":21,"value":332},{"type":15,"tag":107,"props":636,"children":637},{"style":114},[638],{"type":21,"value":337},{"type":15,"tag":107,"props":640,"children":641},{"style":120},[642],{"type":21,"value":41},{"type":15,"tag":107,"props":644,"children":645},{"style":114},[646],{"type":21,"value":347},{"type":15,"tag":107,"props":648,"children":649},{"style":329},[650],{"type":21,"value":352},{"type":15,"tag":107,"props":652,"children":653},{"style":159},[654],{"type":21,"value":655}," '@storefront-ui\u002Freact'",{"type":15,"tag":107,"props":657,"children":658},{"style":114},[659],{"type":21,"value":362},{"type":15,"tag":107,"props":661,"children":662},{"class":109,"line":130},[663,667,671,676,680,684,689],{"type":15,"tag":107,"props":664,"children":665},{"style":329},[666],{"type":21,"value":332},{"type":15,"tag":107,"props":668,"children":669},{"style":114},[670],{"type":21,"value":337},{"type":15,"tag":107,"props":672,"children":673},{"style":120},[674],{"type":21,"value":675},"useState",{"type":15,"tag":107,"props":677,"children":678},{"style":114},[679],{"type":21,"value":347},{"type":15,"tag":107,"props":681,"children":682},{"style":329},[683],{"type":21,"value":352},{"type":15,"tag":107,"props":685,"children":686},{"style":159},[687],{"type":21,"value":688}," 'react'",{"type":15,"tag":107,"props":690,"children":691},{"style":114},[692],{"type":21,"value":362},{"type":15,"tag":107,"props":694,"children":695},{"class":109,"line":144},[696],{"type":15,"tag":107,"props":697,"children":698},{"emptyLinePlaceholder":8},[699],{"type":21,"value":286},{"type":15,"tag":107,"props":701,"children":702},{"class":109,"line":165},[703,707,711,715],{"type":15,"tag":107,"props":704,"children":705},{"style":329},[706],{"type":21,"value":412},{"type":15,"tag":107,"props":708,"children":709},{"style":415},[710],{"type":21,"value":458},{"type":15,"tag":107,"props":712,"children":713},{"style":421},[714],{"type":21,"value":424},{"type":15,"tag":107,"props":716,"children":717},{"style":114},[718],{"type":21,"value":467},{"type":15,"tag":107,"props":720,"children":721},{"class":109,"line":183},[722],{"type":15,"tag":107,"props":723,"children":724},{"style":114},[725],{"type":21,"value":476},{"type":15,"tag":107,"props":727,"children":728},{"class":109,"line":201},[729,733,737,741],{"type":15,"tag":107,"props":730,"children":731},{"style":120},[732],{"type":21,"value":485},{"type":15,"tag":107,"props":734,"children":735},{"style":114},[736],{"type":21,"value":490},{"type":15,"tag":107,"props":738,"children":739},{"style":159},[740],{"type":21,"value":495},{"type":15,"tag":107,"props":742,"children":743},{"style":114},[744],{"type":21,"value":500},{"type":15,"tag":107,"props":746,"children":747},{"class":109,"line":218},[748,752,756,760],{"type":15,"tag":107,"props":749,"children":750},{"style":120},[751],{"type":21,"value":509},{"type":15,"tag":107,"props":753,"children":754},{"style":114},[755],{"type":21,"value":490},{"type":15,"tag":107,"props":757,"children":758},{"style":159},[759],{"type":21,"value":518},{"type":15,"tag":107,"props":761,"children":762},{"style":114},[763],{"type":21,"value":500},{"type":15,"tag":107,"props":765,"children":766},{"class":109,"line":236},[767],{"type":15,"tag":107,"props":768,"children":769},{"style":114},[770],{"type":21,"value":531},{"type":15,"tag":107,"props":772,"children":773},{"class":109,"line":254},[774],{"type":15,"tag":107,"props":775,"children":776},{"style":114},[777],{"type":21,"value":476},{"type":15,"tag":107,"props":779,"children":780},{"class":109,"line":263},[781,785,789,793],{"type":15,"tag":107,"props":782,"children":783},{"style":120},[784],{"type":21,"value":485},{"type":15,"tag":107,"props":786,"children":787},{"style":114},[788],{"type":21,"value":490},{"type":15,"tag":107,"props":790,"children":791},{"style":159},[792],{"type":21,"value":556},{"type":15,"tag":107,"props":794,"children":795},{"style":114},[796],{"type":21,"value":500},{"type":15,"tag":107,"props":798,"children":799},{"class":109,"line":280},[800,804,808,812],{"type":15,"tag":107,"props":801,"children":802},{"style":120},[803],{"type":21,"value":509},{"type":15,"tag":107,"props":805,"children":806},{"style":114},[807],{"type":21,"value":490},{"type":15,"tag":107,"props":809,"children":810},{"style":159},[811],{"type":21,"value":577},{"type":15,"tag":107,"props":813,"children":814},{"style":114},[815],{"type":21,"value":500},{"type":15,"tag":107,"props":817,"children":818},{"class":109,"line":289},[819],{"type":15,"tag":107,"props":820,"children":821},{"style":114},[822],{"type":21,"value":531},{"type":15,"tag":107,"props":824,"children":825},{"class":109,"line":325},[826],{"type":15,"tag":107,"props":827,"children":828},{"style":114},[829],{"type":21,"value":598},{"type":15,"tag":107,"props":831,"children":832},{"class":109,"line":365},[833,838,843,848,853],{"type":15,"tag":107,"props":834,"children":835},{"style":329},[836],{"type":21,"value":837},"export",{"type":15,"tag":107,"props":839,"children":840},{"style":329},[841],{"type":21,"value":842}," default",{"type":15,"tag":107,"props":844,"children":845},{"style":329},[846],{"type":21,"value":847}," function",{"type":15,"tag":107,"props":849,"children":850},{"style":427},[851],{"type":21,"value":852}," RadioWithoutLabel",{"type":15,"tag":107,"props":854,"children":855},{"style":114},[856],{"type":21,"value":857},"() {\n",{"type":15,"tag":107,"props":859,"children":860},{"class":109,"line":398},[861,866,871,876,881,886,891,895,900,904,908],{"type":15,"tag":107,"props":862,"children":863},{"style":329},[864],{"type":21,"value":865},"  const",{"type":15,"tag":107,"props":867,"children":868},{"style":114},[869],{"type":21,"value":870}," [",{"type":15,"tag":107,"props":872,"children":873},{"style":415},[874],{"type":21,"value":875},"checkedState",{"type":15,"tag":107,"props":877,"children":878},{"style":114},[879],{"type":21,"value":880},", ",{"type":15,"tag":107,"props":882,"children":883},{"style":415},[884],{"type":21,"value":885},"setCheckedState",{"type":15,"tag":107,"props":887,"children":888},{"style":114},[889],{"type":21,"value":890},"] ",{"type":15,"tag":107,"props":892,"children":893},{"style":421},[894],{"type":21,"value":156},{"type":15,"tag":107,"props":896,"children":897},{"style":427},[898],{"type":21,"value":899}," useState",{"type":15,"tag":107,"props":901,"children":902},{"style":114},[903],{"type":21,"value":435},{"type":15,"tag":107,"props":905,"children":906},{"style":159},[907],{"type":21,"value":440},{"type":15,"tag":107,"props":909,"children":910},{"style":114},[911],{"type":21,"value":445},{"type":15,"tag":107,"props":913,"children":914},{"class":109,"line":406},[915,920],{"type":15,"tag":107,"props":916,"children":917},{"style":329},[918],{"type":21,"value":919},"  return",{"type":15,"tag":107,"props":921,"children":922},{"style":114},[923],{"type":21,"value":924}," (\n",{"type":15,"tag":107,"props":926,"children":927},{"class":109,"line":448},[928],{"type":15,"tag":107,"props":929,"children":930},{"style":114},[931],{"type":21,"value":932},"    \u003C>\n",{"type":15,"tag":107,"props":934,"children":935},{"class":109,"line":470},[936,941,946,950,955,960,966,970,975,980,985],{"type":15,"tag":107,"props":937,"children":938},{"style":329},[939],{"type":21,"value":940},"      {",{"type":15,"tag":107,"props":942,"children":943},{"style":415},[944],{"type":21,"value":945},"radioOptions",{"type":15,"tag":107,"props":947,"children":948},{"style":114},[949],{"type":21,"value":72},{"type":15,"tag":107,"props":951,"children":952},{"style":427},[953],{"type":21,"value":954},"map",{"type":15,"tag":107,"props":956,"children":957},{"style":114},[958],{"type":21,"value":959},"(({ ",{"type":15,"tag":107,"props":961,"children":963},{"style":962},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[964],{"type":21,"value":965},"name",{"type":15,"tag":107,"props":967,"children":968},{"style":114},[969],{"type":21,"value":880},{"type":15,"tag":107,"props":971,"children":972},{"style":962},[973],{"type":21,"value":974},"value",{"type":15,"tag":107,"props":976,"children":977},{"style":114},[978],{"type":21,"value":979}," }) ",{"type":15,"tag":107,"props":981,"children":982},{"style":329},[983],{"type":21,"value":984},"=>",{"type":15,"tag":107,"props":986,"children":987},{"style":114},[988],{"type":21,"value":924},{"type":15,"tag":107,"props":990,"children":991},{"class":109,"line":479},[992,997],{"type":15,"tag":107,"props":993,"children":994},{"style":114},[995],{"type":21,"value":996},"        \u003C",{"type":15,"tag":107,"props":998,"children":999},{"style":415},[1000],{"type":21,"value":141},{"type":15,"tag":107,"props":1002,"children":1003},{"class":109,"line":503},[1004,1010,1014,1019,1023],{"type":15,"tag":107,"props":1005,"children":1007},{"style":1006},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1008],{"type":21,"value":1009},"          key",{"type":15,"tag":107,"props":1011,"children":1012},{"style":421},[1013],{"type":21,"value":156},{"type":15,"tag":107,"props":1015,"children":1016},{"style":329},[1017],{"type":21,"value":1018},"{",{"type":15,"tag":107,"props":1020,"children":1021},{"style":120},[1022],{"type":21,"value":974},{"type":15,"tag":107,"props":1024,"children":1025},{"style":329},[1026],{"type":21,"value":1027},"}\n",{"type":15,"tag":107,"props":1029,"children":1030},{"class":109,"line":525},[1031,1036,1040,1044,1048],{"type":15,"tag":107,"props":1032,"children":1033},{"style":1006},[1034],{"type":21,"value":1035},"          name",{"type":15,"tag":107,"props":1037,"children":1038},{"style":421},[1039],{"type":21,"value":156},{"type":15,"tag":107,"props":1041,"children":1042},{"style":329},[1043],{"type":21,"value":1018},{"type":15,"tag":107,"props":1045,"children":1046},{"style":120},[1047],{"type":21,"value":965},{"type":15,"tag":107,"props":1049,"children":1050},{"style":329},[1051],{"type":21,"value":1027},{"type":15,"tag":107,"props":1053,"children":1054},{"class":109,"line":534},[1055,1060,1064,1068,1072],{"type":15,"tag":107,"props":1056,"children":1057},{"style":1006},[1058],{"type":21,"value":1059},"          value",{"type":15,"tag":107,"props":1061,"children":1062},{"style":421},[1063],{"type":21,"value":156},{"type":15,"tag":107,"props":1065,"children":1066},{"style":329},[1067],{"type":21,"value":1018},{"type":15,"tag":107,"props":1069,"children":1070},{"style":120},[1071],{"type":21,"value":974},{"type":15,"tag":107,"props":1073,"children":1074},{"style":329},[1075],{"type":21,"value":1027},{"type":15,"tag":107,"props":1077,"children":1078},{"class":109,"line":542},[1079,1084,1088],{"type":15,"tag":107,"props":1080,"children":1081},{"style":1006},[1082],{"type":21,"value":1083},"          className",{"type":15,"tag":107,"props":1085,"children":1086},{"style":421},[1087],{"type":21,"value":156},{"type":15,"tag":107,"props":1089,"children":1090},{"style":159},[1091],{"type":21,"value":1092},"\"block mb-4\"\n",{"type":15,"tag":107,"props":1094,"children":1095},{"class":109,"line":563},[1096,1101,1105,1109,1113,1118,1123],{"type":15,"tag":107,"props":1097,"children":1098},{"style":1006},[1099],{"type":21,"value":1100},"          checked",{"type":15,"tag":107,"props":1102,"children":1103},{"style":421},[1104],{"type":21,"value":156},{"type":15,"tag":107,"props":1106,"children":1107},{"style":329},[1108],{"type":21,"value":1018},{"type":15,"tag":107,"props":1110,"children":1111},{"style":120},[1112],{"type":21,"value":875},{"type":15,"tag":107,"props":1114,"children":1115},{"style":421},[1116],{"type":21,"value":1117}," ===",{"type":15,"tag":107,"props":1119,"children":1120},{"style":120},[1121],{"type":21,"value":1122}," value",{"type":15,"tag":107,"props":1124,"children":1125},{"style":329},[1126],{"type":21,"value":1027},{"type":15,"tag":107,"props":1128,"children":1129},{"class":109,"line":584},[1130,1135,1139,1143,1147,1152,1157,1161],{"type":15,"tag":107,"props":1131,"children":1132},{"style":1006},[1133],{"type":21,"value":1134},"          onChange",{"type":15,"tag":107,"props":1136,"children":1137},{"style":421},[1138],{"type":21,"value":156},{"type":15,"tag":107,"props":1140,"children":1141},{"style":329},[1142],{"type":21,"value":1018},{"type":15,"tag":107,"props":1144,"children":1145},{"style":114},[1146],{"type":21,"value":435},{"type":15,"tag":107,"props":1148,"children":1149},{"style":962},[1150],{"type":21,"value":1151},"event",{"type":15,"tag":107,"props":1153,"children":1154},{"style":114},[1155],{"type":21,"value":1156},") ",{"type":15,"tag":107,"props":1158,"children":1159},{"style":329},[1160],{"type":21,"value":984},{"type":15,"tag":107,"props":1162,"children":1163},{"style":114},[1164],{"type":21,"value":1165}," {\n",{"type":15,"tag":107,"props":1167,"children":1168},{"class":109,"line":592},[1169,1174,1178,1182,1186,1191,1195,1199],{"type":15,"tag":107,"props":1170,"children":1171},{"style":427},[1172],{"type":21,"value":1173},"            setCheckedState",{"type":15,"tag":107,"props":1175,"children":1176},{"style":114},[1177],{"type":21,"value":435},{"type":15,"tag":107,"props":1179,"children":1180},{"style":415},[1181],{"type":21,"value":1151},{"type":15,"tag":107,"props":1183,"children":1184},{"style":114},[1185],{"type":21,"value":72},{"type":15,"tag":107,"props":1187,"children":1188},{"style":415},[1189],{"type":21,"value":1190},"target",{"type":15,"tag":107,"props":1192,"children":1193},{"style":114},[1194],{"type":21,"value":72},{"type":15,"tag":107,"props":1196,"children":1197},{"style":120},[1198],{"type":21,"value":974},{"type":15,"tag":107,"props":1200,"children":1201},{"style":114},[1202],{"type":21,"value":445},{"type":15,"tag":107,"props":1204,"children":1205},{"class":109,"line":601},[1206,1211],{"type":15,"tag":107,"props":1207,"children":1208},{"style":114},[1209],{"type":21,"value":1210},"          }",{"type":15,"tag":107,"props":1212,"children":1213},{"style":329},[1214],{"type":21,"value":1027},{"type":15,"tag":107,"props":1216,"children":1218},{"class":109,"line":1217},28,[1219],{"type":15,"tag":107,"props":1220,"children":1221},{"style":114},[1222],{"type":21,"value":1223},"        \u002F>\n",{"type":15,"tag":107,"props":1225,"children":1227},{"class":109,"line":1226},29,[1228,1233],{"type":15,"tag":107,"props":1229,"children":1230},{"style":114},[1231],{"type":21,"value":1232},"      ))",{"type":15,"tag":107,"props":1234,"children":1235},{"style":329},[1236],{"type":21,"value":1027},{"type":15,"tag":107,"props":1238,"children":1240},{"class":109,"line":1239},30,[1241],{"type":15,"tag":107,"props":1242,"children":1243},{"style":114},[1244],{"type":21,"value":1245},"    \u003C\u002F>\n",{"type":15,"tag":107,"props":1247,"children":1249},{"class":109,"line":1248},31,[1250],{"type":15,"tag":107,"props":1251,"children":1252},{"style":114},[1253],{"type":21,"value":1254},"  );\n",{"type":15,"tag":107,"props":1256,"children":1258},{"class":109,"line":1257},32,[1259],{"type":15,"tag":107,"props":1260,"children":1261},{"style":114},[1262],{"type":21,"value":1027},{"type":15,"tag":81,"props":1264,"children":1266},{"id":1265},"radio-with-leading-control",[1267],{"type":21,"value":1268},"Radio with leading control",{"type":15,"tag":32,"props":1270,"children":1271},{},[1272,1274,1279],{"type":21,"value":1273},"It's a best practice to use label with your ",{"type":15,"tag":36,"props":1275,"children":1277},{"className":1276},[],[1278],{"type":21,"value":41},{"type":21,"value":1280}," component so users can understand what the input is for.",{"type":15,"tag":88,"props":1282,"children":1284},{"showcase-name":1283},"Radio\u002FRadioLeading",[1285,1961],{"type":15,"tag":93,"props":1286,"children":1287},{},[1288],{"type":15,"tag":97,"props":1289,"children":1291},{"className":99,"code":1290,"language":101,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Cdiv class=\"-mt-4\">\n    \u003Clabel\n      v-for=\"{ name, value, label } in radioOptions\"\n      :key=\"value\"\n      class=\"flex flex-row-reverse items-center justify-between mt-4 mr-6 rounded-sm cursor-pointer\"\n    >\n      \u003Cspan class=\"ml-2 text-sm font-normal leading-5 font-body\">{{ label }}\u003C\u002Fspan>\n      \u003CSfRadio :value=\"value\" :name=\"name\" v-model=\"radioModel\" \u002F>\n    \u003C\u002Flabel>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"flex justify-between\">\n    \u003Cp class=\"typography-hint-xs text-neutral-500 mt-0.5\">Help text\u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfRadio } from '@storefront-ui\u002Fvue';\n\nconst radioModel = ref('');\nconst radioOptions = [\n  {\n    label: 'Label 1',\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-1',\n  },\n];\n\u003C\u002Fscript>\n\n",[1292],{"type":15,"tag":36,"props":1293,"children":1294},{"__ignoreMap":9},[1295,1310,1340,1353,1370,1386,1403,1411,1449,1507,1524,1540,1568,1605,1620,1635,1642,1673,1704,1735,1742,1773,1792,1799,1820,1839,1858,1865,1872,1892,1911,1930,1937,1945],{"type":15,"tag":107,"props":1296,"children":1297},{"class":109,"line":110},[1298,1302,1306],{"type":15,"tag":107,"props":1299,"children":1300},{"style":114},[1301],{"type":21,"value":117},{"type":15,"tag":107,"props":1303,"children":1304},{"style":120},[1305],{"type":21,"value":28},{"type":15,"tag":107,"props":1307,"children":1308},{"style":114},[1309],{"type":21,"value":127},{"type":15,"tag":107,"props":1311,"children":1312},{"class":109,"line":130},[1313,1317,1322,1327,1331,1336],{"type":15,"tag":107,"props":1314,"children":1315},{"style":114},[1316],{"type":21,"value":136},{"type":15,"tag":107,"props":1318,"children":1319},{"style":120},[1320],{"type":21,"value":1321},"div",{"type":15,"tag":107,"props":1323,"children":1324},{"style":148},[1325],{"type":21,"value":1326}," class",{"type":15,"tag":107,"props":1328,"children":1329},{"style":114},[1330],{"type":21,"value":156},{"type":15,"tag":107,"props":1332,"children":1333},{"style":159},[1334],{"type":21,"value":1335},"\"-mt-4\"",{"type":15,"tag":107,"props":1337,"children":1338},{"style":114},[1339],{"type":21,"value":127},{"type":15,"tag":107,"props":1341,"children":1342},{"class":109,"line":144},[1343,1348],{"type":15,"tag":107,"props":1344,"children":1345},{"style":114},[1346],{"type":21,"value":1347},"    \u003C",{"type":15,"tag":107,"props":1349,"children":1350},{"style":120},[1351],{"type":21,"value":1352},"label\n",{"type":15,"tag":107,"props":1354,"children":1355},{"class":109,"line":165},[1356,1361,1365],{"type":15,"tag":107,"props":1357,"children":1358},{"style":148},[1359],{"type":21,"value":1360},"      v-for",{"type":15,"tag":107,"props":1362,"children":1363},{"style":114},[1364],{"type":21,"value":156},{"type":15,"tag":107,"props":1366,"children":1367},{"style":159},[1368],{"type":21,"value":1369},"\"{ name, value, label } in radioOptions\"\n",{"type":15,"tag":107,"props":1371,"children":1372},{"class":109,"line":183},[1373,1378,1382],{"type":15,"tag":107,"props":1374,"children":1375},{"style":148},[1376],{"type":21,"value":1377},"      :key",{"type":15,"tag":107,"props":1379,"children":1380},{"style":114},[1381],{"type":21,"value":156},{"type":15,"tag":107,"props":1383,"children":1384},{"style":159},[1385],{"type":21,"value":180},{"type":15,"tag":107,"props":1387,"children":1388},{"class":109,"line":201},[1389,1394,1398],{"type":15,"tag":107,"props":1390,"children":1391},{"style":148},[1392],{"type":21,"value":1393},"      class",{"type":15,"tag":107,"props":1395,"children":1396},{"style":114},[1397],{"type":21,"value":156},{"type":15,"tag":107,"props":1399,"children":1400},{"style":159},[1401],{"type":21,"value":1402},"\"flex flex-row-reverse items-center justify-between mt-4 mr-6 rounded-sm cursor-pointer\"\n",{"type":15,"tag":107,"props":1404,"children":1405},{"class":109,"line":218},[1406],{"type":15,"tag":107,"props":1407,"children":1408},{"style":114},[1409],{"type":21,"value":1410},"    >\n",{"type":15,"tag":107,"props":1412,"children":1413},{"class":109,"line":236},[1414,1419,1423,1427,1431,1436,1441,1445],{"type":15,"tag":107,"props":1415,"children":1416},{"style":114},[1417],{"type":21,"value":1418},"      \u003C",{"type":15,"tag":107,"props":1420,"children":1421},{"style":120},[1422],{"type":21,"value":107},{"type":15,"tag":107,"props":1424,"children":1425},{"style":148},[1426],{"type":21,"value":1326},{"type":15,"tag":107,"props":1428,"children":1429},{"style":114},[1430],{"type":21,"value":156},{"type":15,"tag":107,"props":1432,"children":1433},{"style":159},[1434],{"type":21,"value":1435},"\"ml-2 text-sm font-normal leading-5 font-body\"",{"type":15,"tag":107,"props":1437,"children":1438},{"style":114},[1439],{"type":21,"value":1440},">{{ label }}\u003C\u002F",{"type":15,"tag":107,"props":1442,"children":1443},{"style":120},[1444],{"type":21,"value":107},{"type":15,"tag":107,"props":1446,"children":1447},{"style":114},[1448],{"type":21,"value":127},{"type":15,"tag":107,"props":1450,"children":1451},{"class":109,"line":254},[1452,1456,1460,1465,1469,1474,1479,1483,1488,1493,1497,1502],{"type":15,"tag":107,"props":1453,"children":1454},{"style":114},[1455],{"type":21,"value":1418},{"type":15,"tag":107,"props":1457,"children":1458},{"style":120},[1459],{"type":21,"value":41},{"type":15,"tag":107,"props":1461,"children":1462},{"style":148},[1463],{"type":21,"value":1464}," :value",{"type":15,"tag":107,"props":1466,"children":1467},{"style":114},[1468],{"type":21,"value":156},{"type":15,"tag":107,"props":1470,"children":1471},{"style":159},[1472],{"type":21,"value":1473},"\"value\"",{"type":15,"tag":107,"props":1475,"children":1476},{"style":148},[1477],{"type":21,"value":1478}," :name",{"type":15,"tag":107,"props":1480,"children":1481},{"style":114},[1482],{"type":21,"value":156},{"type":15,"tag":107,"props":1484,"children":1485},{"style":159},[1486],{"type":21,"value":1487},"\"name\"",{"type":15,"tag":107,"props":1489,"children":1490},{"style":148},[1491],{"type":21,"value":1492}," v-model",{"type":15,"tag":107,"props":1494,"children":1495},{"style":114},[1496],{"type":21,"value":156},{"type":15,"tag":107,"props":1498,"children":1499},{"style":159},[1500],{"type":21,"value":1501},"\"radioModel\"",{"type":15,"tag":107,"props":1503,"children":1504},{"style":114},[1505],{"type":21,"value":1506}," \u002F>\n",{"type":15,"tag":107,"props":1508,"children":1509},{"class":109,"line":263},[1510,1515,1520],{"type":15,"tag":107,"props":1511,"children":1512},{"style":114},[1513],{"type":21,"value":1514},"    \u003C\u002F",{"type":15,"tag":107,"props":1516,"children":1517},{"style":120},[1518],{"type":21,"value":1519},"label",{"type":15,"tag":107,"props":1521,"children":1522},{"style":114},[1523],{"type":21,"value":127},{"type":15,"tag":107,"props":1525,"children":1526},{"class":109,"line":280},[1527,1532,1536],{"type":15,"tag":107,"props":1528,"children":1529},{"style":114},[1530],{"type":21,"value":1531},"  \u003C\u002F",{"type":15,"tag":107,"props":1533,"children":1534},{"style":120},[1535],{"type":21,"value":1321},{"type":15,"tag":107,"props":1537,"children":1538},{"style":114},[1539],{"type":21,"value":127},{"type":15,"tag":107,"props":1541,"children":1542},{"class":109,"line":289},[1543,1547,1551,1555,1559,1564],{"type":15,"tag":107,"props":1544,"children":1545},{"style":114},[1546],{"type":21,"value":136},{"type":15,"tag":107,"props":1548,"children":1549},{"style":120},[1550],{"type":21,"value":1321},{"type":15,"tag":107,"props":1552,"children":1553},{"style":148},[1554],{"type":21,"value":1326},{"type":15,"tag":107,"props":1556,"children":1557},{"style":114},[1558],{"type":21,"value":156},{"type":15,"tag":107,"props":1560,"children":1561},{"style":159},[1562],{"type":21,"value":1563},"\"flex justify-between\"",{"type":15,"tag":107,"props":1565,"children":1566},{"style":114},[1567],{"type":21,"value":127},{"type":15,"tag":107,"props":1569,"children":1570},{"class":109,"line":325},[1571,1575,1579,1583,1587,1592,1597,1601],{"type":15,"tag":107,"props":1572,"children":1573},{"style":114},[1574],{"type":21,"value":1347},{"type":15,"tag":107,"props":1576,"children":1577},{"style":120},[1578],{"type":21,"value":32},{"type":15,"tag":107,"props":1580,"children":1581},{"style":148},[1582],{"type":21,"value":1326},{"type":15,"tag":107,"props":1584,"children":1585},{"style":114},[1586],{"type":21,"value":156},{"type":15,"tag":107,"props":1588,"children":1589},{"style":159},[1590],{"type":21,"value":1591},"\"typography-hint-xs text-neutral-500 mt-0.5\"",{"type":15,"tag":107,"props":1593,"children":1594},{"style":114},[1595],{"type":21,"value":1596},">Help text\u003C\u002F",{"type":15,"tag":107,"props":1598,"children":1599},{"style":120},[1600],{"type":21,"value":32},{"type":15,"tag":107,"props":1602,"children":1603},{"style":114},[1604],{"type":21,"value":127},{"type":15,"tag":107,"props":1606,"children":1607},{"class":109,"line":365},[1608,1612,1616],{"type":15,"tag":107,"props":1609,"children":1610},{"style":114},[1611],{"type":21,"value":1531},{"type":15,"tag":107,"props":1613,"children":1614},{"style":120},[1615],{"type":21,"value":1321},{"type":15,"tag":107,"props":1617,"children":1618},{"style":114},[1619],{"type":21,"value":127},{"type":15,"tag":107,"props":1621,"children":1622},{"class":109,"line":398},[1623,1627,1631],{"type":15,"tag":107,"props":1624,"children":1625},{"style":114},[1626],{"type":21,"value":269},{"type":15,"tag":107,"props":1628,"children":1629},{"style":120},[1630],{"type":21,"value":28},{"type":15,"tag":107,"props":1632,"children":1633},{"style":114},[1634],{"type":21,"value":127},{"type":15,"tag":107,"props":1636,"children":1637},{"class":109,"line":406},[1638],{"type":15,"tag":107,"props":1639,"children":1640},{"emptyLinePlaceholder":8},[1641],{"type":21,"value":286},{"type":15,"tag":107,"props":1643,"children":1644},{"class":109,"line":448},[1645,1649,1653,1657,1661,1665,1669],{"type":15,"tag":107,"props":1646,"children":1647},{"style":114},[1648],{"type":21,"value":117},{"type":15,"tag":107,"props":1650,"children":1651},{"style":120},[1652],{"type":21,"value":299},{"type":15,"tag":107,"props":1654,"children":1655},{"style":148},[1656],{"type":21,"value":304},{"type":15,"tag":107,"props":1658,"children":1659},{"style":114},[1660],{"type":21,"value":156},{"type":15,"tag":107,"props":1662,"children":1663},{"style":159},[1664],{"type":21,"value":313},{"type":15,"tag":107,"props":1666,"children":1667},{"style":148},[1668],{"type":21,"value":318},{"type":15,"tag":107,"props":1670,"children":1671},{"style":114},[1672],{"type":21,"value":127},{"type":15,"tag":107,"props":1674,"children":1675},{"class":109,"line":470},[1676,1680,1684,1688,1692,1696,1700],{"type":15,"tag":107,"props":1677,"children":1678},{"style":329},[1679],{"type":21,"value":332},{"type":15,"tag":107,"props":1681,"children":1682},{"style":114},[1683],{"type":21,"value":337},{"type":15,"tag":107,"props":1685,"children":1686},{"style":120},[1687],{"type":21,"value":342},{"type":15,"tag":107,"props":1689,"children":1690},{"style":114},[1691],{"type":21,"value":347},{"type":15,"tag":107,"props":1693,"children":1694},{"style":329},[1695],{"type":21,"value":352},{"type":15,"tag":107,"props":1697,"children":1698},{"style":159},[1699],{"type":21,"value":357},{"type":15,"tag":107,"props":1701,"children":1702},{"style":114},[1703],{"type":21,"value":362},{"type":15,"tag":107,"props":1705,"children":1706},{"class":109,"line":479},[1707,1711,1715,1719,1723,1727,1731],{"type":15,"tag":107,"props":1708,"children":1709},{"style":329},[1710],{"type":21,"value":332},{"type":15,"tag":107,"props":1712,"children":1713},{"style":114},[1714],{"type":21,"value":337},{"type":15,"tag":107,"props":1716,"children":1717},{"style":120},[1718],{"type":21,"value":41},{"type":15,"tag":107,"props":1720,"children":1721},{"style":114},[1722],{"type":21,"value":347},{"type":15,"tag":107,"props":1724,"children":1725},{"style":329},[1726],{"type":21,"value":352},{"type":15,"tag":107,"props":1728,"children":1729},{"style":159},[1730],{"type":21,"value":391},{"type":15,"tag":107,"props":1732,"children":1733},{"style":114},[1734],{"type":21,"value":362},{"type":15,"tag":107,"props":1736,"children":1737},{"class":109,"line":503},[1738],{"type":15,"tag":107,"props":1739,"children":1740},{"emptyLinePlaceholder":8},[1741],{"type":21,"value":286},{"type":15,"tag":107,"props":1743,"children":1744},{"class":109,"line":525},[1745,1749,1753,1757,1761,1765,1769],{"type":15,"tag":107,"props":1746,"children":1747},{"style":329},[1748],{"type":21,"value":412},{"type":15,"tag":107,"props":1750,"children":1751},{"style":415},[1752],{"type":21,"value":418},{"type":15,"tag":107,"props":1754,"children":1755},{"style":421},[1756],{"type":21,"value":424},{"type":15,"tag":107,"props":1758,"children":1759},{"style":427},[1760],{"type":21,"value":430},{"type":15,"tag":107,"props":1762,"children":1763},{"style":114},[1764],{"type":21,"value":435},{"type":15,"tag":107,"props":1766,"children":1767},{"style":159},[1768],{"type":21,"value":440},{"type":15,"tag":107,"props":1770,"children":1771},{"style":114},[1772],{"type":21,"value":445},{"type":15,"tag":107,"props":1774,"children":1775},{"class":109,"line":534},[1776,1780,1784,1788],{"type":15,"tag":107,"props":1777,"children":1778},{"style":329},[1779],{"type":21,"value":412},{"type":15,"tag":107,"props":1781,"children":1782},{"style":415},[1783],{"type":21,"value":458},{"type":15,"tag":107,"props":1785,"children":1786},{"style":421},[1787],{"type":21,"value":424},{"type":15,"tag":107,"props":1789,"children":1790},{"style":114},[1791],{"type":21,"value":467},{"type":15,"tag":107,"props":1793,"children":1794},{"class":109,"line":542},[1795],{"type":15,"tag":107,"props":1796,"children":1797},{"style":114},[1798],{"type":21,"value":476},{"type":15,"tag":107,"props":1800,"children":1801},{"class":109,"line":563},[1802,1807,1811,1816],{"type":15,"tag":107,"props":1803,"children":1804},{"style":120},[1805],{"type":21,"value":1806},"    label",{"type":15,"tag":107,"props":1808,"children":1809},{"style":114},[1810],{"type":21,"value":490},{"type":15,"tag":107,"props":1812,"children":1813},{"style":159},[1814],{"type":21,"value":1815},"'Label 1'",{"type":15,"tag":107,"props":1817,"children":1818},{"style":114},[1819],{"type":21,"value":500},{"type":15,"tag":107,"props":1821,"children":1822},{"class":109,"line":584},[1823,1827,1831,1835],{"type":15,"tag":107,"props":1824,"children":1825},{"style":120},[1826],{"type":21,"value":485},{"type":15,"tag":107,"props":1828,"children":1829},{"style":114},[1830],{"type":21,"value":490},{"type":15,"tag":107,"props":1832,"children":1833},{"style":159},[1834],{"type":21,"value":495},{"type":15,"tag":107,"props":1836,"children":1837},{"style":114},[1838],{"type":21,"value":500},{"type":15,"tag":107,"props":1840,"children":1841},{"class":109,"line":592},[1842,1846,1850,1854],{"type":15,"tag":107,"props":1843,"children":1844},{"style":120},[1845],{"type":21,"value":509},{"type":15,"tag":107,"props":1847,"children":1848},{"style":114},[1849],{"type":21,"value":490},{"type":15,"tag":107,"props":1851,"children":1852},{"style":159},[1853],{"type":21,"value":518},{"type":15,"tag":107,"props":1855,"children":1856},{"style":114},[1857],{"type":21,"value":500},{"type":15,"tag":107,"props":1859,"children":1860},{"class":109,"line":601},[1861],{"type":15,"tag":107,"props":1862,"children":1863},{"style":114},[1864],{"type":21,"value":531},{"type":15,"tag":107,"props":1866,"children":1867},{"class":109,"line":1217},[1868],{"type":15,"tag":107,"props":1869,"children":1870},{"style":114},[1871],{"type":21,"value":476},{"type":15,"tag":107,"props":1873,"children":1874},{"class":109,"line":1226},[1875,1879,1883,1888],{"type":15,"tag":107,"props":1876,"children":1877},{"style":120},[1878],{"type":21,"value":1806},{"type":15,"tag":107,"props":1880,"children":1881},{"style":114},[1882],{"type":21,"value":490},{"type":15,"tag":107,"props":1884,"children":1885},{"style":159},[1886],{"type":21,"value":1887},"'Label 2'",{"type":15,"tag":107,"props":1889,"children":1890},{"style":114},[1891],{"type":21,"value":500},{"type":15,"tag":107,"props":1893,"children":1894},{"class":109,"line":1239},[1895,1899,1903,1907],{"type":15,"tag":107,"props":1896,"children":1897},{"style":120},[1898],{"type":21,"value":485},{"type":15,"tag":107,"props":1900,"children":1901},{"style":114},[1902],{"type":21,"value":490},{"type":15,"tag":107,"props":1904,"children":1905},{"style":159},[1906],{"type":21,"value":556},{"type":15,"tag":107,"props":1908,"children":1909},{"style":114},[1910],{"type":21,"value":500},{"type":15,"tag":107,"props":1912,"children":1913},{"class":109,"line":1248},[1914,1918,1922,1926],{"type":15,"tag":107,"props":1915,"children":1916},{"style":120},[1917],{"type":21,"value":509},{"type":15,"tag":107,"props":1919,"children":1920},{"style":114},[1921],{"type":21,"value":490},{"type":15,"tag":107,"props":1923,"children":1924},{"style":159},[1925],{"type":21,"value":518},{"type":15,"tag":107,"props":1927,"children":1928},{"style":114},[1929],{"type":21,"value":500},{"type":15,"tag":107,"props":1931,"children":1932},{"class":109,"line":1257},[1933],{"type":15,"tag":107,"props":1934,"children":1935},{"style":114},[1936],{"type":21,"value":531},{"type":15,"tag":107,"props":1938,"children":1940},{"class":109,"line":1939},33,[1941],{"type":15,"tag":107,"props":1942,"children":1943},{"style":114},[1944],{"type":21,"value":598},{"type":15,"tag":107,"props":1946,"children":1948},{"class":109,"line":1947},34,[1949,1953,1957],{"type":15,"tag":107,"props":1950,"children":1951},{"style":114},[1952],{"type":21,"value":269},{"type":15,"tag":107,"props":1954,"children":1955},{"style":120},[1956],{"type":21,"value":299},{"type":15,"tag":107,"props":1958,"children":1959},{"style":114},[1960],{"type":21,"value":127},{"type":15,"tag":616,"props":1962,"children":1963},{},[1964],{"type":15,"tag":97,"props":1965,"children":1967},{"className":621,"code":1966,"language":623,"meta":9,"style":9},"import { SfRadio } from '@storefront-ui\u002Freact';\nimport { useState } from 'react';\n\nconst radioOptions = [\n  {\n    label: 'Label',\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-1',\n  },\n];\n\nexport default function RadioAlignment() {\n  const [checkedState, setCheckedState] = useState('');\n  return (\n    \u003C>\n      \u003Cdiv className=\"-mt-4\">\n        {radioOptions.map(({ label, value, name }) => (\n          \u003Clabel key={value} className=\"flex items-center mt-4 cursor-pointer\">\n            \u003CSfRadio\n              name={name}\n              value={value}\n              checked={checkedState === value}\n              onChange={(event) => {\n                setCheckedState(event.target.value);\n              }}\n            \u002F>\n            \u003Cspan className=\"ml-2 text-base font-normal leading-6 font-body\">{label}\u003C\u002Fspan>\n          \u003C\u002Flabel>\n        ))}\n      \u003C\u002Fdiv>\n      \u003Cdiv className=\"flex justify-between\">\n        \u003Cp className=\"typography-hint-xs text-neutral-500 mt-0.5\">Help text\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002F>\n  );\n}\n",[1968],{"type":15,"tag":36,"props":1969,"children":1970},{"__ignoreMap":9},[1971,2002,2033,2040,2059,2066,2086,2105,2124,2131,2138,2157,2176,2195,2202,2209,2216,2240,2287,2298,2305,2333,2389,2440,2452,2476,2500,2532,2568,2604,2616,2624,2677,2693,2705,2722,2750,2786,2802,2810,2818],{"type":15,"tag":107,"props":1972,"children":1973},{"class":109,"line":110},[1974,1978,1982,1986,1990,1994,1998],{"type":15,"tag":107,"props":1975,"children":1976},{"style":329},[1977],{"type":21,"value":332},{"type":15,"tag":107,"props":1979,"children":1980},{"style":114},[1981],{"type":21,"value":337},{"type":15,"tag":107,"props":1983,"children":1984},{"style":120},[1985],{"type":21,"value":41},{"type":15,"tag":107,"props":1987,"children":1988},{"style":114},[1989],{"type":21,"value":347},{"type":15,"tag":107,"props":1991,"children":1992},{"style":329},[1993],{"type":21,"value":352},{"type":15,"tag":107,"props":1995,"children":1996},{"style":159},[1997],{"type":21,"value":655},{"type":15,"tag":107,"props":1999,"children":2000},{"style":114},[2001],{"type":21,"value":362},{"type":15,"tag":107,"props":2003,"children":2004},{"class":109,"line":130},[2005,2009,2013,2017,2021,2025,2029],{"type":15,"tag":107,"props":2006,"children":2007},{"style":329},[2008],{"type":21,"value":332},{"type":15,"tag":107,"props":2010,"children":2011},{"style":114},[2012],{"type":21,"value":337},{"type":15,"tag":107,"props":2014,"children":2015},{"style":120},[2016],{"type":21,"value":675},{"type":15,"tag":107,"props":2018,"children":2019},{"style":114},[2020],{"type":21,"value":347},{"type":15,"tag":107,"props":2022,"children":2023},{"style":329},[2024],{"type":21,"value":352},{"type":15,"tag":107,"props":2026,"children":2027},{"style":159},[2028],{"type":21,"value":688},{"type":15,"tag":107,"props":2030,"children":2031},{"style":114},[2032],{"type":21,"value":362},{"type":15,"tag":107,"props":2034,"children":2035},{"class":109,"line":144},[2036],{"type":15,"tag":107,"props":2037,"children":2038},{"emptyLinePlaceholder":8},[2039],{"type":21,"value":286},{"type":15,"tag":107,"props":2041,"children":2042},{"class":109,"line":165},[2043,2047,2051,2055],{"type":15,"tag":107,"props":2044,"children":2045},{"style":329},[2046],{"type":21,"value":412},{"type":15,"tag":107,"props":2048,"children":2049},{"style":415},[2050],{"type":21,"value":458},{"type":15,"tag":107,"props":2052,"children":2053},{"style":421},[2054],{"type":21,"value":424},{"type":15,"tag":107,"props":2056,"children":2057},{"style":114},[2058],{"type":21,"value":467},{"type":15,"tag":107,"props":2060,"children":2061},{"class":109,"line":183},[2062],{"type":15,"tag":107,"props":2063,"children":2064},{"style":114},[2065],{"type":21,"value":476},{"type":15,"tag":107,"props":2067,"children":2068},{"class":109,"line":201},[2069,2073,2077,2082],{"type":15,"tag":107,"props":2070,"children":2071},{"style":120},[2072],{"type":21,"value":1806},{"type":15,"tag":107,"props":2074,"children":2075},{"style":114},[2076],{"type":21,"value":490},{"type":15,"tag":107,"props":2078,"children":2079},{"style":159},[2080],{"type":21,"value":2081},"'Label'",{"type":15,"tag":107,"props":2083,"children":2084},{"style":114},[2085],{"type":21,"value":500},{"type":15,"tag":107,"props":2087,"children":2088},{"class":109,"line":218},[2089,2093,2097,2101],{"type":15,"tag":107,"props":2090,"children":2091},{"style":120},[2092],{"type":21,"value":485},{"type":15,"tag":107,"props":2094,"children":2095},{"style":114},[2096],{"type":21,"value":490},{"type":15,"tag":107,"props":2098,"children":2099},{"style":159},[2100],{"type":21,"value":495},{"type":15,"tag":107,"props":2102,"children":2103},{"style":114},[2104],{"type":21,"value":500},{"type":15,"tag":107,"props":2106,"children":2107},{"class":109,"line":236},[2108,2112,2116,2120],{"type":15,"tag":107,"props":2109,"children":2110},{"style":120},[2111],{"type":21,"value":509},{"type":15,"tag":107,"props":2113,"children":2114},{"style":114},[2115],{"type":21,"value":490},{"type":15,"tag":107,"props":2117,"children":2118},{"style":159},[2119],{"type":21,"value":518},{"type":15,"tag":107,"props":2121,"children":2122},{"style":114},[2123],{"type":21,"value":500},{"type":15,"tag":107,"props":2125,"children":2126},{"class":109,"line":254},[2127],{"type":15,"tag":107,"props":2128,"children":2129},{"style":114},[2130],{"type":21,"value":531},{"type":15,"tag":107,"props":2132,"children":2133},{"class":109,"line":263},[2134],{"type":15,"tag":107,"props":2135,"children":2136},{"style":114},[2137],{"type":21,"value":476},{"type":15,"tag":107,"props":2139,"children":2140},{"class":109,"line":280},[2141,2145,2149,2153],{"type":15,"tag":107,"props":2142,"children":2143},{"style":120},[2144],{"type":21,"value":1806},{"type":15,"tag":107,"props":2146,"children":2147},{"style":114},[2148],{"type":21,"value":490},{"type":15,"tag":107,"props":2150,"children":2151},{"style":159},[2152],{"type":21,"value":1887},{"type":15,"tag":107,"props":2154,"children":2155},{"style":114},[2156],{"type":21,"value":500},{"type":15,"tag":107,"props":2158,"children":2159},{"class":109,"line":289},[2160,2164,2168,2172],{"type":15,"tag":107,"props":2161,"children":2162},{"style":120},[2163],{"type":21,"value":485},{"type":15,"tag":107,"props":2165,"children":2166},{"style":114},[2167],{"type":21,"value":490},{"type":15,"tag":107,"props":2169,"children":2170},{"style":159},[2171],{"type":21,"value":556},{"type":15,"tag":107,"props":2173,"children":2174},{"style":114},[2175],{"type":21,"value":500},{"type":15,"tag":107,"props":2177,"children":2178},{"class":109,"line":325},[2179,2183,2187,2191],{"type":15,"tag":107,"props":2180,"children":2181},{"style":120},[2182],{"type":21,"value":509},{"type":15,"tag":107,"props":2184,"children":2185},{"style":114},[2186],{"type":21,"value":490},{"type":15,"tag":107,"props":2188,"children":2189},{"style":159},[2190],{"type":21,"value":518},{"type":15,"tag":107,"props":2192,"children":2193},{"style":114},[2194],{"type":21,"value":500},{"type":15,"tag":107,"props":2196,"children":2197},{"class":109,"line":365},[2198],{"type":15,"tag":107,"props":2199,"children":2200},{"style":114},[2201],{"type":21,"value":531},{"type":15,"tag":107,"props":2203,"children":2204},{"class":109,"line":398},[2205],{"type":15,"tag":107,"props":2206,"children":2207},{"style":114},[2208],{"type":21,"value":598},{"type":15,"tag":107,"props":2210,"children":2211},{"class":109,"line":406},[2212],{"type":15,"tag":107,"props":2213,"children":2214},{"emptyLinePlaceholder":8},[2215],{"type":21,"value":286},{"type":15,"tag":107,"props":2217,"children":2218},{"class":109,"line":448},[2219,2223,2227,2231,2236],{"type":15,"tag":107,"props":2220,"children":2221},{"style":329},[2222],{"type":21,"value":837},{"type":15,"tag":107,"props":2224,"children":2225},{"style":329},[2226],{"type":21,"value":842},{"type":15,"tag":107,"props":2228,"children":2229},{"style":329},[2230],{"type":21,"value":847},{"type":15,"tag":107,"props":2232,"children":2233},{"style":427},[2234],{"type":21,"value":2235}," RadioAlignment",{"type":15,"tag":107,"props":2237,"children":2238},{"style":114},[2239],{"type":21,"value":857},{"type":15,"tag":107,"props":2241,"children":2242},{"class":109,"line":470},[2243,2247,2251,2255,2259,2263,2267,2271,2275,2279,2283],{"type":15,"tag":107,"props":2244,"children":2245},{"style":329},[2246],{"type":21,"value":865},{"type":15,"tag":107,"props":2248,"children":2249},{"style":114},[2250],{"type":21,"value":870},{"type":15,"tag":107,"props":2252,"children":2253},{"style":415},[2254],{"type":21,"value":875},{"type":15,"tag":107,"props":2256,"children":2257},{"style":114},[2258],{"type":21,"value":880},{"type":15,"tag":107,"props":2260,"children":2261},{"style":415},[2262],{"type":21,"value":885},{"type":15,"tag":107,"props":2264,"children":2265},{"style":114},[2266],{"type":21,"value":890},{"type":15,"tag":107,"props":2268,"children":2269},{"style":421},[2270],{"type":21,"value":156},{"type":15,"tag":107,"props":2272,"children":2273},{"style":427},[2274],{"type":21,"value":899},{"type":15,"tag":107,"props":2276,"children":2277},{"style":114},[2278],{"type":21,"value":435},{"type":15,"tag":107,"props":2280,"children":2281},{"style":159},[2282],{"type":21,"value":440},{"type":15,"tag":107,"props":2284,"children":2285},{"style":114},[2286],{"type":21,"value":445},{"type":15,"tag":107,"props":2288,"children":2289},{"class":109,"line":479},[2290,2294],{"type":15,"tag":107,"props":2291,"children":2292},{"style":329},[2293],{"type":21,"value":919},{"type":15,"tag":107,"props":2295,"children":2296},{"style":114},[2297],{"type":21,"value":924},{"type":15,"tag":107,"props":2299,"children":2300},{"class":109,"line":503},[2301],{"type":15,"tag":107,"props":2302,"children":2303},{"style":114},[2304],{"type":21,"value":932},{"type":15,"tag":107,"props":2306,"children":2307},{"class":109,"line":525},[2308,2312,2316,2321,2325,2329],{"type":15,"tag":107,"props":2309,"children":2310},{"style":114},[2311],{"type":21,"value":1418},{"type":15,"tag":107,"props":2313,"children":2314},{"style":120},[2315],{"type":21,"value":1321},{"type":15,"tag":107,"props":2317,"children":2318},{"style":1006},[2319],{"type":21,"value":2320}," className",{"type":15,"tag":107,"props":2322,"children":2323},{"style":421},[2324],{"type":21,"value":156},{"type":15,"tag":107,"props":2326,"children":2327},{"style":159},[2328],{"type":21,"value":1335},{"type":15,"tag":107,"props":2330,"children":2331},{"style":114},[2332],{"type":21,"value":127},{"type":15,"tag":107,"props":2334,"children":2335},{"class":109,"line":534},[2336,2341,2345,2349,2353,2357,2361,2365,2369,2373,2377,2381,2385],{"type":15,"tag":107,"props":2337,"children":2338},{"style":329},[2339],{"type":21,"value":2340},"        {",{"type":15,"tag":107,"props":2342,"children":2343},{"style":415},[2344],{"type":21,"value":945},{"type":15,"tag":107,"props":2346,"children":2347},{"style":114},[2348],{"type":21,"value":72},{"type":15,"tag":107,"props":2350,"children":2351},{"style":427},[2352],{"type":21,"value":954},{"type":15,"tag":107,"props":2354,"children":2355},{"style":114},[2356],{"type":21,"value":959},{"type":15,"tag":107,"props":2358,"children":2359},{"style":962},[2360],{"type":21,"value":1519},{"type":15,"tag":107,"props":2362,"children":2363},{"style":114},[2364],{"type":21,"value":880},{"type":15,"tag":107,"props":2366,"children":2367},{"style":962},[2368],{"type":21,"value":974},{"type":15,"tag":107,"props":2370,"children":2371},{"style":114},[2372],{"type":21,"value":880},{"type":15,"tag":107,"props":2374,"children":2375},{"style":962},[2376],{"type":21,"value":965},{"type":15,"tag":107,"props":2378,"children":2379},{"style":114},[2380],{"type":21,"value":979},{"type":15,"tag":107,"props":2382,"children":2383},{"style":329},[2384],{"type":21,"value":984},{"type":15,"tag":107,"props":2386,"children":2387},{"style":114},[2388],{"type":21,"value":924},{"type":15,"tag":107,"props":2390,"children":2391},{"class":109,"line":542},[2392,2397,2401,2406,2410,2414,2418,2423,2427,2431,2436],{"type":15,"tag":107,"props":2393,"children":2394},{"style":114},[2395],{"type":21,"value":2396},"          \u003C",{"type":15,"tag":107,"props":2398,"children":2399},{"style":120},[2400],{"type":21,"value":1519},{"type":15,"tag":107,"props":2402,"children":2403},{"style":1006},[2404],{"type":21,"value":2405}," key",{"type":15,"tag":107,"props":2407,"children":2408},{"style":421},[2409],{"type":21,"value":156},{"type":15,"tag":107,"props":2411,"children":2412},{"style":329},[2413],{"type":21,"value":1018},{"type":15,"tag":107,"props":2415,"children":2416},{"style":120},[2417],{"type":21,"value":974},{"type":15,"tag":107,"props":2419,"children":2420},{"style":329},[2421],{"type":21,"value":2422},"}",{"type":15,"tag":107,"props":2424,"children":2425},{"style":1006},[2426],{"type":21,"value":2320},{"type":15,"tag":107,"props":2428,"children":2429},{"style":421},[2430],{"type":21,"value":156},{"type":15,"tag":107,"props":2432,"children":2433},{"style":159},[2434],{"type":21,"value":2435},"\"flex items-center mt-4 cursor-pointer\"",{"type":15,"tag":107,"props":2437,"children":2438},{"style":114},[2439],{"type":21,"value":127},{"type":15,"tag":107,"props":2441,"children":2442},{"class":109,"line":563},[2443,2448],{"type":15,"tag":107,"props":2444,"children":2445},{"style":114},[2446],{"type":21,"value":2447},"            \u003C",{"type":15,"tag":107,"props":2449,"children":2450},{"style":415},[2451],{"type":21,"value":141},{"type":15,"tag":107,"props":2453,"children":2454},{"class":109,"line":584},[2455,2460,2464,2468,2472],{"type":15,"tag":107,"props":2456,"children":2457},{"style":1006},[2458],{"type":21,"value":2459},"              name",{"type":15,"tag":107,"props":2461,"children":2462},{"style":421},[2463],{"type":21,"value":156},{"type":15,"tag":107,"props":2465,"children":2466},{"style":329},[2467],{"type":21,"value":1018},{"type":15,"tag":107,"props":2469,"children":2470},{"style":120},[2471],{"type":21,"value":965},{"type":15,"tag":107,"props":2473,"children":2474},{"style":329},[2475],{"type":21,"value":1027},{"type":15,"tag":107,"props":2477,"children":2478},{"class":109,"line":592},[2479,2484,2488,2492,2496],{"type":15,"tag":107,"props":2480,"children":2481},{"style":1006},[2482],{"type":21,"value":2483},"              value",{"type":15,"tag":107,"props":2485,"children":2486},{"style":421},[2487],{"type":21,"value":156},{"type":15,"tag":107,"props":2489,"children":2490},{"style":329},[2491],{"type":21,"value":1018},{"type":15,"tag":107,"props":2493,"children":2494},{"style":120},[2495],{"type":21,"value":974},{"type":15,"tag":107,"props":2497,"children":2498},{"style":329},[2499],{"type":21,"value":1027},{"type":15,"tag":107,"props":2501,"children":2502},{"class":109,"line":601},[2503,2508,2512,2516,2520,2524,2528],{"type":15,"tag":107,"props":2504,"children":2505},{"style":1006},[2506],{"type":21,"value":2507},"              checked",{"type":15,"tag":107,"props":2509,"children":2510},{"style":421},[2511],{"type":21,"value":156},{"type":15,"tag":107,"props":2513,"children":2514},{"style":329},[2515],{"type":21,"value":1018},{"type":15,"tag":107,"props":2517,"children":2518},{"style":120},[2519],{"type":21,"value":875},{"type":15,"tag":107,"props":2521,"children":2522},{"style":421},[2523],{"type":21,"value":1117},{"type":15,"tag":107,"props":2525,"children":2526},{"style":120},[2527],{"type":21,"value":1122},{"type":15,"tag":107,"props":2529,"children":2530},{"style":329},[2531],{"type":21,"value":1027},{"type":15,"tag":107,"props":2533,"children":2534},{"class":109,"line":1217},[2535,2540,2544,2548,2552,2556,2560,2564],{"type":15,"tag":107,"props":2536,"children":2537},{"style":1006},[2538],{"type":21,"value":2539},"              onChange",{"type":15,"tag":107,"props":2541,"children":2542},{"style":421},[2543],{"type":21,"value":156},{"type":15,"tag":107,"props":2545,"children":2546},{"style":329},[2547],{"type":21,"value":1018},{"type":15,"tag":107,"props":2549,"children":2550},{"style":114},[2551],{"type":21,"value":435},{"type":15,"tag":107,"props":2553,"children":2554},{"style":962},[2555],{"type":21,"value":1151},{"type":15,"tag":107,"props":2557,"children":2558},{"style":114},[2559],{"type":21,"value":1156},{"type":15,"tag":107,"props":2561,"children":2562},{"style":329},[2563],{"type":21,"value":984},{"type":15,"tag":107,"props":2565,"children":2566},{"style":114},[2567],{"type":21,"value":1165},{"type":15,"tag":107,"props":2569,"children":2570},{"class":109,"line":1226},[2571,2576,2580,2584,2588,2592,2596,2600],{"type":15,"tag":107,"props":2572,"children":2573},{"style":427},[2574],{"type":21,"value":2575},"                setCheckedState",{"type":15,"tag":107,"props":2577,"children":2578},{"style":114},[2579],{"type":21,"value":435},{"type":15,"tag":107,"props":2581,"children":2582},{"style":415},[2583],{"type":21,"value":1151},{"type":15,"tag":107,"props":2585,"children":2586},{"style":114},[2587],{"type":21,"value":72},{"type":15,"tag":107,"props":2589,"children":2590},{"style":415},[2591],{"type":21,"value":1190},{"type":15,"tag":107,"props":2593,"children":2594},{"style":114},[2595],{"type":21,"value":72},{"type":15,"tag":107,"props":2597,"children":2598},{"style":120},[2599],{"type":21,"value":974},{"type":15,"tag":107,"props":2601,"children":2602},{"style":114},[2603],{"type":21,"value":445},{"type":15,"tag":107,"props":2605,"children":2606},{"class":109,"line":1239},[2607,2612],{"type":15,"tag":107,"props":2608,"children":2609},{"style":114},[2610],{"type":21,"value":2611},"              }",{"type":15,"tag":107,"props":2613,"children":2614},{"style":329},[2615],{"type":21,"value":1027},{"type":15,"tag":107,"props":2617,"children":2618},{"class":109,"line":1248},[2619],{"type":15,"tag":107,"props":2620,"children":2621},{"style":114},[2622],{"type":21,"value":2623},"            \u002F>\n",{"type":15,"tag":107,"props":2625,"children":2626},{"class":109,"line":1257},[2627,2631,2635,2639,2643,2648,2653,2657,2661,2665,2669,2673],{"type":15,"tag":107,"props":2628,"children":2629},{"style":114},[2630],{"type":21,"value":2447},{"type":15,"tag":107,"props":2632,"children":2633},{"style":120},[2634],{"type":21,"value":107},{"type":15,"tag":107,"props":2636,"children":2637},{"style":1006},[2638],{"type":21,"value":2320},{"type":15,"tag":107,"props":2640,"children":2641},{"style":421},[2642],{"type":21,"value":156},{"type":15,"tag":107,"props":2644,"children":2645},{"style":159},[2646],{"type":21,"value":2647},"\"ml-2 text-base font-normal leading-6 font-body\"",{"type":15,"tag":107,"props":2649,"children":2650},{"style":114},[2651],{"type":21,"value":2652},">",{"type":15,"tag":107,"props":2654,"children":2655},{"style":329},[2656],{"type":21,"value":1018},{"type":15,"tag":107,"props":2658,"children":2659},{"style":120},[2660],{"type":21,"value":1519},{"type":15,"tag":107,"props":2662,"children":2663},{"style":329},[2664],{"type":21,"value":2422},{"type":15,"tag":107,"props":2666,"children":2667},{"style":114},[2668],{"type":21,"value":269},{"type":15,"tag":107,"props":2670,"children":2671},{"style":120},[2672],{"type":21,"value":107},{"type":15,"tag":107,"props":2674,"children":2675},{"style":114},[2676],{"type":21,"value":127},{"type":15,"tag":107,"props":2678,"children":2679},{"class":109,"line":1939},[2680,2685,2689],{"type":15,"tag":107,"props":2681,"children":2682},{"style":114},[2683],{"type":21,"value":2684},"          \u003C\u002F",{"type":15,"tag":107,"props":2686,"children":2687},{"style":120},[2688],{"type":21,"value":1519},{"type":15,"tag":107,"props":2690,"children":2691},{"style":114},[2692],{"type":21,"value":127},{"type":15,"tag":107,"props":2694,"children":2695},{"class":109,"line":1947},[2696,2701],{"type":15,"tag":107,"props":2697,"children":2698},{"style":114},[2699],{"type":21,"value":2700},"        ))",{"type":15,"tag":107,"props":2702,"children":2703},{"style":329},[2704],{"type":21,"value":1027},{"type":15,"tag":107,"props":2706,"children":2708},{"class":109,"line":2707},35,[2709,2714,2718],{"type":15,"tag":107,"props":2710,"children":2711},{"style":114},[2712],{"type":21,"value":2713},"      \u003C\u002F",{"type":15,"tag":107,"props":2715,"children":2716},{"style":120},[2717],{"type":21,"value":1321},{"type":15,"tag":107,"props":2719,"children":2720},{"style":114},[2721],{"type":21,"value":127},{"type":15,"tag":107,"props":2723,"children":2725},{"class":109,"line":2724},36,[2726,2730,2734,2738,2742,2746],{"type":15,"tag":107,"props":2727,"children":2728},{"style":114},[2729],{"type":21,"value":1418},{"type":15,"tag":107,"props":2731,"children":2732},{"style":120},[2733],{"type":21,"value":1321},{"type":15,"tag":107,"props":2735,"children":2736},{"style":1006},[2737],{"type":21,"value":2320},{"type":15,"tag":107,"props":2739,"children":2740},{"style":421},[2741],{"type":21,"value":156},{"type":15,"tag":107,"props":2743,"children":2744},{"style":159},[2745],{"type":21,"value":1563},{"type":15,"tag":107,"props":2747,"children":2748},{"style":114},[2749],{"type":21,"value":127},{"type":15,"tag":107,"props":2751,"children":2753},{"class":109,"line":2752},37,[2754,2758,2762,2766,2770,2774,2778,2782],{"type":15,"tag":107,"props":2755,"children":2756},{"style":114},[2757],{"type":21,"value":996},{"type":15,"tag":107,"props":2759,"children":2760},{"style":120},[2761],{"type":21,"value":32},{"type":15,"tag":107,"props":2763,"children":2764},{"style":1006},[2765],{"type":21,"value":2320},{"type":15,"tag":107,"props":2767,"children":2768},{"style":421},[2769],{"type":21,"value":156},{"type":15,"tag":107,"props":2771,"children":2772},{"style":159},[2773],{"type":21,"value":1591},{"type":15,"tag":107,"props":2775,"children":2776},{"style":114},[2777],{"type":21,"value":1596},{"type":15,"tag":107,"props":2779,"children":2780},{"style":120},[2781],{"type":21,"value":32},{"type":15,"tag":107,"props":2783,"children":2784},{"style":114},[2785],{"type":21,"value":127},{"type":15,"tag":107,"props":2787,"children":2789},{"class":109,"line":2788},38,[2790,2794,2798],{"type":15,"tag":107,"props":2791,"children":2792},{"style":114},[2793],{"type":21,"value":2713},{"type":15,"tag":107,"props":2795,"children":2796},{"style":120},[2797],{"type":21,"value":1321},{"type":15,"tag":107,"props":2799,"children":2800},{"style":114},[2801],{"type":21,"value":127},{"type":15,"tag":107,"props":2803,"children":2805},{"class":109,"line":2804},39,[2806],{"type":15,"tag":107,"props":2807,"children":2808},{"style":114},[2809],{"type":21,"value":1245},{"type":15,"tag":107,"props":2811,"children":2813},{"class":109,"line":2812},40,[2814],{"type":15,"tag":107,"props":2815,"children":2816},{"style":114},[2817],{"type":21,"value":1254},{"type":15,"tag":107,"props":2819,"children":2821},{"class":109,"line":2820},41,[2822],{"type":15,"tag":107,"props":2823,"children":2824},{"style":114},[2825],{"type":21,"value":1027},{"type":15,"tag":81,"props":2827,"children":2829},{"id":2828},"radio-with-trailing-control",[2830],{"type":21,"value":2831},"Radio with trailing control",{"type":15,"tag":88,"props":2833,"children":2835},{"showcase-name":2834},"Radio\u002FRadioTrailing",[2836,3482],{"type":15,"tag":93,"props":2837,"children":2838},{},[2839],{"type":15,"tag":97,"props":2840,"children":2842},{"className":99,"code":2841,"language":101,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Cdiv class=\"-mt-4\">\n    \u003Clabel\n      v-for=\"{ name, value, label } in radioOptions\"\n      :key=\"value\"\n      class=\"flex items-center justify-between mt-4 mr-6 rounded-sm cursor-pointer\"\n    >\n      \u003Cspan class=\"text-sm font-normal leading-5 font-body\">{{ label }}\u003C\u002Fspan>\n      \u003CSfRadio :value=\"value\" :name=\"name\" v-model=\"radioModel\" \u002F>\n    \u003C\u002Flabel>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"flex justify-between\">\n    \u003Cp class=\"typography-hint-xs text-neutral-500 mt-0.5\">Help text\u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfRadio } from '@storefront-ui\u002Fvue';\n\nconst radioModel = ref('');\nconst radioOptions = [\n  {\n    label: 'Label 1',\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-1',\n  },\n];\n\u003C\u002Fscript>\n\n",[2843],{"type":15,"tag":36,"props":2844,"children":2845},{"__ignoreMap":9},[2846,2861,2888,2899,2914,2929,2945,2952,2988,3039,3054,3069,3096,3131,3146,3161,3168,3199,3230,3261,3268,3299,3318,3325,3344,3363,3382,3389,3396,3415,3434,3453,3460,3467],{"type":15,"tag":107,"props":2847,"children":2848},{"class":109,"line":110},[2849,2853,2857],{"type":15,"tag":107,"props":2850,"children":2851},{"style":114},[2852],{"type":21,"value":117},{"type":15,"tag":107,"props":2854,"children":2855},{"style":120},[2856],{"type":21,"value":28},{"type":15,"tag":107,"props":2858,"children":2859},{"style":114},[2860],{"type":21,"value":127},{"type":15,"tag":107,"props":2862,"children":2863},{"class":109,"line":130},[2864,2868,2872,2876,2880,2884],{"type":15,"tag":107,"props":2865,"children":2866},{"style":114},[2867],{"type":21,"value":136},{"type":15,"tag":107,"props":2869,"children":2870},{"style":120},[2871],{"type":21,"value":1321},{"type":15,"tag":107,"props":2873,"children":2874},{"style":148},[2875],{"type":21,"value":1326},{"type":15,"tag":107,"props":2877,"children":2878},{"style":114},[2879],{"type":21,"value":156},{"type":15,"tag":107,"props":2881,"children":2882},{"style":159},[2883],{"type":21,"value":1335},{"type":15,"tag":107,"props":2885,"children":2886},{"style":114},[2887],{"type":21,"value":127},{"type":15,"tag":107,"props":2889,"children":2890},{"class":109,"line":144},[2891,2895],{"type":15,"tag":107,"props":2892,"children":2893},{"style":114},[2894],{"type":21,"value":1347},{"type":15,"tag":107,"props":2896,"children":2897},{"style":120},[2898],{"type":21,"value":1352},{"type":15,"tag":107,"props":2900,"children":2901},{"class":109,"line":165},[2902,2906,2910],{"type":15,"tag":107,"props":2903,"children":2904},{"style":148},[2905],{"type":21,"value":1360},{"type":15,"tag":107,"props":2907,"children":2908},{"style":114},[2909],{"type":21,"value":156},{"type":15,"tag":107,"props":2911,"children":2912},{"style":159},[2913],{"type":21,"value":1369},{"type":15,"tag":107,"props":2915,"children":2916},{"class":109,"line":183},[2917,2921,2925],{"type":15,"tag":107,"props":2918,"children":2919},{"style":148},[2920],{"type":21,"value":1377},{"type":15,"tag":107,"props":2922,"children":2923},{"style":114},[2924],{"type":21,"value":156},{"type":15,"tag":107,"props":2926,"children":2927},{"style":159},[2928],{"type":21,"value":180},{"type":15,"tag":107,"props":2930,"children":2931},{"class":109,"line":201},[2932,2936,2940],{"type":15,"tag":107,"props":2933,"children":2934},{"style":148},[2935],{"type":21,"value":1393},{"type":15,"tag":107,"props":2937,"children":2938},{"style":114},[2939],{"type":21,"value":156},{"type":15,"tag":107,"props":2941,"children":2942},{"style":159},[2943],{"type":21,"value":2944},"\"flex items-center justify-between mt-4 mr-6 rounded-sm cursor-pointer\"\n",{"type":15,"tag":107,"props":2946,"children":2947},{"class":109,"line":218},[2948],{"type":15,"tag":107,"props":2949,"children":2950},{"style":114},[2951],{"type":21,"value":1410},{"type":15,"tag":107,"props":2953,"children":2954},{"class":109,"line":236},[2955,2959,2963,2967,2971,2976,2980,2984],{"type":15,"tag":107,"props":2956,"children":2957},{"style":114},[2958],{"type":21,"value":1418},{"type":15,"tag":107,"props":2960,"children":2961},{"style":120},[2962],{"type":21,"value":107},{"type":15,"tag":107,"props":2964,"children":2965},{"style":148},[2966],{"type":21,"value":1326},{"type":15,"tag":107,"props":2968,"children":2969},{"style":114},[2970],{"type":21,"value":156},{"type":15,"tag":107,"props":2972,"children":2973},{"style":159},[2974],{"type":21,"value":2975},"\"text-sm font-normal leading-5 font-body\"",{"type":15,"tag":107,"props":2977,"children":2978},{"style":114},[2979],{"type":21,"value":1440},{"type":15,"tag":107,"props":2981,"children":2982},{"style":120},[2983],{"type":21,"value":107},{"type":15,"tag":107,"props":2985,"children":2986},{"style":114},[2987],{"type":21,"value":127},{"type":15,"tag":107,"props":2989,"children":2990},{"class":109,"line":254},[2991,2995,2999,3003,3007,3011,3015,3019,3023,3027,3031,3035],{"type":15,"tag":107,"props":2992,"children":2993},{"style":114},[2994],{"type":21,"value":1418},{"type":15,"tag":107,"props":2996,"children":2997},{"style":120},[2998],{"type":21,"value":41},{"type":15,"tag":107,"props":3000,"children":3001},{"style":148},[3002],{"type":21,"value":1464},{"type":15,"tag":107,"props":3004,"children":3005},{"style":114},[3006],{"type":21,"value":156},{"type":15,"tag":107,"props":3008,"children":3009},{"style":159},[3010],{"type":21,"value":1473},{"type":15,"tag":107,"props":3012,"children":3013},{"style":148},[3014],{"type":21,"value":1478},{"type":15,"tag":107,"props":3016,"children":3017},{"style":114},[3018],{"type":21,"value":156},{"type":15,"tag":107,"props":3020,"children":3021},{"style":159},[3022],{"type":21,"value":1487},{"type":15,"tag":107,"props":3024,"children":3025},{"style":148},[3026],{"type":21,"value":1492},{"type":15,"tag":107,"props":3028,"children":3029},{"style":114},[3030],{"type":21,"value":156},{"type":15,"tag":107,"props":3032,"children":3033},{"style":159},[3034],{"type":21,"value":1501},{"type":15,"tag":107,"props":3036,"children":3037},{"style":114},[3038],{"type":21,"value":1506},{"type":15,"tag":107,"props":3040,"children":3041},{"class":109,"line":263},[3042,3046,3050],{"type":15,"tag":107,"props":3043,"children":3044},{"style":114},[3045],{"type":21,"value":1514},{"type":15,"tag":107,"props":3047,"children":3048},{"style":120},[3049],{"type":21,"value":1519},{"type":15,"tag":107,"props":3051,"children":3052},{"style":114},[3053],{"type":21,"value":127},{"type":15,"tag":107,"props":3055,"children":3056},{"class":109,"line":280},[3057,3061,3065],{"type":15,"tag":107,"props":3058,"children":3059},{"style":114},[3060],{"type":21,"value":1531},{"type":15,"tag":107,"props":3062,"children":3063},{"style":120},[3064],{"type":21,"value":1321},{"type":15,"tag":107,"props":3066,"children":3067},{"style":114},[3068],{"type":21,"value":127},{"type":15,"tag":107,"props":3070,"children":3071},{"class":109,"line":289},[3072,3076,3080,3084,3088,3092],{"type":15,"tag":107,"props":3073,"children":3074},{"style":114},[3075],{"type":21,"value":136},{"type":15,"tag":107,"props":3077,"children":3078},{"style":120},[3079],{"type":21,"value":1321},{"type":15,"tag":107,"props":3081,"children":3082},{"style":148},[3083],{"type":21,"value":1326},{"type":15,"tag":107,"props":3085,"children":3086},{"style":114},[3087],{"type":21,"value":156},{"type":15,"tag":107,"props":3089,"children":3090},{"style":159},[3091],{"type":21,"value":1563},{"type":15,"tag":107,"props":3093,"children":3094},{"style":114},[3095],{"type":21,"value":127},{"type":15,"tag":107,"props":3097,"children":3098},{"class":109,"line":325},[3099,3103,3107,3111,3115,3119,3123,3127],{"type":15,"tag":107,"props":3100,"children":3101},{"style":114},[3102],{"type":21,"value":1347},{"type":15,"tag":107,"props":3104,"children":3105},{"style":120},[3106],{"type":21,"value":32},{"type":15,"tag":107,"props":3108,"children":3109},{"style":148},[3110],{"type":21,"value":1326},{"type":15,"tag":107,"props":3112,"children":3113},{"style":114},[3114],{"type":21,"value":156},{"type":15,"tag":107,"props":3116,"children":3117},{"style":159},[3118],{"type":21,"value":1591},{"type":15,"tag":107,"props":3120,"children":3121},{"style":114},[3122],{"type":21,"value":1596},{"type":15,"tag":107,"props":3124,"children":3125},{"style":120},[3126],{"type":21,"value":32},{"type":15,"tag":107,"props":3128,"children":3129},{"style":114},[3130],{"type":21,"value":127},{"type":15,"tag":107,"props":3132,"children":3133},{"class":109,"line":365},[3134,3138,3142],{"type":15,"tag":107,"props":3135,"children":3136},{"style":114},[3137],{"type":21,"value":1531},{"type":15,"tag":107,"props":3139,"children":3140},{"style":120},[3141],{"type":21,"value":1321},{"type":15,"tag":107,"props":3143,"children":3144},{"style":114},[3145],{"type":21,"value":127},{"type":15,"tag":107,"props":3147,"children":3148},{"class":109,"line":398},[3149,3153,3157],{"type":15,"tag":107,"props":3150,"children":3151},{"style":114},[3152],{"type":21,"value":269},{"type":15,"tag":107,"props":3154,"children":3155},{"style":120},[3156],{"type":21,"value":28},{"type":15,"tag":107,"props":3158,"children":3159},{"style":114},[3160],{"type":21,"value":127},{"type":15,"tag":107,"props":3162,"children":3163},{"class":109,"line":406},[3164],{"type":15,"tag":107,"props":3165,"children":3166},{"emptyLinePlaceholder":8},[3167],{"type":21,"value":286},{"type":15,"tag":107,"props":3169,"children":3170},{"class":109,"line":448},[3171,3175,3179,3183,3187,3191,3195],{"type":15,"tag":107,"props":3172,"children":3173},{"style":114},[3174],{"type":21,"value":117},{"type":15,"tag":107,"props":3176,"children":3177},{"style":120},[3178],{"type":21,"value":299},{"type":15,"tag":107,"props":3180,"children":3181},{"style":148},[3182],{"type":21,"value":304},{"type":15,"tag":107,"props":3184,"children":3185},{"style":114},[3186],{"type":21,"value":156},{"type":15,"tag":107,"props":3188,"children":3189},{"style":159},[3190],{"type":21,"value":313},{"type":15,"tag":107,"props":3192,"children":3193},{"style":148},[3194],{"type":21,"value":318},{"type":15,"tag":107,"props":3196,"children":3197},{"style":114},[3198],{"type":21,"value":127},{"type":15,"tag":107,"props":3200,"children":3201},{"class":109,"line":470},[3202,3206,3210,3214,3218,3222,3226],{"type":15,"tag":107,"props":3203,"children":3204},{"style":329},[3205],{"type":21,"value":332},{"type":15,"tag":107,"props":3207,"children":3208},{"style":114},[3209],{"type":21,"value":337},{"type":15,"tag":107,"props":3211,"children":3212},{"style":120},[3213],{"type":21,"value":342},{"type":15,"tag":107,"props":3215,"children":3216},{"style":114},[3217],{"type":21,"value":347},{"type":15,"tag":107,"props":3219,"children":3220},{"style":329},[3221],{"type":21,"value":352},{"type":15,"tag":107,"props":3223,"children":3224},{"style":159},[3225],{"type":21,"value":357},{"type":15,"tag":107,"props":3227,"children":3228},{"style":114},[3229],{"type":21,"value":362},{"type":15,"tag":107,"props":3231,"children":3232},{"class":109,"line":479},[3233,3237,3241,3245,3249,3253,3257],{"type":15,"tag":107,"props":3234,"children":3235},{"style":329},[3236],{"type":21,"value":332},{"type":15,"tag":107,"props":3238,"children":3239},{"style":114},[3240],{"type":21,"value":337},{"type":15,"tag":107,"props":3242,"children":3243},{"style":120},[3244],{"type":21,"value":41},{"type":15,"tag":107,"props":3246,"children":3247},{"style":114},[3248],{"type":21,"value":347},{"type":15,"tag":107,"props":3250,"children":3251},{"style":329},[3252],{"type":21,"value":352},{"type":15,"tag":107,"props":3254,"children":3255},{"style":159},[3256],{"type":21,"value":391},{"type":15,"tag":107,"props":3258,"children":3259},{"style":114},[3260],{"type":21,"value":362},{"type":15,"tag":107,"props":3262,"children":3263},{"class":109,"line":503},[3264],{"type":15,"tag":107,"props":3265,"children":3266},{"emptyLinePlaceholder":8},[3267],{"type":21,"value":286},{"type":15,"tag":107,"props":3269,"children":3270},{"class":109,"line":525},[3271,3275,3279,3283,3287,3291,3295],{"type":15,"tag":107,"props":3272,"children":3273},{"style":329},[3274],{"type":21,"value":412},{"type":15,"tag":107,"props":3276,"children":3277},{"style":415},[3278],{"type":21,"value":418},{"type":15,"tag":107,"props":3280,"children":3281},{"style":421},[3282],{"type":21,"value":424},{"type":15,"tag":107,"props":3284,"children":3285},{"style":427},[3286],{"type":21,"value":430},{"type":15,"tag":107,"props":3288,"children":3289},{"style":114},[3290],{"type":21,"value":435},{"type":15,"tag":107,"props":3292,"children":3293},{"style":159},[3294],{"type":21,"value":440},{"type":15,"tag":107,"props":3296,"children":3297},{"style":114},[3298],{"type":21,"value":445},{"type":15,"tag":107,"props":3300,"children":3301},{"class":109,"line":534},[3302,3306,3310,3314],{"type":15,"tag":107,"props":3303,"children":3304},{"style":329},[3305],{"type":21,"value":412},{"type":15,"tag":107,"props":3307,"children":3308},{"style":415},[3309],{"type":21,"value":458},{"type":15,"tag":107,"props":3311,"children":3312},{"style":421},[3313],{"type":21,"value":424},{"type":15,"tag":107,"props":3315,"children":3316},{"style":114},[3317],{"type":21,"value":467},{"type":15,"tag":107,"props":3319,"children":3320},{"class":109,"line":542},[3321],{"type":15,"tag":107,"props":3322,"children":3323},{"style":114},[3324],{"type":21,"value":476},{"type":15,"tag":107,"props":3326,"children":3327},{"class":109,"line":563},[3328,3332,3336,3340],{"type":15,"tag":107,"props":3329,"children":3330},{"style":120},[3331],{"type":21,"value":1806},{"type":15,"tag":107,"props":3333,"children":3334},{"style":114},[3335],{"type":21,"value":490},{"type":15,"tag":107,"props":3337,"children":3338},{"style":159},[3339],{"type":21,"value":1815},{"type":15,"tag":107,"props":3341,"children":3342},{"style":114},[3343],{"type":21,"value":500},{"type":15,"tag":107,"props":3345,"children":3346},{"class":109,"line":584},[3347,3351,3355,3359],{"type":15,"tag":107,"props":3348,"children":3349},{"style":120},[3350],{"type":21,"value":485},{"type":15,"tag":107,"props":3352,"children":3353},{"style":114},[3354],{"type":21,"value":490},{"type":15,"tag":107,"props":3356,"children":3357},{"style":159},[3358],{"type":21,"value":495},{"type":15,"tag":107,"props":3360,"children":3361},{"style":114},[3362],{"type":21,"value":500},{"type":15,"tag":107,"props":3364,"children":3365},{"class":109,"line":592},[3366,3370,3374,3378],{"type":15,"tag":107,"props":3367,"children":3368},{"style":120},[3369],{"type":21,"value":509},{"type":15,"tag":107,"props":3371,"children":3372},{"style":114},[3373],{"type":21,"value":490},{"type":15,"tag":107,"props":3375,"children":3376},{"style":159},[3377],{"type":21,"value":518},{"type":15,"tag":107,"props":3379,"children":3380},{"style":114},[3381],{"type":21,"value":500},{"type":15,"tag":107,"props":3383,"children":3384},{"class":109,"line":601},[3385],{"type":15,"tag":107,"props":3386,"children":3387},{"style":114},[3388],{"type":21,"value":531},{"type":15,"tag":107,"props":3390,"children":3391},{"class":109,"line":1217},[3392],{"type":15,"tag":107,"props":3393,"children":3394},{"style":114},[3395],{"type":21,"value":476},{"type":15,"tag":107,"props":3397,"children":3398},{"class":109,"line":1226},[3399,3403,3407,3411],{"type":15,"tag":107,"props":3400,"children":3401},{"style":120},[3402],{"type":21,"value":1806},{"type":15,"tag":107,"props":3404,"children":3405},{"style":114},[3406],{"type":21,"value":490},{"type":15,"tag":107,"props":3408,"children":3409},{"style":159},[3410],{"type":21,"value":1887},{"type":15,"tag":107,"props":3412,"children":3413},{"style":114},[3414],{"type":21,"value":500},{"type":15,"tag":107,"props":3416,"children":3417},{"class":109,"line":1239},[3418,3422,3426,3430],{"type":15,"tag":107,"props":3419,"children":3420},{"style":120},[3421],{"type":21,"value":485},{"type":15,"tag":107,"props":3423,"children":3424},{"style":114},[3425],{"type":21,"value":490},{"type":15,"tag":107,"props":3427,"children":3428},{"style":159},[3429],{"type":21,"value":556},{"type":15,"tag":107,"props":3431,"children":3432},{"style":114},[3433],{"type":21,"value":500},{"type":15,"tag":107,"props":3435,"children":3436},{"class":109,"line":1248},[3437,3441,3445,3449],{"type":15,"tag":107,"props":3438,"children":3439},{"style":120},[3440],{"type":21,"value":509},{"type":15,"tag":107,"props":3442,"children":3443},{"style":114},[3444],{"type":21,"value":490},{"type":15,"tag":107,"props":3446,"children":3447},{"style":159},[3448],{"type":21,"value":518},{"type":15,"tag":107,"props":3450,"children":3451},{"style":114},[3452],{"type":21,"value":500},{"type":15,"tag":107,"props":3454,"children":3455},{"class":109,"line":1257},[3456],{"type":15,"tag":107,"props":3457,"children":3458},{"style":114},[3459],{"type":21,"value":531},{"type":15,"tag":107,"props":3461,"children":3462},{"class":109,"line":1939},[3463],{"type":15,"tag":107,"props":3464,"children":3465},{"style":114},[3466],{"type":21,"value":598},{"type":15,"tag":107,"props":3468,"children":3469},{"class":109,"line":1947},[3470,3474,3478],{"type":15,"tag":107,"props":3471,"children":3472},{"style":114},[3473],{"type":21,"value":269},{"type":15,"tag":107,"props":3475,"children":3476},{"style":120},[3477],{"type":21,"value":299},{"type":15,"tag":107,"props":3479,"children":3480},{"style":114},[3481],{"type":21,"value":127},{"type":15,"tag":616,"props":3483,"children":3484},{},[3485],{"type":15,"tag":97,"props":3486,"children":3488},{"className":621,"code":3487,"language":623,"meta":9,"style":9},"import { SfRadio } from '@storefront-ui\u002Freact';\nimport { useState } from 'react';\n\nconst radioOptions = [\n  {\n    label: 'Label',\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-1',\n  },\n];\nexport default function RadioWithLabelSmall() {\n  const [checkedState, setCheckedState] = useState('');\n  return (\n    \u003C>\n      \u003Cdiv className=\"-mt-4\">\n        {radioOptions.map(({ label, value, name }) => (\n          \u003Clabel key={value} className=\"flex flex-row-reverse items-center justify-between mt-4 cursor-pointer\">\n            \u003CSfRadio\n              name={name}\n              value={value}\n              checked={checkedState === value}\n              onChange={(event) => {\n                setCheckedState(event.target.value);\n              }}\n            \u002F>\n            \u003Cspan className=\"ml-2 text-base font-normal leading-5 font-body\">{label}\u003C\u002Fspan>\n          \u003C\u002Flabel>\n        ))}\n      \u003C\u002Fdiv>\n      \u003Cdiv className=\"flex justify-between\">\n        \u003Cp className=\"typography-hint-xs text-neutral-500 mt-0.5\">Help text\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002F>\n  );\n}\n",[3489],{"type":15,"tag":36,"props":3490,"children":3491},{"__ignoreMap":9},[3492,3523,3554,3561,3580,3587,3606,3625,3644,3651,3658,3677,3696,3715,3722,3729,3753,3800,3811,3818,3845,3900,3948,3959,3982,4005,4036,4071,4106,4117,4124,4176,4191,4202,4217,4244,4279,4294,4301,4308],{"type":15,"tag":107,"props":3493,"children":3494},{"class":109,"line":110},[3495,3499,3503,3507,3511,3515,3519],{"type":15,"tag":107,"props":3496,"children":3497},{"style":329},[3498],{"type":21,"value":332},{"type":15,"tag":107,"props":3500,"children":3501},{"style":114},[3502],{"type":21,"value":337},{"type":15,"tag":107,"props":3504,"children":3505},{"style":120},[3506],{"type":21,"value":41},{"type":15,"tag":107,"props":3508,"children":3509},{"style":114},[3510],{"type":21,"value":347},{"type":15,"tag":107,"props":3512,"children":3513},{"style":329},[3514],{"type":21,"value":352},{"type":15,"tag":107,"props":3516,"children":3517},{"style":159},[3518],{"type":21,"value":655},{"type":15,"tag":107,"props":3520,"children":3521},{"style":114},[3522],{"type":21,"value":362},{"type":15,"tag":107,"props":3524,"children":3525},{"class":109,"line":130},[3526,3530,3534,3538,3542,3546,3550],{"type":15,"tag":107,"props":3527,"children":3528},{"style":329},[3529],{"type":21,"value":332},{"type":15,"tag":107,"props":3531,"children":3532},{"style":114},[3533],{"type":21,"value":337},{"type":15,"tag":107,"props":3535,"children":3536},{"style":120},[3537],{"type":21,"value":675},{"type":15,"tag":107,"props":3539,"children":3540},{"style":114},[3541],{"type":21,"value":347},{"type":15,"tag":107,"props":3543,"children":3544},{"style":329},[3545],{"type":21,"value":352},{"type":15,"tag":107,"props":3547,"children":3548},{"style":159},[3549],{"type":21,"value":688},{"type":15,"tag":107,"props":3551,"children":3552},{"style":114},[3553],{"type":21,"value":362},{"type":15,"tag":107,"props":3555,"children":3556},{"class":109,"line":144},[3557],{"type":15,"tag":107,"props":3558,"children":3559},{"emptyLinePlaceholder":8},[3560],{"type":21,"value":286},{"type":15,"tag":107,"props":3562,"children":3563},{"class":109,"line":165},[3564,3568,3572,3576],{"type":15,"tag":107,"props":3565,"children":3566},{"style":329},[3567],{"type":21,"value":412},{"type":15,"tag":107,"props":3569,"children":3570},{"style":415},[3571],{"type":21,"value":458},{"type":15,"tag":107,"props":3573,"children":3574},{"style":421},[3575],{"type":21,"value":424},{"type":15,"tag":107,"props":3577,"children":3578},{"style":114},[3579],{"type":21,"value":467},{"type":15,"tag":107,"props":3581,"children":3582},{"class":109,"line":183},[3583],{"type":15,"tag":107,"props":3584,"children":3585},{"style":114},[3586],{"type":21,"value":476},{"type":15,"tag":107,"props":3588,"children":3589},{"class":109,"line":201},[3590,3594,3598,3602],{"type":15,"tag":107,"props":3591,"children":3592},{"style":120},[3593],{"type":21,"value":1806},{"type":15,"tag":107,"props":3595,"children":3596},{"style":114},[3597],{"type":21,"value":490},{"type":15,"tag":107,"props":3599,"children":3600},{"style":159},[3601],{"type":21,"value":2081},{"type":15,"tag":107,"props":3603,"children":3604},{"style":114},[3605],{"type":21,"value":500},{"type":15,"tag":107,"props":3607,"children":3608},{"class":109,"line":218},[3609,3613,3617,3621],{"type":15,"tag":107,"props":3610,"children":3611},{"style":120},[3612],{"type":21,"value":485},{"type":15,"tag":107,"props":3614,"children":3615},{"style":114},[3616],{"type":21,"value":490},{"type":15,"tag":107,"props":3618,"children":3619},{"style":159},[3620],{"type":21,"value":495},{"type":15,"tag":107,"props":3622,"children":3623},{"style":114},[3624],{"type":21,"value":500},{"type":15,"tag":107,"props":3626,"children":3627},{"class":109,"line":236},[3628,3632,3636,3640],{"type":15,"tag":107,"props":3629,"children":3630},{"style":120},[3631],{"type":21,"value":509},{"type":15,"tag":107,"props":3633,"children":3634},{"style":114},[3635],{"type":21,"value":490},{"type":15,"tag":107,"props":3637,"children":3638},{"style":159},[3639],{"type":21,"value":518},{"type":15,"tag":107,"props":3641,"children":3642},{"style":114},[3643],{"type":21,"value":500},{"type":15,"tag":107,"props":3645,"children":3646},{"class":109,"line":254},[3647],{"type":15,"tag":107,"props":3648,"children":3649},{"style":114},[3650],{"type":21,"value":531},{"type":15,"tag":107,"props":3652,"children":3653},{"class":109,"line":263},[3654],{"type":15,"tag":107,"props":3655,"children":3656},{"style":114},[3657],{"type":21,"value":476},{"type":15,"tag":107,"props":3659,"children":3660},{"class":109,"line":280},[3661,3665,3669,3673],{"type":15,"tag":107,"props":3662,"children":3663},{"style":120},[3664],{"type":21,"value":1806},{"type":15,"tag":107,"props":3666,"children":3667},{"style":114},[3668],{"type":21,"value":490},{"type":15,"tag":107,"props":3670,"children":3671},{"style":159},[3672],{"type":21,"value":1887},{"type":15,"tag":107,"props":3674,"children":3675},{"style":114},[3676],{"type":21,"value":500},{"type":15,"tag":107,"props":3678,"children":3679},{"class":109,"line":289},[3680,3684,3688,3692],{"type":15,"tag":107,"props":3681,"children":3682},{"style":120},[3683],{"type":21,"value":485},{"type":15,"tag":107,"props":3685,"children":3686},{"style":114},[3687],{"type":21,"value":490},{"type":15,"tag":107,"props":3689,"children":3690},{"style":159},[3691],{"type":21,"value":556},{"type":15,"tag":107,"props":3693,"children":3694},{"style":114},[3695],{"type":21,"value":500},{"type":15,"tag":107,"props":3697,"children":3698},{"class":109,"line":325},[3699,3703,3707,3711],{"type":15,"tag":107,"props":3700,"children":3701},{"style":120},[3702],{"type":21,"value":509},{"type":15,"tag":107,"props":3704,"children":3705},{"style":114},[3706],{"type":21,"value":490},{"type":15,"tag":107,"props":3708,"children":3709},{"style":159},[3710],{"type":21,"value":518},{"type":15,"tag":107,"props":3712,"children":3713},{"style":114},[3714],{"type":21,"value":500},{"type":15,"tag":107,"props":3716,"children":3717},{"class":109,"line":365},[3718],{"type":15,"tag":107,"props":3719,"children":3720},{"style":114},[3721],{"type":21,"value":531},{"type":15,"tag":107,"props":3723,"children":3724},{"class":109,"line":398},[3725],{"type":15,"tag":107,"props":3726,"children":3727},{"style":114},[3728],{"type":21,"value":598},{"type":15,"tag":107,"props":3730,"children":3731},{"class":109,"line":406},[3732,3736,3740,3744,3749],{"type":15,"tag":107,"props":3733,"children":3734},{"style":329},[3735],{"type":21,"value":837},{"type":15,"tag":107,"props":3737,"children":3738},{"style":329},[3739],{"type":21,"value":842},{"type":15,"tag":107,"props":3741,"children":3742},{"style":329},[3743],{"type":21,"value":847},{"type":15,"tag":107,"props":3745,"children":3746},{"style":427},[3747],{"type":21,"value":3748}," RadioWithLabelSmall",{"type":15,"tag":107,"props":3750,"children":3751},{"style":114},[3752],{"type":21,"value":857},{"type":15,"tag":107,"props":3754,"children":3755},{"class":109,"line":448},[3756,3760,3764,3768,3772,3776,3780,3784,3788,3792,3796],{"type":15,"tag":107,"props":3757,"children":3758},{"style":329},[3759],{"type":21,"value":865},{"type":15,"tag":107,"props":3761,"children":3762},{"style":114},[3763],{"type":21,"value":870},{"type":15,"tag":107,"props":3765,"children":3766},{"style":415},[3767],{"type":21,"value":875},{"type":15,"tag":107,"props":3769,"children":3770},{"style":114},[3771],{"type":21,"value":880},{"type":15,"tag":107,"props":3773,"children":3774},{"style":415},[3775],{"type":21,"value":885},{"type":15,"tag":107,"props":3777,"children":3778},{"style":114},[3779],{"type":21,"value":890},{"type":15,"tag":107,"props":3781,"children":3782},{"style":421},[3783],{"type":21,"value":156},{"type":15,"tag":107,"props":3785,"children":3786},{"style":427},[3787],{"type":21,"value":899},{"type":15,"tag":107,"props":3789,"children":3790},{"style":114},[3791],{"type":21,"value":435},{"type":15,"tag":107,"props":3793,"children":3794},{"style":159},[3795],{"type":21,"value":440},{"type":15,"tag":107,"props":3797,"children":3798},{"style":114},[3799],{"type":21,"value":445},{"type":15,"tag":107,"props":3801,"children":3802},{"class":109,"line":470},[3803,3807],{"type":15,"tag":107,"props":3804,"children":3805},{"style":329},[3806],{"type":21,"value":919},{"type":15,"tag":107,"props":3808,"children":3809},{"style":114},[3810],{"type":21,"value":924},{"type":15,"tag":107,"props":3812,"children":3813},{"class":109,"line":479},[3814],{"type":15,"tag":107,"props":3815,"children":3816},{"style":114},[3817],{"type":21,"value":932},{"type":15,"tag":107,"props":3819,"children":3820},{"class":109,"line":503},[3821,3825,3829,3833,3837,3841],{"type":15,"tag":107,"props":3822,"children":3823},{"style":114},[3824],{"type":21,"value":1418},{"type":15,"tag":107,"props":3826,"children":3827},{"style":120},[3828],{"type":21,"value":1321},{"type":15,"tag":107,"props":3830,"children":3831},{"style":1006},[3832],{"type":21,"value":2320},{"type":15,"tag":107,"props":3834,"children":3835},{"style":421},[3836],{"type":21,"value":156},{"type":15,"tag":107,"props":3838,"children":3839},{"style":159},[3840],{"type":21,"value":1335},{"type":15,"tag":107,"props":3842,"children":3843},{"style":114},[3844],{"type":21,"value":127},{"type":15,"tag":107,"props":3846,"children":3847},{"class":109,"line":525},[3848,3852,3856,3860,3864,3868,3872,3876,3880,3884,3888,3892,3896],{"type":15,"tag":107,"props":3849,"children":3850},{"style":329},[3851],{"type":21,"value":2340},{"type":15,"tag":107,"props":3853,"children":3854},{"style":415},[3855],{"type":21,"value":945},{"type":15,"tag":107,"props":3857,"children":3858},{"style":114},[3859],{"type":21,"value":72},{"type":15,"tag":107,"props":3861,"children":3862},{"style":427},[3863],{"type":21,"value":954},{"type":15,"tag":107,"props":3865,"children":3866},{"style":114},[3867],{"type":21,"value":959},{"type":15,"tag":107,"props":3869,"children":3870},{"style":962},[3871],{"type":21,"value":1519},{"type":15,"tag":107,"props":3873,"children":3874},{"style":114},[3875],{"type":21,"value":880},{"type":15,"tag":107,"props":3877,"children":3878},{"style":962},[3879],{"type":21,"value":974},{"type":15,"tag":107,"props":3881,"children":3882},{"style":114},[3883],{"type":21,"value":880},{"type":15,"tag":107,"props":3885,"children":3886},{"style":962},[3887],{"type":21,"value":965},{"type":15,"tag":107,"props":3889,"children":3890},{"style":114},[3891],{"type":21,"value":979},{"type":15,"tag":107,"props":3893,"children":3894},{"style":329},[3895],{"type":21,"value":984},{"type":15,"tag":107,"props":3897,"children":3898},{"style":114},[3899],{"type":21,"value":924},{"type":15,"tag":107,"props":3901,"children":3902},{"class":109,"line":534},[3903,3907,3911,3915,3919,3923,3927,3931,3935,3939,3944],{"type":15,"tag":107,"props":3904,"children":3905},{"style":114},[3906],{"type":21,"value":2396},{"type":15,"tag":107,"props":3908,"children":3909},{"style":120},[3910],{"type":21,"value":1519},{"type":15,"tag":107,"props":3912,"children":3913},{"style":1006},[3914],{"type":21,"value":2405},{"type":15,"tag":107,"props":3916,"children":3917},{"style":421},[3918],{"type":21,"value":156},{"type":15,"tag":107,"props":3920,"children":3921},{"style":329},[3922],{"type":21,"value":1018},{"type":15,"tag":107,"props":3924,"children":3925},{"style":120},[3926],{"type":21,"value":974},{"type":15,"tag":107,"props":3928,"children":3929},{"style":329},[3930],{"type":21,"value":2422},{"type":15,"tag":107,"props":3932,"children":3933},{"style":1006},[3934],{"type":21,"value":2320},{"type":15,"tag":107,"props":3936,"children":3937},{"style":421},[3938],{"type":21,"value":156},{"type":15,"tag":107,"props":3940,"children":3941},{"style":159},[3942],{"type":21,"value":3943},"\"flex flex-row-reverse items-center justify-between mt-4 cursor-pointer\"",{"type":15,"tag":107,"props":3945,"children":3946},{"style":114},[3947],{"type":21,"value":127},{"type":15,"tag":107,"props":3949,"children":3950},{"class":109,"line":542},[3951,3955],{"type":15,"tag":107,"props":3952,"children":3953},{"style":114},[3954],{"type":21,"value":2447},{"type":15,"tag":107,"props":3956,"children":3957},{"style":415},[3958],{"type":21,"value":141},{"type":15,"tag":107,"props":3960,"children":3961},{"class":109,"line":563},[3962,3966,3970,3974,3978],{"type":15,"tag":107,"props":3963,"children":3964},{"style":1006},[3965],{"type":21,"value":2459},{"type":15,"tag":107,"props":3967,"children":3968},{"style":421},[3969],{"type":21,"value":156},{"type":15,"tag":107,"props":3971,"children":3972},{"style":329},[3973],{"type":21,"value":1018},{"type":15,"tag":107,"props":3975,"children":3976},{"style":120},[3977],{"type":21,"value":965},{"type":15,"tag":107,"props":3979,"children":3980},{"style":329},[3981],{"type":21,"value":1027},{"type":15,"tag":107,"props":3983,"children":3984},{"class":109,"line":584},[3985,3989,3993,3997,4001],{"type":15,"tag":107,"props":3986,"children":3987},{"style":1006},[3988],{"type":21,"value":2483},{"type":15,"tag":107,"props":3990,"children":3991},{"style":421},[3992],{"type":21,"value":156},{"type":15,"tag":107,"props":3994,"children":3995},{"style":329},[3996],{"type":21,"value":1018},{"type":15,"tag":107,"props":3998,"children":3999},{"style":120},[4000],{"type":21,"value":974},{"type":15,"tag":107,"props":4002,"children":4003},{"style":329},[4004],{"type":21,"value":1027},{"type":15,"tag":107,"props":4006,"children":4007},{"class":109,"line":592},[4008,4012,4016,4020,4024,4028,4032],{"type":15,"tag":107,"props":4009,"children":4010},{"style":1006},[4011],{"type":21,"value":2507},{"type":15,"tag":107,"props":4013,"children":4014},{"style":421},[4015],{"type":21,"value":156},{"type":15,"tag":107,"props":4017,"children":4018},{"style":329},[4019],{"type":21,"value":1018},{"type":15,"tag":107,"props":4021,"children":4022},{"style":120},[4023],{"type":21,"value":875},{"type":15,"tag":107,"props":4025,"children":4026},{"style":421},[4027],{"type":21,"value":1117},{"type":15,"tag":107,"props":4029,"children":4030},{"style":120},[4031],{"type":21,"value":1122},{"type":15,"tag":107,"props":4033,"children":4034},{"style":329},[4035],{"type":21,"value":1027},{"type":15,"tag":107,"props":4037,"children":4038},{"class":109,"line":601},[4039,4043,4047,4051,4055,4059,4063,4067],{"type":15,"tag":107,"props":4040,"children":4041},{"style":1006},[4042],{"type":21,"value":2539},{"type":15,"tag":107,"props":4044,"children":4045},{"style":421},[4046],{"type":21,"value":156},{"type":15,"tag":107,"props":4048,"children":4049},{"style":329},[4050],{"type":21,"value":1018},{"type":15,"tag":107,"props":4052,"children":4053},{"style":114},[4054],{"type":21,"value":435},{"type":15,"tag":107,"props":4056,"children":4057},{"style":962},[4058],{"type":21,"value":1151},{"type":15,"tag":107,"props":4060,"children":4061},{"style":114},[4062],{"type":21,"value":1156},{"type":15,"tag":107,"props":4064,"children":4065},{"style":329},[4066],{"type":21,"value":984},{"type":15,"tag":107,"props":4068,"children":4069},{"style":114},[4070],{"type":21,"value":1165},{"type":15,"tag":107,"props":4072,"children":4073},{"class":109,"line":1217},[4074,4078,4082,4086,4090,4094,4098,4102],{"type":15,"tag":107,"props":4075,"children":4076},{"style":427},[4077],{"type":21,"value":2575},{"type":15,"tag":107,"props":4079,"children":4080},{"style":114},[4081],{"type":21,"value":435},{"type":15,"tag":107,"props":4083,"children":4084},{"style":415},[4085],{"type":21,"value":1151},{"type":15,"tag":107,"props":4087,"children":4088},{"style":114},[4089],{"type":21,"value":72},{"type":15,"tag":107,"props":4091,"children":4092},{"style":415},[4093],{"type":21,"value":1190},{"type":15,"tag":107,"props":4095,"children":4096},{"style":114},[4097],{"type":21,"value":72},{"type":15,"tag":107,"props":4099,"children":4100},{"style":120},[4101],{"type":21,"value":974},{"type":15,"tag":107,"props":4103,"children":4104},{"style":114},[4105],{"type":21,"value":445},{"type":15,"tag":107,"props":4107,"children":4108},{"class":109,"line":1226},[4109,4113],{"type":15,"tag":107,"props":4110,"children":4111},{"style":114},[4112],{"type":21,"value":2611},{"type":15,"tag":107,"props":4114,"children":4115},{"style":329},[4116],{"type":21,"value":1027},{"type":15,"tag":107,"props":4118,"children":4119},{"class":109,"line":1239},[4120],{"type":15,"tag":107,"props":4121,"children":4122},{"style":114},[4123],{"type":21,"value":2623},{"type":15,"tag":107,"props":4125,"children":4126},{"class":109,"line":1248},[4127,4131,4135,4139,4143,4148,4152,4156,4160,4164,4168,4172],{"type":15,"tag":107,"props":4128,"children":4129},{"style":114},[4130],{"type":21,"value":2447},{"type":15,"tag":107,"props":4132,"children":4133},{"style":120},[4134],{"type":21,"value":107},{"type":15,"tag":107,"props":4136,"children":4137},{"style":1006},[4138],{"type":21,"value":2320},{"type":15,"tag":107,"props":4140,"children":4141},{"style":421},[4142],{"type":21,"value":156},{"type":15,"tag":107,"props":4144,"children":4145},{"style":159},[4146],{"type":21,"value":4147},"\"ml-2 text-base font-normal leading-5 font-body\"",{"type":15,"tag":107,"props":4149,"children":4150},{"style":114},[4151],{"type":21,"value":2652},{"type":15,"tag":107,"props":4153,"children":4154},{"style":329},[4155],{"type":21,"value":1018},{"type":15,"tag":107,"props":4157,"children":4158},{"style":120},[4159],{"type":21,"value":1519},{"type":15,"tag":107,"props":4161,"children":4162},{"style":329},[4163],{"type":21,"value":2422},{"type":15,"tag":107,"props":4165,"children":4166},{"style":114},[4167],{"type":21,"value":269},{"type":15,"tag":107,"props":4169,"children":4170},{"style":120},[4171],{"type":21,"value":107},{"type":15,"tag":107,"props":4173,"children":4174},{"style":114},[4175],{"type":21,"value":127},{"type":15,"tag":107,"props":4177,"children":4178},{"class":109,"line":1257},[4179,4183,4187],{"type":15,"tag":107,"props":4180,"children":4181},{"style":114},[4182],{"type":21,"value":2684},{"type":15,"tag":107,"props":4184,"children":4185},{"style":120},[4186],{"type":21,"value":1519},{"type":15,"tag":107,"props":4188,"children":4189},{"style":114},[4190],{"type":21,"value":127},{"type":15,"tag":107,"props":4192,"children":4193},{"class":109,"line":1939},[4194,4198],{"type":15,"tag":107,"props":4195,"children":4196},{"style":114},[4197],{"type":21,"value":2700},{"type":15,"tag":107,"props":4199,"children":4200},{"style":329},[4201],{"type":21,"value":1027},{"type":15,"tag":107,"props":4203,"children":4204},{"class":109,"line":1947},[4205,4209,4213],{"type":15,"tag":107,"props":4206,"children":4207},{"style":114},[4208],{"type":21,"value":2713},{"type":15,"tag":107,"props":4210,"children":4211},{"style":120},[4212],{"type":21,"value":1321},{"type":15,"tag":107,"props":4214,"children":4215},{"style":114},[4216],{"type":21,"value":127},{"type":15,"tag":107,"props":4218,"children":4219},{"class":109,"line":2707},[4220,4224,4228,4232,4236,4240],{"type":15,"tag":107,"props":4221,"children":4222},{"style":114},[4223],{"type":21,"value":1418},{"type":15,"tag":107,"props":4225,"children":4226},{"style":120},[4227],{"type":21,"value":1321},{"type":15,"tag":107,"props":4229,"children":4230},{"style":1006},[4231],{"type":21,"value":2320},{"type":15,"tag":107,"props":4233,"children":4234},{"style":421},[4235],{"type":21,"value":156},{"type":15,"tag":107,"props":4237,"children":4238},{"style":159},[4239],{"type":21,"value":1563},{"type":15,"tag":107,"props":4241,"children":4242},{"style":114},[4243],{"type":21,"value":127},{"type":15,"tag":107,"props":4245,"children":4246},{"class":109,"line":2724},[4247,4251,4255,4259,4263,4267,4271,4275],{"type":15,"tag":107,"props":4248,"children":4249},{"style":114},[4250],{"type":21,"value":996},{"type":15,"tag":107,"props":4252,"children":4253},{"style":120},[4254],{"type":21,"value":32},{"type":15,"tag":107,"props":4256,"children":4257},{"style":1006},[4258],{"type":21,"value":2320},{"type":15,"tag":107,"props":4260,"children":4261},{"style":421},[4262],{"type":21,"value":156},{"type":15,"tag":107,"props":4264,"children":4265},{"style":159},[4266],{"type":21,"value":1591},{"type":15,"tag":107,"props":4268,"children":4269},{"style":114},[4270],{"type":21,"value":1596},{"type":15,"tag":107,"props":4272,"children":4273},{"style":120},[4274],{"type":21,"value":32},{"type":15,"tag":107,"props":4276,"children":4277},{"style":114},[4278],{"type":21,"value":127},{"type":15,"tag":107,"props":4280,"children":4281},{"class":109,"line":2752},[4282,4286,4290],{"type":15,"tag":107,"props":4283,"children":4284},{"style":114},[4285],{"type":21,"value":2713},{"type":15,"tag":107,"props":4287,"children":4288},{"style":120},[4289],{"type":21,"value":1321},{"type":15,"tag":107,"props":4291,"children":4292},{"style":114},[4293],{"type":21,"value":127},{"type":15,"tag":107,"props":4295,"children":4296},{"class":109,"line":2788},[4297],{"type":15,"tag":107,"props":4298,"children":4299},{"style":114},[4300],{"type":21,"value":1245},{"type":15,"tag":107,"props":4302,"children":4303},{"class":109,"line":2804},[4304],{"type":15,"tag":107,"props":4305,"children":4306},{"style":114},[4307],{"type":21,"value":1254},{"type":15,"tag":107,"props":4309,"children":4310},{"class":109,"line":2812},[4311],{"type":15,"tag":107,"props":4312,"children":4313},{"style":114},[4314],{"type":21,"value":1027},{"type":15,"tag":81,"props":4316,"children":4318},{"id":4317},"with-legend",[4319],{"type":21,"value":4320},"With legend",{"type":15,"tag":32,"props":4322,"children":4323},{},[4324,4326,4332,4334,4340],{"type":21,"value":4325},"Radio Group can have a ",{"type":15,"tag":36,"props":4327,"children":4329},{"className":4328},[],[4330],{"type":21,"value":4331},"legend",{"type":21,"value":4333}," tag, which represents a caption for the content of its parent ",{"type":15,"tag":36,"props":4335,"children":4337},{"className":4336},[],[4338],{"type":21,"value":4339},"fieldset",{"type":21,"value":4341}," tag.",{"type":15,"tag":88,"props":4343,"children":4345},{"showcase-name":4344},"RadioGroup\u002FRadioGroupWithLegend",[4346,5004],{"type":15,"tag":93,"props":4347,"children":4348},{},[4349],{"type":15,"tag":97,"props":4350,"children":4352},{"className":99,"code":4351,"language":101,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Cfieldset role=\"radiogroup\">\n    \u003Clegend class=\"mb-2 text-sm font-normal text-gray-500\">Legend\u003C\u002Flegend>\n    \u003Cdiv class=\"flex flex-col\">\n      \u003Clabel\n        v-for=\"{ label, name, value } in radioOptions\"\n        :key=\"`${value}-${name}`\"\n        class=\"flex items-center mb-4 mr-6 rounded-sm cursor-pointer\"\n      >\n        \u003CSfRadio :value=\"value\" :name=\"name\" v-model=\"radioGroupModelValue\" \u002F>\n        \u003Cspan class=\"ml-2 text-base font-normal leading-6 font-body\">{{ label }}\u003C\u002Fspan>\n      \u003C\u002Flabel>\n    \u003C\u002Fdiv>\n  \u003C\u002Ffieldset>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfRadio } from '@storefront-ui\u002Fvue';\n\nconst radioGroupModelValue = ref('');\nconst radioOptions = [\n  {\n    label: 'Label',\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-1',\n  },\n];\n\u003C\u002Fscript>\n\n",[4353],{"type":15,"tag":36,"props":4354,"children":4355},{"__ignoreMap":9},[4356,4371,4400,4437,4465,4476,4493,4510,4527,4535,4587,4622,4637,4652,4667,4682,4689,4720,4751,4782,4789,4821,4840,4847,4866,4885,4904,4911,4918,4937,4956,4975,4982,4989],{"type":15,"tag":107,"props":4357,"children":4358},{"class":109,"line":110},[4359,4363,4367],{"type":15,"tag":107,"props":4360,"children":4361},{"style":114},[4362],{"type":21,"value":117},{"type":15,"tag":107,"props":4364,"children":4365},{"style":120},[4366],{"type":21,"value":28},{"type":15,"tag":107,"props":4368,"children":4369},{"style":114},[4370],{"type":21,"value":127},{"type":15,"tag":107,"props":4372,"children":4373},{"class":109,"line":130},[4374,4378,4382,4387,4391,4396],{"type":15,"tag":107,"props":4375,"children":4376},{"style":114},[4377],{"type":21,"value":136},{"type":15,"tag":107,"props":4379,"children":4380},{"style":120},[4381],{"type":21,"value":4339},{"type":15,"tag":107,"props":4383,"children":4384},{"style":148},[4385],{"type":21,"value":4386}," role",{"type":15,"tag":107,"props":4388,"children":4389},{"style":114},[4390],{"type":21,"value":156},{"type":15,"tag":107,"props":4392,"children":4393},{"style":159},[4394],{"type":21,"value":4395},"\"radiogroup\"",{"type":15,"tag":107,"props":4397,"children":4398},{"style":114},[4399],{"type":21,"value":127},{"type":15,"tag":107,"props":4401,"children":4402},{"class":109,"line":144},[4403,4407,4411,4415,4419,4424,4429,4433],{"type":15,"tag":107,"props":4404,"children":4405},{"style":114},[4406],{"type":21,"value":1347},{"type":15,"tag":107,"props":4408,"children":4409},{"style":120},[4410],{"type":21,"value":4331},{"type":15,"tag":107,"props":4412,"children":4413},{"style":148},[4414],{"type":21,"value":1326},{"type":15,"tag":107,"props":4416,"children":4417},{"style":114},[4418],{"type":21,"value":156},{"type":15,"tag":107,"props":4420,"children":4421},{"style":159},[4422],{"type":21,"value":4423},"\"mb-2 text-sm font-normal text-gray-500\"",{"type":15,"tag":107,"props":4425,"children":4426},{"style":114},[4427],{"type":21,"value":4428},">Legend\u003C\u002F",{"type":15,"tag":107,"props":4430,"children":4431},{"style":120},[4432],{"type":21,"value":4331},{"type":15,"tag":107,"props":4434,"children":4435},{"style":114},[4436],{"type":21,"value":127},{"type":15,"tag":107,"props":4438,"children":4439},{"class":109,"line":165},[4440,4444,4448,4452,4456,4461],{"type":15,"tag":107,"props":4441,"children":4442},{"style":114},[4443],{"type":21,"value":1347},{"type":15,"tag":107,"props":4445,"children":4446},{"style":120},[4447],{"type":21,"value":1321},{"type":15,"tag":107,"props":4449,"children":4450},{"style":148},[4451],{"type":21,"value":1326},{"type":15,"tag":107,"props":4453,"children":4454},{"style":114},[4455],{"type":21,"value":156},{"type":15,"tag":107,"props":4457,"children":4458},{"style":159},[4459],{"type":21,"value":4460},"\"flex flex-col\"",{"type":15,"tag":107,"props":4462,"children":4463},{"style":114},[4464],{"type":21,"value":127},{"type":15,"tag":107,"props":4466,"children":4467},{"class":109,"line":183},[4468,4472],{"type":15,"tag":107,"props":4469,"children":4470},{"style":114},[4471],{"type":21,"value":1418},{"type":15,"tag":107,"props":4473,"children":4474},{"style":120},[4475],{"type":21,"value":1352},{"type":15,"tag":107,"props":4477,"children":4478},{"class":109,"line":201},[4479,4484,4488],{"type":15,"tag":107,"props":4480,"children":4481},{"style":148},[4482],{"type":21,"value":4483},"        v-for",{"type":15,"tag":107,"props":4485,"children":4486},{"style":114},[4487],{"type":21,"value":156},{"type":15,"tag":107,"props":4489,"children":4490},{"style":159},[4491],{"type":21,"value":4492},"\"{ label, name, value } in radioOptions\"\n",{"type":15,"tag":107,"props":4494,"children":4495},{"class":109,"line":218},[4496,4501,4505],{"type":15,"tag":107,"props":4497,"children":4498},{"style":148},[4499],{"type":21,"value":4500},"        :key",{"type":15,"tag":107,"props":4502,"children":4503},{"style":114},[4504],{"type":21,"value":156},{"type":15,"tag":107,"props":4506,"children":4507},{"style":159},[4508],{"type":21,"value":4509},"\"`${value}-${name}`\"\n",{"type":15,"tag":107,"props":4511,"children":4512},{"class":109,"line":236},[4513,4518,4522],{"type":15,"tag":107,"props":4514,"children":4515},{"style":148},[4516],{"type":21,"value":4517},"        class",{"type":15,"tag":107,"props":4519,"children":4520},{"style":114},[4521],{"type":21,"value":156},{"type":15,"tag":107,"props":4523,"children":4524},{"style":159},[4525],{"type":21,"value":4526},"\"flex items-center mb-4 mr-6 rounded-sm cursor-pointer\"\n",{"type":15,"tag":107,"props":4528,"children":4529},{"class":109,"line":254},[4530],{"type":15,"tag":107,"props":4531,"children":4532},{"style":114},[4533],{"type":21,"value":4534},"      >\n",{"type":15,"tag":107,"props":4536,"children":4537},{"class":109,"line":263},[4538,4542,4546,4550,4554,4558,4562,4566,4570,4574,4578,4583],{"type":15,"tag":107,"props":4539,"children":4540},{"style":114},[4541],{"type":21,"value":996},{"type":15,"tag":107,"props":4543,"children":4544},{"style":120},[4545],{"type":21,"value":41},{"type":15,"tag":107,"props":4547,"children":4548},{"style":148},[4549],{"type":21,"value":1464},{"type":15,"tag":107,"props":4551,"children":4552},{"style":114},[4553],{"type":21,"value":156},{"type":15,"tag":107,"props":4555,"children":4556},{"style":159},[4557],{"type":21,"value":1473},{"type":15,"tag":107,"props":4559,"children":4560},{"style":148},[4561],{"type":21,"value":1478},{"type":15,"tag":107,"props":4563,"children":4564},{"style":114},[4565],{"type":21,"value":156},{"type":15,"tag":107,"props":4567,"children":4568},{"style":159},[4569],{"type":21,"value":1487},{"type":15,"tag":107,"props":4571,"children":4572},{"style":148},[4573],{"type":21,"value":1492},{"type":15,"tag":107,"props":4575,"children":4576},{"style":114},[4577],{"type":21,"value":156},{"type":15,"tag":107,"props":4579,"children":4580},{"style":159},[4581],{"type":21,"value":4582},"\"radioGroupModelValue\"",{"type":15,"tag":107,"props":4584,"children":4585},{"style":114},[4586],{"type":21,"value":1506},{"type":15,"tag":107,"props":4588,"children":4589},{"class":109,"line":280},[4590,4594,4598,4602,4606,4610,4614,4618],{"type":15,"tag":107,"props":4591,"children":4592},{"style":114},[4593],{"type":21,"value":996},{"type":15,"tag":107,"props":4595,"children":4596},{"style":120},[4597],{"type":21,"value":107},{"type":15,"tag":107,"props":4599,"children":4600},{"style":148},[4601],{"type":21,"value":1326},{"type":15,"tag":107,"props":4603,"children":4604},{"style":114},[4605],{"type":21,"value":156},{"type":15,"tag":107,"props":4607,"children":4608},{"style":159},[4609],{"type":21,"value":2647},{"type":15,"tag":107,"props":4611,"children":4612},{"style":114},[4613],{"type":21,"value":1440},{"type":15,"tag":107,"props":4615,"children":4616},{"style":120},[4617],{"type":21,"value":107},{"type":15,"tag":107,"props":4619,"children":4620},{"style":114},[4621],{"type":21,"value":127},{"type":15,"tag":107,"props":4623,"children":4624},{"class":109,"line":289},[4625,4629,4633],{"type":15,"tag":107,"props":4626,"children":4627},{"style":114},[4628],{"type":21,"value":2713},{"type":15,"tag":107,"props":4630,"children":4631},{"style":120},[4632],{"type":21,"value":1519},{"type":15,"tag":107,"props":4634,"children":4635},{"style":114},[4636],{"type":21,"value":127},{"type":15,"tag":107,"props":4638,"children":4639},{"class":109,"line":325},[4640,4644,4648],{"type":15,"tag":107,"props":4641,"children":4642},{"style":114},[4643],{"type":21,"value":1514},{"type":15,"tag":107,"props":4645,"children":4646},{"style":120},[4647],{"type":21,"value":1321},{"type":15,"tag":107,"props":4649,"children":4650},{"style":114},[4651],{"type":21,"value":127},{"type":15,"tag":107,"props":4653,"children":4654},{"class":109,"line":365},[4655,4659,4663],{"type":15,"tag":107,"props":4656,"children":4657},{"style":114},[4658],{"type":21,"value":1531},{"type":15,"tag":107,"props":4660,"children":4661},{"style":120},[4662],{"type":21,"value":4339},{"type":15,"tag":107,"props":4664,"children":4665},{"style":114},[4666],{"type":21,"value":127},{"type":15,"tag":107,"props":4668,"children":4669},{"class":109,"line":398},[4670,4674,4678],{"type":15,"tag":107,"props":4671,"children":4672},{"style":114},[4673],{"type":21,"value":269},{"type":15,"tag":107,"props":4675,"children":4676},{"style":120},[4677],{"type":21,"value":28},{"type":15,"tag":107,"props":4679,"children":4680},{"style":114},[4681],{"type":21,"value":127},{"type":15,"tag":107,"props":4683,"children":4684},{"class":109,"line":406},[4685],{"type":15,"tag":107,"props":4686,"children":4687},{"emptyLinePlaceholder":8},[4688],{"type":21,"value":286},{"type":15,"tag":107,"props":4690,"children":4691},{"class":109,"line":448},[4692,4696,4700,4704,4708,4712,4716],{"type":15,"tag":107,"props":4693,"children":4694},{"style":114},[4695],{"type":21,"value":117},{"type":15,"tag":107,"props":4697,"children":4698},{"style":120},[4699],{"type":21,"value":299},{"type":15,"tag":107,"props":4701,"children":4702},{"style":148},[4703],{"type":21,"value":304},{"type":15,"tag":107,"props":4705,"children":4706},{"style":114},[4707],{"type":21,"value":156},{"type":15,"tag":107,"props":4709,"children":4710},{"style":159},[4711],{"type":21,"value":313},{"type":15,"tag":107,"props":4713,"children":4714},{"style":148},[4715],{"type":21,"value":318},{"type":15,"tag":107,"props":4717,"children":4718},{"style":114},[4719],{"type":21,"value":127},{"type":15,"tag":107,"props":4721,"children":4722},{"class":109,"line":470},[4723,4727,4731,4735,4739,4743,4747],{"type":15,"tag":107,"props":4724,"children":4725},{"style":329},[4726],{"type":21,"value":332},{"type":15,"tag":107,"props":4728,"children":4729},{"style":114},[4730],{"type":21,"value":337},{"type":15,"tag":107,"props":4732,"children":4733},{"style":120},[4734],{"type":21,"value":342},{"type":15,"tag":107,"props":4736,"children":4737},{"style":114},[4738],{"type":21,"value":347},{"type":15,"tag":107,"props":4740,"children":4741},{"style":329},[4742],{"type":21,"value":352},{"type":15,"tag":107,"props":4744,"children":4745},{"style":159},[4746],{"type":21,"value":357},{"type":15,"tag":107,"props":4748,"children":4749},{"style":114},[4750],{"type":21,"value":362},{"type":15,"tag":107,"props":4752,"children":4753},{"class":109,"line":479},[4754,4758,4762,4766,4770,4774,4778],{"type":15,"tag":107,"props":4755,"children":4756},{"style":329},[4757],{"type":21,"value":332},{"type":15,"tag":107,"props":4759,"children":4760},{"style":114},[4761],{"type":21,"value":337},{"type":15,"tag":107,"props":4763,"children":4764},{"style":120},[4765],{"type":21,"value":41},{"type":15,"tag":107,"props":4767,"children":4768},{"style":114},[4769],{"type":21,"value":347},{"type":15,"tag":107,"props":4771,"children":4772},{"style":329},[4773],{"type":21,"value":352},{"type":15,"tag":107,"props":4775,"children":4776},{"style":159},[4777],{"type":21,"value":391},{"type":15,"tag":107,"props":4779,"children":4780},{"style":114},[4781],{"type":21,"value":362},{"type":15,"tag":107,"props":4783,"children":4784},{"class":109,"line":503},[4785],{"type":15,"tag":107,"props":4786,"children":4787},{"emptyLinePlaceholder":8},[4788],{"type":21,"value":286},{"type":15,"tag":107,"props":4790,"children":4791},{"class":109,"line":525},[4792,4796,4801,4805,4809,4813,4817],{"type":15,"tag":107,"props":4793,"children":4794},{"style":329},[4795],{"type":21,"value":412},{"type":15,"tag":107,"props":4797,"children":4798},{"style":415},[4799],{"type":21,"value":4800}," radioGroupModelValue",{"type":15,"tag":107,"props":4802,"children":4803},{"style":421},[4804],{"type":21,"value":424},{"type":15,"tag":107,"props":4806,"children":4807},{"style":427},[4808],{"type":21,"value":430},{"type":15,"tag":107,"props":4810,"children":4811},{"style":114},[4812],{"type":21,"value":435},{"type":15,"tag":107,"props":4814,"children":4815},{"style":159},[4816],{"type":21,"value":440},{"type":15,"tag":107,"props":4818,"children":4819},{"style":114},[4820],{"type":21,"value":445},{"type":15,"tag":107,"props":4822,"children":4823},{"class":109,"line":534},[4824,4828,4832,4836],{"type":15,"tag":107,"props":4825,"children":4826},{"style":329},[4827],{"type":21,"value":412},{"type":15,"tag":107,"props":4829,"children":4830},{"style":415},[4831],{"type":21,"value":458},{"type":15,"tag":107,"props":4833,"children":4834},{"style":421},[4835],{"type":21,"value":424},{"type":15,"tag":107,"props":4837,"children":4838},{"style":114},[4839],{"type":21,"value":467},{"type":15,"tag":107,"props":4841,"children":4842},{"class":109,"line":542},[4843],{"type":15,"tag":107,"props":4844,"children":4845},{"style":114},[4846],{"type":21,"value":476},{"type":15,"tag":107,"props":4848,"children":4849},{"class":109,"line":563},[4850,4854,4858,4862],{"type":15,"tag":107,"props":4851,"children":4852},{"style":120},[4853],{"type":21,"value":1806},{"type":15,"tag":107,"props":4855,"children":4856},{"style":114},[4857],{"type":21,"value":490},{"type":15,"tag":107,"props":4859,"children":4860},{"style":159},[4861],{"type":21,"value":2081},{"type":15,"tag":107,"props":4863,"children":4864},{"style":114},[4865],{"type":21,"value":500},{"type":15,"tag":107,"props":4867,"children":4868},{"class":109,"line":584},[4869,4873,4877,4881],{"type":15,"tag":107,"props":4870,"children":4871},{"style":120},[4872],{"type":21,"value":485},{"type":15,"tag":107,"props":4874,"children":4875},{"style":114},[4876],{"type":21,"value":490},{"type":15,"tag":107,"props":4878,"children":4879},{"style":159},[4880],{"type":21,"value":495},{"type":15,"tag":107,"props":4882,"children":4883},{"style":114},[4884],{"type":21,"value":500},{"type":15,"tag":107,"props":4886,"children":4887},{"class":109,"line":592},[4888,4892,4896,4900],{"type":15,"tag":107,"props":4889,"children":4890},{"style":120},[4891],{"type":21,"value":509},{"type":15,"tag":107,"props":4893,"children":4894},{"style":114},[4895],{"type":21,"value":490},{"type":15,"tag":107,"props":4897,"children":4898},{"style":159},[4899],{"type":21,"value":518},{"type":15,"tag":107,"props":4901,"children":4902},{"style":114},[4903],{"type":21,"value":500},{"type":15,"tag":107,"props":4905,"children":4906},{"class":109,"line":601},[4907],{"type":15,"tag":107,"props":4908,"children":4909},{"style":114},[4910],{"type":21,"value":531},{"type":15,"tag":107,"props":4912,"children":4913},{"class":109,"line":1217},[4914],{"type":15,"tag":107,"props":4915,"children":4916},{"style":114},[4917],{"type":21,"value":476},{"type":15,"tag":107,"props":4919,"children":4920},{"class":109,"line":1226},[4921,4925,4929,4933],{"type":15,"tag":107,"props":4922,"children":4923},{"style":120},[4924],{"type":21,"value":1806},{"type":15,"tag":107,"props":4926,"children":4927},{"style":114},[4928],{"type":21,"value":490},{"type":15,"tag":107,"props":4930,"children":4931},{"style":159},[4932],{"type":21,"value":1887},{"type":15,"tag":107,"props":4934,"children":4935},{"style":114},[4936],{"type":21,"value":500},{"type":15,"tag":107,"props":4938,"children":4939},{"class":109,"line":1239},[4940,4944,4948,4952],{"type":15,"tag":107,"props":4941,"children":4942},{"style":120},[4943],{"type":21,"value":485},{"type":15,"tag":107,"props":4945,"children":4946},{"style":114},[4947],{"type":21,"value":490},{"type":15,"tag":107,"props":4949,"children":4950},{"style":159},[4951],{"type":21,"value":556},{"type":15,"tag":107,"props":4953,"children":4954},{"style":114},[4955],{"type":21,"value":500},{"type":15,"tag":107,"props":4957,"children":4958},{"class":109,"line":1248},[4959,4963,4967,4971],{"type":15,"tag":107,"props":4960,"children":4961},{"style":120},[4962],{"type":21,"value":509},{"type":15,"tag":107,"props":4964,"children":4965},{"style":114},[4966],{"type":21,"value":490},{"type":15,"tag":107,"props":4968,"children":4969},{"style":159},[4970],{"type":21,"value":518},{"type":15,"tag":107,"props":4972,"children":4973},{"style":114},[4974],{"type":21,"value":500},{"type":15,"tag":107,"props":4976,"children":4977},{"class":109,"line":1257},[4978],{"type":15,"tag":107,"props":4979,"children":4980},{"style":114},[4981],{"type":21,"value":531},{"type":15,"tag":107,"props":4983,"children":4984},{"class":109,"line":1939},[4985],{"type":15,"tag":107,"props":4986,"children":4987},{"style":114},[4988],{"type":21,"value":598},{"type":15,"tag":107,"props":4990,"children":4991},{"class":109,"line":1947},[4992,4996,5000],{"type":15,"tag":107,"props":4993,"children":4994},{"style":114},[4995],{"type":21,"value":269},{"type":15,"tag":107,"props":4997,"children":4998},{"style":120},[4999],{"type":21,"value":299},{"type":15,"tag":107,"props":5001,"children":5002},{"style":114},[5003],{"type":21,"value":127},{"type":15,"tag":616,"props":5005,"children":5006},{},[5007],{"type":15,"tag":97,"props":5008,"children":5010},{"className":621,"code":5009,"language":623,"meta":9,"style":9},"import { SfRadio } from '@storefront-ui\u002Freact';\nimport { useState } from 'react';\n\nconst radioOptions = [\n  {\n    label: 'Label',\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-1',\n  },\n];\nexport default function RadioGroupWithLegend() {\n  const [checkedState, setCheckedState] = useState('');\n  return (\n    \u003Cfieldset role=\"radiogroup\">\n      \u003Clegend className=\"mb-2 text-sm font-normal text-gray-500\">Legend\u003C\u002Flegend>\n      \u003Cdiv className=\"flex flex-col\">\n        {radioOptions.map(({ label, value, name }) => (\n          \u003Clabel key={value} className=\"flex items-center mb-4 cursor-pointer\">\n            \u003CSfRadio\n              name={name}\n              value={value}\n              checked={checkedState === value}\n              onChange={(event) => {\n                setCheckedState(event.target.value);\n              }}\n            \u002F>\n            \u003Cspan className=\"ml-2 text-base font-normal leading-6 font-body\">{label}\u003C\u002Fspan>\n          \u003C\u002Flabel>\n        ))}\n      \u003C\u002Fdiv>\n    \u003C\u002Ffieldset>\n  );\n}\n",[5011],{"type":15,"tag":36,"props":5012,"children":5013},{"__ignoreMap":9},[5014,5045,5076,5083,5102,5109,5128,5147,5166,5173,5180,5199,5218,5237,5244,5251,5275,5322,5333,5360,5395,5422,5477,5525,5536,5559,5582,5613,5648,5683,5694,5701,5752,5767,5778,5793,5808,5815],{"type":15,"tag":107,"props":5015,"children":5016},{"class":109,"line":110},[5017,5021,5025,5029,5033,5037,5041],{"type":15,"tag":107,"props":5018,"children":5019},{"style":329},[5020],{"type":21,"value":332},{"type":15,"tag":107,"props":5022,"children":5023},{"style":114},[5024],{"type":21,"value":337},{"type":15,"tag":107,"props":5026,"children":5027},{"style":120},[5028],{"type":21,"value":41},{"type":15,"tag":107,"props":5030,"children":5031},{"style":114},[5032],{"type":21,"value":347},{"type":15,"tag":107,"props":5034,"children":5035},{"style":329},[5036],{"type":21,"value":352},{"type":15,"tag":107,"props":5038,"children":5039},{"style":159},[5040],{"type":21,"value":655},{"type":15,"tag":107,"props":5042,"children":5043},{"style":114},[5044],{"type":21,"value":362},{"type":15,"tag":107,"props":5046,"children":5047},{"class":109,"line":130},[5048,5052,5056,5060,5064,5068,5072],{"type":15,"tag":107,"props":5049,"children":5050},{"style":329},[5051],{"type":21,"value":332},{"type":15,"tag":107,"props":5053,"children":5054},{"style":114},[5055],{"type":21,"value":337},{"type":15,"tag":107,"props":5057,"children":5058},{"style":120},[5059],{"type":21,"value":675},{"type":15,"tag":107,"props":5061,"children":5062},{"style":114},[5063],{"type":21,"value":347},{"type":15,"tag":107,"props":5065,"children":5066},{"style":329},[5067],{"type":21,"value":352},{"type":15,"tag":107,"props":5069,"children":5070},{"style":159},[5071],{"type":21,"value":688},{"type":15,"tag":107,"props":5073,"children":5074},{"style":114},[5075],{"type":21,"value":362},{"type":15,"tag":107,"props":5077,"children":5078},{"class":109,"line":144},[5079],{"type":15,"tag":107,"props":5080,"children":5081},{"emptyLinePlaceholder":8},[5082],{"type":21,"value":286},{"type":15,"tag":107,"props":5084,"children":5085},{"class":109,"line":165},[5086,5090,5094,5098],{"type":15,"tag":107,"props":5087,"children":5088},{"style":329},[5089],{"type":21,"value":412},{"type":15,"tag":107,"props":5091,"children":5092},{"style":415},[5093],{"type":21,"value":458},{"type":15,"tag":107,"props":5095,"children":5096},{"style":421},[5097],{"type":21,"value":424},{"type":15,"tag":107,"props":5099,"children":5100},{"style":114},[5101],{"type":21,"value":467},{"type":15,"tag":107,"props":5103,"children":5104},{"class":109,"line":183},[5105],{"type":15,"tag":107,"props":5106,"children":5107},{"style":114},[5108],{"type":21,"value":476},{"type":15,"tag":107,"props":5110,"children":5111},{"class":109,"line":201},[5112,5116,5120,5124],{"type":15,"tag":107,"props":5113,"children":5114},{"style":120},[5115],{"type":21,"value":1806},{"type":15,"tag":107,"props":5117,"children":5118},{"style":114},[5119],{"type":21,"value":490},{"type":15,"tag":107,"props":5121,"children":5122},{"style":159},[5123],{"type":21,"value":2081},{"type":15,"tag":107,"props":5125,"children":5126},{"style":114},[5127],{"type":21,"value":500},{"type":15,"tag":107,"props":5129,"children":5130},{"class":109,"line":218},[5131,5135,5139,5143],{"type":15,"tag":107,"props":5132,"children":5133},{"style":120},[5134],{"type":21,"value":485},{"type":15,"tag":107,"props":5136,"children":5137},{"style":114},[5138],{"type":21,"value":490},{"type":15,"tag":107,"props":5140,"children":5141},{"style":159},[5142],{"type":21,"value":495},{"type":15,"tag":107,"props":5144,"children":5145},{"style":114},[5146],{"type":21,"value":500},{"type":15,"tag":107,"props":5148,"children":5149},{"class":109,"line":236},[5150,5154,5158,5162],{"type":15,"tag":107,"props":5151,"children":5152},{"style":120},[5153],{"type":21,"value":509},{"type":15,"tag":107,"props":5155,"children":5156},{"style":114},[5157],{"type":21,"value":490},{"type":15,"tag":107,"props":5159,"children":5160},{"style":159},[5161],{"type":21,"value":518},{"type":15,"tag":107,"props":5163,"children":5164},{"style":114},[5165],{"type":21,"value":500},{"type":15,"tag":107,"props":5167,"children":5168},{"class":109,"line":254},[5169],{"type":15,"tag":107,"props":5170,"children":5171},{"style":114},[5172],{"type":21,"value":531},{"type":15,"tag":107,"props":5174,"children":5175},{"class":109,"line":263},[5176],{"type":15,"tag":107,"props":5177,"children":5178},{"style":114},[5179],{"type":21,"value":476},{"type":15,"tag":107,"props":5181,"children":5182},{"class":109,"line":280},[5183,5187,5191,5195],{"type":15,"tag":107,"props":5184,"children":5185},{"style":120},[5186],{"type":21,"value":1806},{"type":15,"tag":107,"props":5188,"children":5189},{"style":114},[5190],{"type":21,"value":490},{"type":15,"tag":107,"props":5192,"children":5193},{"style":159},[5194],{"type":21,"value":1887},{"type":15,"tag":107,"props":5196,"children":5197},{"style":114},[5198],{"type":21,"value":500},{"type":15,"tag":107,"props":5200,"children":5201},{"class":109,"line":289},[5202,5206,5210,5214],{"type":15,"tag":107,"props":5203,"children":5204},{"style":120},[5205],{"type":21,"value":485},{"type":15,"tag":107,"props":5207,"children":5208},{"style":114},[5209],{"type":21,"value":490},{"type":15,"tag":107,"props":5211,"children":5212},{"style":159},[5213],{"type":21,"value":556},{"type":15,"tag":107,"props":5215,"children":5216},{"style":114},[5217],{"type":21,"value":500},{"type":15,"tag":107,"props":5219,"children":5220},{"class":109,"line":325},[5221,5225,5229,5233],{"type":15,"tag":107,"props":5222,"children":5223},{"style":120},[5224],{"type":21,"value":509},{"type":15,"tag":107,"props":5226,"children":5227},{"style":114},[5228],{"type":21,"value":490},{"type":15,"tag":107,"props":5230,"children":5231},{"style":159},[5232],{"type":21,"value":518},{"type":15,"tag":107,"props":5234,"children":5235},{"style":114},[5236],{"type":21,"value":500},{"type":15,"tag":107,"props":5238,"children":5239},{"class":109,"line":365},[5240],{"type":15,"tag":107,"props":5241,"children":5242},{"style":114},[5243],{"type":21,"value":531},{"type":15,"tag":107,"props":5245,"children":5246},{"class":109,"line":398},[5247],{"type":15,"tag":107,"props":5248,"children":5249},{"style":114},[5250],{"type":21,"value":598},{"type":15,"tag":107,"props":5252,"children":5253},{"class":109,"line":406},[5254,5258,5262,5266,5271],{"type":15,"tag":107,"props":5255,"children":5256},{"style":329},[5257],{"type":21,"value":837},{"type":15,"tag":107,"props":5259,"children":5260},{"style":329},[5261],{"type":21,"value":842},{"type":15,"tag":107,"props":5263,"children":5264},{"style":329},[5265],{"type":21,"value":847},{"type":15,"tag":107,"props":5267,"children":5268},{"style":427},[5269],{"type":21,"value":5270}," RadioGroupWithLegend",{"type":15,"tag":107,"props":5272,"children":5273},{"style":114},[5274],{"type":21,"value":857},{"type":15,"tag":107,"props":5276,"children":5277},{"class":109,"line":448},[5278,5282,5286,5290,5294,5298,5302,5306,5310,5314,5318],{"type":15,"tag":107,"props":5279,"children":5280},{"style":329},[5281],{"type":21,"value":865},{"type":15,"tag":107,"props":5283,"children":5284},{"style":114},[5285],{"type":21,"value":870},{"type":15,"tag":107,"props":5287,"children":5288},{"style":415},[5289],{"type":21,"value":875},{"type":15,"tag":107,"props":5291,"children":5292},{"style":114},[5293],{"type":21,"value":880},{"type":15,"tag":107,"props":5295,"children":5296},{"style":415},[5297],{"type":21,"value":885},{"type":15,"tag":107,"props":5299,"children":5300},{"style":114},[5301],{"type":21,"value":890},{"type":15,"tag":107,"props":5303,"children":5304},{"style":421},[5305],{"type":21,"value":156},{"type":15,"tag":107,"props":5307,"children":5308},{"style":427},[5309],{"type":21,"value":899},{"type":15,"tag":107,"props":5311,"children":5312},{"style":114},[5313],{"type":21,"value":435},{"type":15,"tag":107,"props":5315,"children":5316},{"style":159},[5317],{"type":21,"value":440},{"type":15,"tag":107,"props":5319,"children":5320},{"style":114},[5321],{"type":21,"value":445},{"type":15,"tag":107,"props":5323,"children":5324},{"class":109,"line":470},[5325,5329],{"type":15,"tag":107,"props":5326,"children":5327},{"style":329},[5328],{"type":21,"value":919},{"type":15,"tag":107,"props":5330,"children":5331},{"style":114},[5332],{"type":21,"value":924},{"type":15,"tag":107,"props":5334,"children":5335},{"class":109,"line":479},[5336,5340,5344,5348,5352,5356],{"type":15,"tag":107,"props":5337,"children":5338},{"style":114},[5339],{"type":21,"value":1347},{"type":15,"tag":107,"props":5341,"children":5342},{"style":120},[5343],{"type":21,"value":4339},{"type":15,"tag":107,"props":5345,"children":5346},{"style":1006},[5347],{"type":21,"value":4386},{"type":15,"tag":107,"props":5349,"children":5350},{"style":421},[5351],{"type":21,"value":156},{"type":15,"tag":107,"props":5353,"children":5354},{"style":159},[5355],{"type":21,"value":4395},{"type":15,"tag":107,"props":5357,"children":5358},{"style":114},[5359],{"type":21,"value":127},{"type":15,"tag":107,"props":5361,"children":5362},{"class":109,"line":503},[5363,5367,5371,5375,5379,5383,5387,5391],{"type":15,"tag":107,"props":5364,"children":5365},{"style":114},[5366],{"type":21,"value":1418},{"type":15,"tag":107,"props":5368,"children":5369},{"style":120},[5370],{"type":21,"value":4331},{"type":15,"tag":107,"props":5372,"children":5373},{"style":1006},[5374],{"type":21,"value":2320},{"type":15,"tag":107,"props":5376,"children":5377},{"style":421},[5378],{"type":21,"value":156},{"type":15,"tag":107,"props":5380,"children":5381},{"style":159},[5382],{"type":21,"value":4423},{"type":15,"tag":107,"props":5384,"children":5385},{"style":114},[5386],{"type":21,"value":4428},{"type":15,"tag":107,"props":5388,"children":5389},{"style":120},[5390],{"type":21,"value":4331},{"type":15,"tag":107,"props":5392,"children":5393},{"style":114},[5394],{"type":21,"value":127},{"type":15,"tag":107,"props":5396,"children":5397},{"class":109,"line":525},[5398,5402,5406,5410,5414,5418],{"type":15,"tag":107,"props":5399,"children":5400},{"style":114},[5401],{"type":21,"value":1418},{"type":15,"tag":107,"props":5403,"children":5404},{"style":120},[5405],{"type":21,"value":1321},{"type":15,"tag":107,"props":5407,"children":5408},{"style":1006},[5409],{"type":21,"value":2320},{"type":15,"tag":107,"props":5411,"children":5412},{"style":421},[5413],{"type":21,"value":156},{"type":15,"tag":107,"props":5415,"children":5416},{"style":159},[5417],{"type":21,"value":4460},{"type":15,"tag":107,"props":5419,"children":5420},{"style":114},[5421],{"type":21,"value":127},{"type":15,"tag":107,"props":5423,"children":5424},{"class":109,"line":534},[5425,5429,5433,5437,5441,5445,5449,5453,5457,5461,5465,5469,5473],{"type":15,"tag":107,"props":5426,"children":5427},{"style":329},[5428],{"type":21,"value":2340},{"type":15,"tag":107,"props":5430,"children":5431},{"style":415},[5432],{"type":21,"value":945},{"type":15,"tag":107,"props":5434,"children":5435},{"style":114},[5436],{"type":21,"value":72},{"type":15,"tag":107,"props":5438,"children":5439},{"style":427},[5440],{"type":21,"value":954},{"type":15,"tag":107,"props":5442,"children":5443},{"style":114},[5444],{"type":21,"value":959},{"type":15,"tag":107,"props":5446,"children":5447},{"style":962},[5448],{"type":21,"value":1519},{"type":15,"tag":107,"props":5450,"children":5451},{"style":114},[5452],{"type":21,"value":880},{"type":15,"tag":107,"props":5454,"children":5455},{"style":962},[5456],{"type":21,"value":974},{"type":15,"tag":107,"props":5458,"children":5459},{"style":114},[5460],{"type":21,"value":880},{"type":15,"tag":107,"props":5462,"children":5463},{"style":962},[5464],{"type":21,"value":965},{"type":15,"tag":107,"props":5466,"children":5467},{"style":114},[5468],{"type":21,"value":979},{"type":15,"tag":107,"props":5470,"children":5471},{"style":329},[5472],{"type":21,"value":984},{"type":15,"tag":107,"props":5474,"children":5475},{"style":114},[5476],{"type":21,"value":924},{"type":15,"tag":107,"props":5478,"children":5479},{"class":109,"line":542},[5480,5484,5488,5492,5496,5500,5504,5508,5512,5516,5521],{"type":15,"tag":107,"props":5481,"children":5482},{"style":114},[5483],{"type":21,"value":2396},{"type":15,"tag":107,"props":5485,"children":5486},{"style":120},[5487],{"type":21,"value":1519},{"type":15,"tag":107,"props":5489,"children":5490},{"style":1006},[5491],{"type":21,"value":2405},{"type":15,"tag":107,"props":5493,"children":5494},{"style":421},[5495],{"type":21,"value":156},{"type":15,"tag":107,"props":5497,"children":5498},{"style":329},[5499],{"type":21,"value":1018},{"type":15,"tag":107,"props":5501,"children":5502},{"style":120},[5503],{"type":21,"value":974},{"type":15,"tag":107,"props":5505,"children":5506},{"style":329},[5507],{"type":21,"value":2422},{"type":15,"tag":107,"props":5509,"children":5510},{"style":1006},[5511],{"type":21,"value":2320},{"type":15,"tag":107,"props":5513,"children":5514},{"style":421},[5515],{"type":21,"value":156},{"type":15,"tag":107,"props":5517,"children":5518},{"style":159},[5519],{"type":21,"value":5520},"\"flex items-center mb-4 cursor-pointer\"",{"type":15,"tag":107,"props":5522,"children":5523},{"style":114},[5524],{"type":21,"value":127},{"type":15,"tag":107,"props":5526,"children":5527},{"class":109,"line":563},[5528,5532],{"type":15,"tag":107,"props":5529,"children":5530},{"style":114},[5531],{"type":21,"value":2447},{"type":15,"tag":107,"props":5533,"children":5534},{"style":415},[5535],{"type":21,"value":141},{"type":15,"tag":107,"props":5537,"children":5538},{"class":109,"line":584},[5539,5543,5547,5551,5555],{"type":15,"tag":107,"props":5540,"children":5541},{"style":1006},[5542],{"type":21,"value":2459},{"type":15,"tag":107,"props":5544,"children":5545},{"style":421},[5546],{"type":21,"value":156},{"type":15,"tag":107,"props":5548,"children":5549},{"style":329},[5550],{"type":21,"value":1018},{"type":15,"tag":107,"props":5552,"children":5553},{"style":120},[5554],{"type":21,"value":965},{"type":15,"tag":107,"props":5556,"children":5557},{"style":329},[5558],{"type":21,"value":1027},{"type":15,"tag":107,"props":5560,"children":5561},{"class":109,"line":592},[5562,5566,5570,5574,5578],{"type":15,"tag":107,"props":5563,"children":5564},{"style":1006},[5565],{"type":21,"value":2483},{"type":15,"tag":107,"props":5567,"children":5568},{"style":421},[5569],{"type":21,"value":156},{"type":15,"tag":107,"props":5571,"children":5572},{"style":329},[5573],{"type":21,"value":1018},{"type":15,"tag":107,"props":5575,"children":5576},{"style":120},[5577],{"type":21,"value":974},{"type":15,"tag":107,"props":5579,"children":5580},{"style":329},[5581],{"type":21,"value":1027},{"type":15,"tag":107,"props":5583,"children":5584},{"class":109,"line":601},[5585,5589,5593,5597,5601,5605,5609],{"type":15,"tag":107,"props":5586,"children":5587},{"style":1006},[5588],{"type":21,"value":2507},{"type":15,"tag":107,"props":5590,"children":5591},{"style":421},[5592],{"type":21,"value":156},{"type":15,"tag":107,"props":5594,"children":5595},{"style":329},[5596],{"type":21,"value":1018},{"type":15,"tag":107,"props":5598,"children":5599},{"style":120},[5600],{"type":21,"value":875},{"type":15,"tag":107,"props":5602,"children":5603},{"style":421},[5604],{"type":21,"value":1117},{"type":15,"tag":107,"props":5606,"children":5607},{"style":120},[5608],{"type":21,"value":1122},{"type":15,"tag":107,"props":5610,"children":5611},{"style":329},[5612],{"type":21,"value":1027},{"type":15,"tag":107,"props":5614,"children":5615},{"class":109,"line":1217},[5616,5620,5624,5628,5632,5636,5640,5644],{"type":15,"tag":107,"props":5617,"children":5618},{"style":1006},[5619],{"type":21,"value":2539},{"type":15,"tag":107,"props":5621,"children":5622},{"style":421},[5623],{"type":21,"value":156},{"type":15,"tag":107,"props":5625,"children":5626},{"style":329},[5627],{"type":21,"value":1018},{"type":15,"tag":107,"props":5629,"children":5630},{"style":114},[5631],{"type":21,"value":435},{"type":15,"tag":107,"props":5633,"children":5634},{"style":962},[5635],{"type":21,"value":1151},{"type":15,"tag":107,"props":5637,"children":5638},{"style":114},[5639],{"type":21,"value":1156},{"type":15,"tag":107,"props":5641,"children":5642},{"style":329},[5643],{"type":21,"value":984},{"type":15,"tag":107,"props":5645,"children":5646},{"style":114},[5647],{"type":21,"value":1165},{"type":15,"tag":107,"props":5649,"children":5650},{"class":109,"line":1226},[5651,5655,5659,5663,5667,5671,5675,5679],{"type":15,"tag":107,"props":5652,"children":5653},{"style":427},[5654],{"type":21,"value":2575},{"type":15,"tag":107,"props":5656,"children":5657},{"style":114},[5658],{"type":21,"value":435},{"type":15,"tag":107,"props":5660,"children":5661},{"style":415},[5662],{"type":21,"value":1151},{"type":15,"tag":107,"props":5664,"children":5665},{"style":114},[5666],{"type":21,"value":72},{"type":15,"tag":107,"props":5668,"children":5669},{"style":415},[5670],{"type":21,"value":1190},{"type":15,"tag":107,"props":5672,"children":5673},{"style":114},[5674],{"type":21,"value":72},{"type":15,"tag":107,"props":5676,"children":5677},{"style":120},[5678],{"type":21,"value":974},{"type":15,"tag":107,"props":5680,"children":5681},{"style":114},[5682],{"type":21,"value":445},{"type":15,"tag":107,"props":5684,"children":5685},{"class":109,"line":1239},[5686,5690],{"type":15,"tag":107,"props":5687,"children":5688},{"style":114},[5689],{"type":21,"value":2611},{"type":15,"tag":107,"props":5691,"children":5692},{"style":329},[5693],{"type":21,"value":1027},{"type":15,"tag":107,"props":5695,"children":5696},{"class":109,"line":1248},[5697],{"type":15,"tag":107,"props":5698,"children":5699},{"style":114},[5700],{"type":21,"value":2623},{"type":15,"tag":107,"props":5702,"children":5703},{"class":109,"line":1257},[5704,5708,5712,5716,5720,5724,5728,5732,5736,5740,5744,5748],{"type":15,"tag":107,"props":5705,"children":5706},{"style":114},[5707],{"type":21,"value":2447},{"type":15,"tag":107,"props":5709,"children":5710},{"style":120},[5711],{"type":21,"value":107},{"type":15,"tag":107,"props":5713,"children":5714},{"style":1006},[5715],{"type":21,"value":2320},{"type":15,"tag":107,"props":5717,"children":5718},{"style":421},[5719],{"type":21,"value":156},{"type":15,"tag":107,"props":5721,"children":5722},{"style":159},[5723],{"type":21,"value":2647},{"type":15,"tag":107,"props":5725,"children":5726},{"style":114},[5727],{"type":21,"value":2652},{"type":15,"tag":107,"props":5729,"children":5730},{"style":329},[5731],{"type":21,"value":1018},{"type":15,"tag":107,"props":5733,"children":5734},{"style":120},[5735],{"type":21,"value":1519},{"type":15,"tag":107,"props":5737,"children":5738},{"style":329},[5739],{"type":21,"value":2422},{"type":15,"tag":107,"props":5741,"children":5742},{"style":114},[5743],{"type":21,"value":269},{"type":15,"tag":107,"props":5745,"children":5746},{"style":120},[5747],{"type":21,"value":107},{"type":15,"tag":107,"props":5749,"children":5750},{"style":114},[5751],{"type":21,"value":127},{"type":15,"tag":107,"props":5753,"children":5754},{"class":109,"line":1939},[5755,5759,5763],{"type":15,"tag":107,"props":5756,"children":5757},{"style":114},[5758],{"type":21,"value":2684},{"type":15,"tag":107,"props":5760,"children":5761},{"style":120},[5762],{"type":21,"value":1519},{"type":15,"tag":107,"props":5764,"children":5765},{"style":114},[5766],{"type":21,"value":127},{"type":15,"tag":107,"props":5768,"children":5769},{"class":109,"line":1947},[5770,5774],{"type":15,"tag":107,"props":5771,"children":5772},{"style":114},[5773],{"type":21,"value":2700},{"type":15,"tag":107,"props":5775,"children":5776},{"style":329},[5777],{"type":21,"value":1027},{"type":15,"tag":107,"props":5779,"children":5780},{"class":109,"line":2707},[5781,5785,5789],{"type":15,"tag":107,"props":5782,"children":5783},{"style":114},[5784],{"type":21,"value":2713},{"type":15,"tag":107,"props":5786,"children":5787},{"style":120},[5788],{"type":21,"value":1321},{"type":15,"tag":107,"props":5790,"children":5791},{"style":114},[5792],{"type":21,"value":127},{"type":15,"tag":107,"props":5794,"children":5795},{"class":109,"line":2724},[5796,5800,5804],{"type":15,"tag":107,"props":5797,"children":5798},{"style":114},[5799],{"type":21,"value":1514},{"type":15,"tag":107,"props":5801,"children":5802},{"style":120},[5803],{"type":21,"value":4339},{"type":15,"tag":107,"props":5805,"children":5806},{"style":114},[5807],{"type":21,"value":127},{"type":15,"tag":107,"props":5809,"children":5810},{"class":109,"line":2752},[5811],{"type":15,"tag":107,"props":5812,"children":5813},{"style":114},[5814],{"type":21,"value":1254},{"type":15,"tag":107,"props":5816,"children":5817},{"class":109,"line":2788},[5818],{"type":15,"tag":107,"props":5819,"children":5820},{"style":114},[5821],{"type":21,"value":1027},{"type":15,"tag":81,"props":5823,"children":5825},{"id":5824},"group-alignment",[5826],{"type":21,"value":5827},"Group Alignment",{"type":15,"tag":32,"props":5829,"children":5830},{},[5831,5833,5839,5841,5847],{"type":21,"value":5832},"Radio components can be aligned inside RadioGroup in a ",{"type":15,"tag":36,"props":5834,"children":5836},{"className":5835},[],[5837],{"type":21,"value":5838},"column",{"type":21,"value":5840}," or in a ",{"type":15,"tag":36,"props":5842,"children":5844},{"className":5843},[],[5845],{"type":21,"value":5846},"row",{"type":21,"value":72},{"type":15,"tag":88,"props":5849,"children":5851},{"showcase-name":5850},"RadioGroup\u002FRadioGroupAlignment",[5852,6989],{"type":15,"tag":93,"props":5853,"children":5854},{},[5855],{"type":15,"tag":97,"props":5856,"children":5858},{"className":99,"code":5857,"language":101,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Cdiv class=\"flex gap-x-10\">\n    \u003Cfieldset role=\"radiogroup\">\n      \u003Cdiv class=\"flex flex-col\">\n        \u003Clabel\n          v-for=\"{ label, name, value } in radioOptions\"\n          :key=\"`${value}-${name}`\"\n          class=\"flex items-center mb-4 mr-6 rounded-sm cursor-pointer\"\n        >\n          \u003CSfRadio :value=\"value\" :name=\"name\" v-model=\"radioGroupModelValue\" \u002F>\n          \u003Cspan class=\"ml-2 text-base font-normal leading-6 font-body\">{{ label }}\u003C\u002Fspan>\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n    \u003C\u002Ffieldset>\n\n    \u003Cfieldset role=\"radiogroup\">\n      \u003Cdiv class=\"flex flex-row\">\n        \u003Clabel\n          v-for=\"{ label, name, value } in radioOptionsTwo\"\n          :key=\"`${value}-${name}`\"\n          class=\"flex items-center mr-4 rounded-sm cursor-pointer\"\n        >\n          \u003CSfRadio :value=\"value\" :name=\"name\" v-model=\"radioGroupTwoModelValue\" \u002F>\n          \u003Cspan class=\"ml-2 text-base font-normal leading-6 font-body\">{{ label }}\u003C\u002Fspan>\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n    \u003C\u002Ffieldset>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfRadio } from '@storefront-ui\u002Fvue';\n\nconst radioGroupModelValue = ref('');\nconst radioGroupTwoModelValue = ref('');\nconst radioOptions = [\n  {\n    label: 'Label',\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-1',\n  },\n];\nconst radioOptionsTwo = [\n  {\n    label: 'Label',\n    value: 'value-1',\n    name: 'radio-2',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-2',\n  },\n];\n\u003C\u002Fscript>\n\n",[5859],{"type":15,"tag":36,"props":5860,"children":5861},{"__ignoreMap":9},[5862,5877,5905,5932,5959,5970,5986,6002,6018,6026,6077,6112,6128,6143,6158,6165,6192,6220,6231,6247,6262,6278,6285,6337,6372,6387,6402,6417,6432,6447,6454,6485,6516,6547,6554,6585,6617,6636,6643,6662,6681,6700,6708,6716,6736,6756,6776,6784,6792,6813,6821,6841,6861,6881,6889,6897,6917,6937,6957,6965,6973],{"type":15,"tag":107,"props":5863,"children":5864},{"class":109,"line":110},[5865,5869,5873],{"type":15,"tag":107,"props":5866,"children":5867},{"style":114},[5868],{"type":21,"value":117},{"type":15,"tag":107,"props":5870,"children":5871},{"style":120},[5872],{"type":21,"value":28},{"type":15,"tag":107,"props":5874,"children":5875},{"style":114},[5876],{"type":21,"value":127},{"type":15,"tag":107,"props":5878,"children":5879},{"class":109,"line":130},[5880,5884,5888,5892,5896,5901],{"type":15,"tag":107,"props":5881,"children":5882},{"style":114},[5883],{"type":21,"value":136},{"type":15,"tag":107,"props":5885,"children":5886},{"style":120},[5887],{"type":21,"value":1321},{"type":15,"tag":107,"props":5889,"children":5890},{"style":148},[5891],{"type":21,"value":1326},{"type":15,"tag":107,"props":5893,"children":5894},{"style":114},[5895],{"type":21,"value":156},{"type":15,"tag":107,"props":5897,"children":5898},{"style":159},[5899],{"type":21,"value":5900},"\"flex gap-x-10\"",{"type":15,"tag":107,"props":5902,"children":5903},{"style":114},[5904],{"type":21,"value":127},{"type":15,"tag":107,"props":5906,"children":5907},{"class":109,"line":144},[5908,5912,5916,5920,5924,5928],{"type":15,"tag":107,"props":5909,"children":5910},{"style":114},[5911],{"type":21,"value":1347},{"type":15,"tag":107,"props":5913,"children":5914},{"style":120},[5915],{"type":21,"value":4339},{"type":15,"tag":107,"props":5917,"children":5918},{"style":148},[5919],{"type":21,"value":4386},{"type":15,"tag":107,"props":5921,"children":5922},{"style":114},[5923],{"type":21,"value":156},{"type":15,"tag":107,"props":5925,"children":5926},{"style":159},[5927],{"type":21,"value":4395},{"type":15,"tag":107,"props":5929,"children":5930},{"style":114},[5931],{"type":21,"value":127},{"type":15,"tag":107,"props":5933,"children":5934},{"class":109,"line":165},[5935,5939,5943,5947,5951,5955],{"type":15,"tag":107,"props":5936,"children":5937},{"style":114},[5938],{"type":21,"value":1418},{"type":15,"tag":107,"props":5940,"children":5941},{"style":120},[5942],{"type":21,"value":1321},{"type":15,"tag":107,"props":5944,"children":5945},{"style":148},[5946],{"type":21,"value":1326},{"type":15,"tag":107,"props":5948,"children":5949},{"style":114},[5950],{"type":21,"value":156},{"type":15,"tag":107,"props":5952,"children":5953},{"style":159},[5954],{"type":21,"value":4460},{"type":15,"tag":107,"props":5956,"children":5957},{"style":114},[5958],{"type":21,"value":127},{"type":15,"tag":107,"props":5960,"children":5961},{"class":109,"line":183},[5962,5966],{"type":15,"tag":107,"props":5963,"children":5964},{"style":114},[5965],{"type":21,"value":996},{"type":15,"tag":107,"props":5967,"children":5968},{"style":120},[5969],{"type":21,"value":1352},{"type":15,"tag":107,"props":5971,"children":5972},{"class":109,"line":201},[5973,5978,5982],{"type":15,"tag":107,"props":5974,"children":5975},{"style":148},[5976],{"type":21,"value":5977},"          v-for",{"type":15,"tag":107,"props":5979,"children":5980},{"style":114},[5981],{"type":21,"value":156},{"type":15,"tag":107,"props":5983,"children":5984},{"style":159},[5985],{"type":21,"value":4492},{"type":15,"tag":107,"props":5987,"children":5988},{"class":109,"line":218},[5989,5994,5998],{"type":15,"tag":107,"props":5990,"children":5991},{"style":148},[5992],{"type":21,"value":5993},"          :key",{"type":15,"tag":107,"props":5995,"children":5996},{"style":114},[5997],{"type":21,"value":156},{"type":15,"tag":107,"props":5999,"children":6000},{"style":159},[6001],{"type":21,"value":4509},{"type":15,"tag":107,"props":6003,"children":6004},{"class":109,"line":236},[6005,6010,6014],{"type":15,"tag":107,"props":6006,"children":6007},{"style":148},[6008],{"type":21,"value":6009},"          class",{"type":15,"tag":107,"props":6011,"children":6012},{"style":114},[6013],{"type":21,"value":156},{"type":15,"tag":107,"props":6015,"children":6016},{"style":159},[6017],{"type":21,"value":4526},{"type":15,"tag":107,"props":6019,"children":6020},{"class":109,"line":254},[6021],{"type":15,"tag":107,"props":6022,"children":6023},{"style":114},[6024],{"type":21,"value":6025},"        >\n",{"type":15,"tag":107,"props":6027,"children":6028},{"class":109,"line":263},[6029,6033,6037,6041,6045,6049,6053,6057,6061,6065,6069,6073],{"type":15,"tag":107,"props":6030,"children":6031},{"style":114},[6032],{"type":21,"value":2396},{"type":15,"tag":107,"props":6034,"children":6035},{"style":120},[6036],{"type":21,"value":41},{"type":15,"tag":107,"props":6038,"children":6039},{"style":148},[6040],{"type":21,"value":1464},{"type":15,"tag":107,"props":6042,"children":6043},{"style":114},[6044],{"type":21,"value":156},{"type":15,"tag":107,"props":6046,"children":6047},{"style":159},[6048],{"type":21,"value":1473},{"type":15,"tag":107,"props":6050,"children":6051},{"style":148},[6052],{"type":21,"value":1478},{"type":15,"tag":107,"props":6054,"children":6055},{"style":114},[6056],{"type":21,"value":156},{"type":15,"tag":107,"props":6058,"children":6059},{"style":159},[6060],{"type":21,"value":1487},{"type":15,"tag":107,"props":6062,"children":6063},{"style":148},[6064],{"type":21,"value":1492},{"type":15,"tag":107,"props":6066,"children":6067},{"style":114},[6068],{"type":21,"value":156},{"type":15,"tag":107,"props":6070,"children":6071},{"style":159},[6072],{"type":21,"value":4582},{"type":15,"tag":107,"props":6074,"children":6075},{"style":114},[6076],{"type":21,"value":1506},{"type":15,"tag":107,"props":6078,"children":6079},{"class":109,"line":280},[6080,6084,6088,6092,6096,6100,6104,6108],{"type":15,"tag":107,"props":6081,"children":6082},{"style":114},[6083],{"type":21,"value":2396},{"type":15,"tag":107,"props":6085,"children":6086},{"style":120},[6087],{"type":21,"value":107},{"type":15,"tag":107,"props":6089,"children":6090},{"style":148},[6091],{"type":21,"value":1326},{"type":15,"tag":107,"props":6093,"children":6094},{"style":114},[6095],{"type":21,"value":156},{"type":15,"tag":107,"props":6097,"children":6098},{"style":159},[6099],{"type":21,"value":2647},{"type":15,"tag":107,"props":6101,"children":6102},{"style":114},[6103],{"type":21,"value":1440},{"type":15,"tag":107,"props":6105,"children":6106},{"style":120},[6107],{"type":21,"value":107},{"type":15,"tag":107,"props":6109,"children":6110},{"style":114},[6111],{"type":21,"value":127},{"type":15,"tag":107,"props":6113,"children":6114},{"class":109,"line":289},[6115,6120,6124],{"type":15,"tag":107,"props":6116,"children":6117},{"style":114},[6118],{"type":21,"value":6119},"        \u003C\u002F",{"type":15,"tag":107,"props":6121,"children":6122},{"style":120},[6123],{"type":21,"value":1519},{"type":15,"tag":107,"props":6125,"children":6126},{"style":114},[6127],{"type":21,"value":127},{"type":15,"tag":107,"props":6129,"children":6130},{"class":109,"line":325},[6131,6135,6139],{"type":15,"tag":107,"props":6132,"children":6133},{"style":114},[6134],{"type":21,"value":2713},{"type":15,"tag":107,"props":6136,"children":6137},{"style":120},[6138],{"type":21,"value":1321},{"type":15,"tag":107,"props":6140,"children":6141},{"style":114},[6142],{"type":21,"value":127},{"type":15,"tag":107,"props":6144,"children":6145},{"class":109,"line":365},[6146,6150,6154],{"type":15,"tag":107,"props":6147,"children":6148},{"style":114},[6149],{"type":21,"value":1514},{"type":15,"tag":107,"props":6151,"children":6152},{"style":120},[6153],{"type":21,"value":4339},{"type":15,"tag":107,"props":6155,"children":6156},{"style":114},[6157],{"type":21,"value":127},{"type":15,"tag":107,"props":6159,"children":6160},{"class":109,"line":398},[6161],{"type":15,"tag":107,"props":6162,"children":6163},{"emptyLinePlaceholder":8},[6164],{"type":21,"value":286},{"type":15,"tag":107,"props":6166,"children":6167},{"class":109,"line":406},[6168,6172,6176,6180,6184,6188],{"type":15,"tag":107,"props":6169,"children":6170},{"style":114},[6171],{"type":21,"value":1347},{"type":15,"tag":107,"props":6173,"children":6174},{"style":120},[6175],{"type":21,"value":4339},{"type":15,"tag":107,"props":6177,"children":6178},{"style":148},[6179],{"type":21,"value":4386},{"type":15,"tag":107,"props":6181,"children":6182},{"style":114},[6183],{"type":21,"value":156},{"type":15,"tag":107,"props":6185,"children":6186},{"style":159},[6187],{"type":21,"value":4395},{"type":15,"tag":107,"props":6189,"children":6190},{"style":114},[6191],{"type":21,"value":127},{"type":15,"tag":107,"props":6193,"children":6194},{"class":109,"line":448},[6195,6199,6203,6207,6211,6216],{"type":15,"tag":107,"props":6196,"children":6197},{"style":114},[6198],{"type":21,"value":1418},{"type":15,"tag":107,"props":6200,"children":6201},{"style":120},[6202],{"type":21,"value":1321},{"type":15,"tag":107,"props":6204,"children":6205},{"style":148},[6206],{"type":21,"value":1326},{"type":15,"tag":107,"props":6208,"children":6209},{"style":114},[6210],{"type":21,"value":156},{"type":15,"tag":107,"props":6212,"children":6213},{"style":159},[6214],{"type":21,"value":6215},"\"flex flex-row\"",{"type":15,"tag":107,"props":6217,"children":6218},{"style":114},[6219],{"type":21,"value":127},{"type":15,"tag":107,"props":6221,"children":6222},{"class":109,"line":470},[6223,6227],{"type":15,"tag":107,"props":6224,"children":6225},{"style":114},[6226],{"type":21,"value":996},{"type":15,"tag":107,"props":6228,"children":6229},{"style":120},[6230],{"type":21,"value":1352},{"type":15,"tag":107,"props":6232,"children":6233},{"class":109,"line":479},[6234,6238,6242],{"type":15,"tag":107,"props":6235,"children":6236},{"style":148},[6237],{"type":21,"value":5977},{"type":15,"tag":107,"props":6239,"children":6240},{"style":114},[6241],{"type":21,"value":156},{"type":15,"tag":107,"props":6243,"children":6244},{"style":159},[6245],{"type":21,"value":6246},"\"{ label, name, value } in radioOptionsTwo\"\n",{"type":15,"tag":107,"props":6248,"children":6249},{"class":109,"line":503},[6250,6254,6258],{"type":15,"tag":107,"props":6251,"children":6252},{"style":148},[6253],{"type":21,"value":5993},{"type":15,"tag":107,"props":6255,"children":6256},{"style":114},[6257],{"type":21,"value":156},{"type":15,"tag":107,"props":6259,"children":6260},{"style":159},[6261],{"type":21,"value":4509},{"type":15,"tag":107,"props":6263,"children":6264},{"class":109,"line":525},[6265,6269,6273],{"type":15,"tag":107,"props":6266,"children":6267},{"style":148},[6268],{"type":21,"value":6009},{"type":15,"tag":107,"props":6270,"children":6271},{"style":114},[6272],{"type":21,"value":156},{"type":15,"tag":107,"props":6274,"children":6275},{"style":159},[6276],{"type":21,"value":6277},"\"flex items-center mr-4 rounded-sm cursor-pointer\"\n",{"type":15,"tag":107,"props":6279,"children":6280},{"class":109,"line":534},[6281],{"type":15,"tag":107,"props":6282,"children":6283},{"style":114},[6284],{"type":21,"value":6025},{"type":15,"tag":107,"props":6286,"children":6287},{"class":109,"line":542},[6288,6292,6296,6300,6304,6308,6312,6316,6320,6324,6328,6333],{"type":15,"tag":107,"props":6289,"children":6290},{"style":114},[6291],{"type":21,"value":2396},{"type":15,"tag":107,"props":6293,"children":6294},{"style":120},[6295],{"type":21,"value":41},{"type":15,"tag":107,"props":6297,"children":6298},{"style":148},[6299],{"type":21,"value":1464},{"type":15,"tag":107,"props":6301,"children":6302},{"style":114},[6303],{"type":21,"value":156},{"type":15,"tag":107,"props":6305,"children":6306},{"style":159},[6307],{"type":21,"value":1473},{"type":15,"tag":107,"props":6309,"children":6310},{"style":148},[6311],{"type":21,"value":1478},{"type":15,"tag":107,"props":6313,"children":6314},{"style":114},[6315],{"type":21,"value":156},{"type":15,"tag":107,"props":6317,"children":6318},{"style":159},[6319],{"type":21,"value":1487},{"type":15,"tag":107,"props":6321,"children":6322},{"style":148},[6323],{"type":21,"value":1492},{"type":15,"tag":107,"props":6325,"children":6326},{"style":114},[6327],{"type":21,"value":156},{"type":15,"tag":107,"props":6329,"children":6330},{"style":159},[6331],{"type":21,"value":6332},"\"radioGroupTwoModelValue\"",{"type":15,"tag":107,"props":6334,"children":6335},{"style":114},[6336],{"type":21,"value":1506},{"type":15,"tag":107,"props":6338,"children":6339},{"class":109,"line":563},[6340,6344,6348,6352,6356,6360,6364,6368],{"type":15,"tag":107,"props":6341,"children":6342},{"style":114},[6343],{"type":21,"value":2396},{"type":15,"tag":107,"props":6345,"children":6346},{"style":120},[6347],{"type":21,"value":107},{"type":15,"tag":107,"props":6349,"children":6350},{"style":148},[6351],{"type":21,"value":1326},{"type":15,"tag":107,"props":6353,"children":6354},{"style":114},[6355],{"type":21,"value":156},{"type":15,"tag":107,"props":6357,"children":6358},{"style":159},[6359],{"type":21,"value":2647},{"type":15,"tag":107,"props":6361,"children":6362},{"style":114},[6363],{"type":21,"value":1440},{"type":15,"tag":107,"props":6365,"children":6366},{"style":120},[6367],{"type":21,"value":107},{"type":15,"tag":107,"props":6369,"children":6370},{"style":114},[6371],{"type":21,"value":127},{"type":15,"tag":107,"props":6373,"children":6374},{"class":109,"line":584},[6375,6379,6383],{"type":15,"tag":107,"props":6376,"children":6377},{"style":114},[6378],{"type":21,"value":6119},{"type":15,"tag":107,"props":6380,"children":6381},{"style":120},[6382],{"type":21,"value":1519},{"type":15,"tag":107,"props":6384,"children":6385},{"style":114},[6386],{"type":21,"value":127},{"type":15,"tag":107,"props":6388,"children":6389},{"class":109,"line":592},[6390,6394,6398],{"type":15,"tag":107,"props":6391,"children":6392},{"style":114},[6393],{"type":21,"value":2713},{"type":15,"tag":107,"props":6395,"children":6396},{"style":120},[6397],{"type":21,"value":1321},{"type":15,"tag":107,"props":6399,"children":6400},{"style":114},[6401],{"type":21,"value":127},{"type":15,"tag":107,"props":6403,"children":6404},{"class":109,"line":601},[6405,6409,6413],{"type":15,"tag":107,"props":6406,"children":6407},{"style":114},[6408],{"type":21,"value":1514},{"type":15,"tag":107,"props":6410,"children":6411},{"style":120},[6412],{"type":21,"value":4339},{"type":15,"tag":107,"props":6414,"children":6415},{"style":114},[6416],{"type":21,"value":127},{"type":15,"tag":107,"props":6418,"children":6419},{"class":109,"line":1217},[6420,6424,6428],{"type":15,"tag":107,"props":6421,"children":6422},{"style":114},[6423],{"type":21,"value":1531},{"type":15,"tag":107,"props":6425,"children":6426},{"style":120},[6427],{"type":21,"value":1321},{"type":15,"tag":107,"props":6429,"children":6430},{"style":114},[6431],{"type":21,"value":127},{"type":15,"tag":107,"props":6433,"children":6434},{"class":109,"line":1226},[6435,6439,6443],{"type":15,"tag":107,"props":6436,"children":6437},{"style":114},[6438],{"type":21,"value":269},{"type":15,"tag":107,"props":6440,"children":6441},{"style":120},[6442],{"type":21,"value":28},{"type":15,"tag":107,"props":6444,"children":6445},{"style":114},[6446],{"type":21,"value":127},{"type":15,"tag":107,"props":6448,"children":6449},{"class":109,"line":1239},[6450],{"type":15,"tag":107,"props":6451,"children":6452},{"emptyLinePlaceholder":8},[6453],{"type":21,"value":286},{"type":15,"tag":107,"props":6455,"children":6456},{"class":109,"line":1248},[6457,6461,6465,6469,6473,6477,6481],{"type":15,"tag":107,"props":6458,"children":6459},{"style":114},[6460],{"type":21,"value":117},{"type":15,"tag":107,"props":6462,"children":6463},{"style":120},[6464],{"type":21,"value":299},{"type":15,"tag":107,"props":6466,"children":6467},{"style":148},[6468],{"type":21,"value":304},{"type":15,"tag":107,"props":6470,"children":6471},{"style":114},[6472],{"type":21,"value":156},{"type":15,"tag":107,"props":6474,"children":6475},{"style":159},[6476],{"type":21,"value":313},{"type":15,"tag":107,"props":6478,"children":6479},{"style":148},[6480],{"type":21,"value":318},{"type":15,"tag":107,"props":6482,"children":6483},{"style":114},[6484],{"type":21,"value":127},{"type":15,"tag":107,"props":6486,"children":6487},{"class":109,"line":1257},[6488,6492,6496,6500,6504,6508,6512],{"type":15,"tag":107,"props":6489,"children":6490},{"style":329},[6491],{"type":21,"value":332},{"type":15,"tag":107,"props":6493,"children":6494},{"style":114},[6495],{"type":21,"value":337},{"type":15,"tag":107,"props":6497,"children":6498},{"style":120},[6499],{"type":21,"value":342},{"type":15,"tag":107,"props":6501,"children":6502},{"style":114},[6503],{"type":21,"value":347},{"type":15,"tag":107,"props":6505,"children":6506},{"style":329},[6507],{"type":21,"value":352},{"type":15,"tag":107,"props":6509,"children":6510},{"style":159},[6511],{"type":21,"value":357},{"type":15,"tag":107,"props":6513,"children":6514},{"style":114},[6515],{"type":21,"value":362},{"type":15,"tag":107,"props":6517,"children":6518},{"class":109,"line":1939},[6519,6523,6527,6531,6535,6539,6543],{"type":15,"tag":107,"props":6520,"children":6521},{"style":329},[6522],{"type":21,"value":332},{"type":15,"tag":107,"props":6524,"children":6525},{"style":114},[6526],{"type":21,"value":337},{"type":15,"tag":107,"props":6528,"children":6529},{"style":120},[6530],{"type":21,"value":41},{"type":15,"tag":107,"props":6532,"children":6533},{"style":114},[6534],{"type":21,"value":347},{"type":15,"tag":107,"props":6536,"children":6537},{"style":329},[6538],{"type":21,"value":352},{"type":15,"tag":107,"props":6540,"children":6541},{"style":159},[6542],{"type":21,"value":391},{"type":15,"tag":107,"props":6544,"children":6545},{"style":114},[6546],{"type":21,"value":362},{"type":15,"tag":107,"props":6548,"children":6549},{"class":109,"line":1947},[6550],{"type":15,"tag":107,"props":6551,"children":6552},{"emptyLinePlaceholder":8},[6553],{"type":21,"value":286},{"type":15,"tag":107,"props":6555,"children":6556},{"class":109,"line":2707},[6557,6561,6565,6569,6573,6577,6581],{"type":15,"tag":107,"props":6558,"children":6559},{"style":329},[6560],{"type":21,"value":412},{"type":15,"tag":107,"props":6562,"children":6563},{"style":415},[6564],{"type":21,"value":4800},{"type":15,"tag":107,"props":6566,"children":6567},{"style":421},[6568],{"type":21,"value":424},{"type":15,"tag":107,"props":6570,"children":6571},{"style":427},[6572],{"type":21,"value":430},{"type":15,"tag":107,"props":6574,"children":6575},{"style":114},[6576],{"type":21,"value":435},{"type":15,"tag":107,"props":6578,"children":6579},{"style":159},[6580],{"type":21,"value":440},{"type":15,"tag":107,"props":6582,"children":6583},{"style":114},[6584],{"type":21,"value":445},{"type":15,"tag":107,"props":6586,"children":6587},{"class":109,"line":2724},[6588,6592,6597,6601,6605,6609,6613],{"type":15,"tag":107,"props":6589,"children":6590},{"style":329},[6591],{"type":21,"value":412},{"type":15,"tag":107,"props":6593,"children":6594},{"style":415},[6595],{"type":21,"value":6596}," radioGroupTwoModelValue",{"type":15,"tag":107,"props":6598,"children":6599},{"style":421},[6600],{"type":21,"value":424},{"type":15,"tag":107,"props":6602,"children":6603},{"style":427},[6604],{"type":21,"value":430},{"type":15,"tag":107,"props":6606,"children":6607},{"style":114},[6608],{"type":21,"value":435},{"type":15,"tag":107,"props":6610,"children":6611},{"style":159},[6612],{"type":21,"value":440},{"type":15,"tag":107,"props":6614,"children":6615},{"style":114},[6616],{"type":21,"value":445},{"type":15,"tag":107,"props":6618,"children":6619},{"class":109,"line":2752},[6620,6624,6628,6632],{"type":15,"tag":107,"props":6621,"children":6622},{"style":329},[6623],{"type":21,"value":412},{"type":15,"tag":107,"props":6625,"children":6626},{"style":415},[6627],{"type":21,"value":458},{"type":15,"tag":107,"props":6629,"children":6630},{"style":421},[6631],{"type":21,"value":424},{"type":15,"tag":107,"props":6633,"children":6634},{"style":114},[6635],{"type":21,"value":467},{"type":15,"tag":107,"props":6637,"children":6638},{"class":109,"line":2788},[6639],{"type":15,"tag":107,"props":6640,"children":6641},{"style":114},[6642],{"type":21,"value":476},{"type":15,"tag":107,"props":6644,"children":6645},{"class":109,"line":2804},[6646,6650,6654,6658],{"type":15,"tag":107,"props":6647,"children":6648},{"style":120},[6649],{"type":21,"value":1806},{"type":15,"tag":107,"props":6651,"children":6652},{"style":114},[6653],{"type":21,"value":490},{"type":15,"tag":107,"props":6655,"children":6656},{"style":159},[6657],{"type":21,"value":2081},{"type":15,"tag":107,"props":6659,"children":6660},{"style":114},[6661],{"type":21,"value":500},{"type":15,"tag":107,"props":6663,"children":6664},{"class":109,"line":2812},[6665,6669,6673,6677],{"type":15,"tag":107,"props":6666,"children":6667},{"style":120},[6668],{"type":21,"value":485},{"type":15,"tag":107,"props":6670,"children":6671},{"style":114},[6672],{"type":21,"value":490},{"type":15,"tag":107,"props":6674,"children":6675},{"style":159},[6676],{"type":21,"value":495},{"type":15,"tag":107,"props":6678,"children":6679},{"style":114},[6680],{"type":21,"value":500},{"type":15,"tag":107,"props":6682,"children":6683},{"class":109,"line":2820},[6684,6688,6692,6696],{"type":15,"tag":107,"props":6685,"children":6686},{"style":120},[6687],{"type":21,"value":509},{"type":15,"tag":107,"props":6689,"children":6690},{"style":114},[6691],{"type":21,"value":490},{"type":15,"tag":107,"props":6693,"children":6694},{"style":159},[6695],{"type":21,"value":518},{"type":15,"tag":107,"props":6697,"children":6698},{"style":114},[6699],{"type":21,"value":500},{"type":15,"tag":107,"props":6701,"children":6703},{"class":109,"line":6702},42,[6704],{"type":15,"tag":107,"props":6705,"children":6706},{"style":114},[6707],{"type":21,"value":531},{"type":15,"tag":107,"props":6709,"children":6711},{"class":109,"line":6710},43,[6712],{"type":15,"tag":107,"props":6713,"children":6714},{"style":114},[6715],{"type":21,"value":476},{"type":15,"tag":107,"props":6717,"children":6719},{"class":109,"line":6718},44,[6720,6724,6728,6732],{"type":15,"tag":107,"props":6721,"children":6722},{"style":120},[6723],{"type":21,"value":1806},{"type":15,"tag":107,"props":6725,"children":6726},{"style":114},[6727],{"type":21,"value":490},{"type":15,"tag":107,"props":6729,"children":6730},{"style":159},[6731],{"type":21,"value":1887},{"type":15,"tag":107,"props":6733,"children":6734},{"style":114},[6735],{"type":21,"value":500},{"type":15,"tag":107,"props":6737,"children":6739},{"class":109,"line":6738},45,[6740,6744,6748,6752],{"type":15,"tag":107,"props":6741,"children":6742},{"style":120},[6743],{"type":21,"value":485},{"type":15,"tag":107,"props":6745,"children":6746},{"style":114},[6747],{"type":21,"value":490},{"type":15,"tag":107,"props":6749,"children":6750},{"style":159},[6751],{"type":21,"value":556},{"type":15,"tag":107,"props":6753,"children":6754},{"style":114},[6755],{"type":21,"value":500},{"type":15,"tag":107,"props":6757,"children":6759},{"class":109,"line":6758},46,[6760,6764,6768,6772],{"type":15,"tag":107,"props":6761,"children":6762},{"style":120},[6763],{"type":21,"value":509},{"type":15,"tag":107,"props":6765,"children":6766},{"style":114},[6767],{"type":21,"value":490},{"type":15,"tag":107,"props":6769,"children":6770},{"style":159},[6771],{"type":21,"value":518},{"type":15,"tag":107,"props":6773,"children":6774},{"style":114},[6775],{"type":21,"value":500},{"type":15,"tag":107,"props":6777,"children":6779},{"class":109,"line":6778},47,[6780],{"type":15,"tag":107,"props":6781,"children":6782},{"style":114},[6783],{"type":21,"value":531},{"type":15,"tag":107,"props":6785,"children":6787},{"class":109,"line":6786},48,[6788],{"type":15,"tag":107,"props":6789,"children":6790},{"style":114},[6791],{"type":21,"value":598},{"type":15,"tag":107,"props":6793,"children":6795},{"class":109,"line":6794},49,[6796,6800,6805,6809],{"type":15,"tag":107,"props":6797,"children":6798},{"style":329},[6799],{"type":21,"value":412},{"type":15,"tag":107,"props":6801,"children":6802},{"style":415},[6803],{"type":21,"value":6804}," radioOptionsTwo",{"type":15,"tag":107,"props":6806,"children":6807},{"style":421},[6808],{"type":21,"value":424},{"type":15,"tag":107,"props":6810,"children":6811},{"style":114},[6812],{"type":21,"value":467},{"type":15,"tag":107,"props":6814,"children":6816},{"class":109,"line":6815},50,[6817],{"type":15,"tag":107,"props":6818,"children":6819},{"style":114},[6820],{"type":21,"value":476},{"type":15,"tag":107,"props":6822,"children":6824},{"class":109,"line":6823},51,[6825,6829,6833,6837],{"type":15,"tag":107,"props":6826,"children":6827},{"style":120},[6828],{"type":21,"value":1806},{"type":15,"tag":107,"props":6830,"children":6831},{"style":114},[6832],{"type":21,"value":490},{"type":15,"tag":107,"props":6834,"children":6835},{"style":159},[6836],{"type":21,"value":2081},{"type":15,"tag":107,"props":6838,"children":6839},{"style":114},[6840],{"type":21,"value":500},{"type":15,"tag":107,"props":6842,"children":6844},{"class":109,"line":6843},52,[6845,6849,6853,6857],{"type":15,"tag":107,"props":6846,"children":6847},{"style":120},[6848],{"type":21,"value":485},{"type":15,"tag":107,"props":6850,"children":6851},{"style":114},[6852],{"type":21,"value":490},{"type":15,"tag":107,"props":6854,"children":6855},{"style":159},[6856],{"type":21,"value":495},{"type":15,"tag":107,"props":6858,"children":6859},{"style":114},[6860],{"type":21,"value":500},{"type":15,"tag":107,"props":6862,"children":6864},{"class":109,"line":6863},53,[6865,6869,6873,6877],{"type":15,"tag":107,"props":6866,"children":6867},{"style":120},[6868],{"type":21,"value":509},{"type":15,"tag":107,"props":6870,"children":6871},{"style":114},[6872],{"type":21,"value":490},{"type":15,"tag":107,"props":6874,"children":6875},{"style":159},[6876],{"type":21,"value":577},{"type":15,"tag":107,"props":6878,"children":6879},{"style":114},[6880],{"type":21,"value":500},{"type":15,"tag":107,"props":6882,"children":6884},{"class":109,"line":6883},54,[6885],{"type":15,"tag":107,"props":6886,"children":6887},{"style":114},[6888],{"type":21,"value":531},{"type":15,"tag":107,"props":6890,"children":6892},{"class":109,"line":6891},55,[6893],{"type":15,"tag":107,"props":6894,"children":6895},{"style":114},[6896],{"type":21,"value":476},{"type":15,"tag":107,"props":6898,"children":6900},{"class":109,"line":6899},56,[6901,6905,6909,6913],{"type":15,"tag":107,"props":6902,"children":6903},{"style":120},[6904],{"type":21,"value":1806},{"type":15,"tag":107,"props":6906,"children":6907},{"style":114},[6908],{"type":21,"value":490},{"type":15,"tag":107,"props":6910,"children":6911},{"style":159},[6912],{"type":21,"value":1887},{"type":15,"tag":107,"props":6914,"children":6915},{"style":114},[6916],{"type":21,"value":500},{"type":15,"tag":107,"props":6918,"children":6920},{"class":109,"line":6919},57,[6921,6925,6929,6933],{"type":15,"tag":107,"props":6922,"children":6923},{"style":120},[6924],{"type":21,"value":485},{"type":15,"tag":107,"props":6926,"children":6927},{"style":114},[6928],{"type":21,"value":490},{"type":15,"tag":107,"props":6930,"children":6931},{"style":159},[6932],{"type":21,"value":556},{"type":15,"tag":107,"props":6934,"children":6935},{"style":114},[6936],{"type":21,"value":500},{"type":15,"tag":107,"props":6938,"children":6940},{"class":109,"line":6939},58,[6941,6945,6949,6953],{"type":15,"tag":107,"props":6942,"children":6943},{"style":120},[6944],{"type":21,"value":509},{"type":15,"tag":107,"props":6946,"children":6947},{"style":114},[6948],{"type":21,"value":490},{"type":15,"tag":107,"props":6950,"children":6951},{"style":159},[6952],{"type":21,"value":577},{"type":15,"tag":107,"props":6954,"children":6955},{"style":114},[6956],{"type":21,"value":500},{"type":15,"tag":107,"props":6958,"children":6960},{"class":109,"line":6959},59,[6961],{"type":15,"tag":107,"props":6962,"children":6963},{"style":114},[6964],{"type":21,"value":531},{"type":15,"tag":107,"props":6966,"children":6968},{"class":109,"line":6967},60,[6969],{"type":15,"tag":107,"props":6970,"children":6971},{"style":114},[6972],{"type":21,"value":598},{"type":15,"tag":107,"props":6974,"children":6976},{"class":109,"line":6975},61,[6977,6981,6985],{"type":15,"tag":107,"props":6978,"children":6979},{"style":114},[6980],{"type":21,"value":269},{"type":15,"tag":107,"props":6982,"children":6983},{"style":120},[6984],{"type":21,"value":299},{"type":15,"tag":107,"props":6986,"children":6987},{"style":114},[6988],{"type":21,"value":127},{"type":15,"tag":616,"props":6990,"children":6991},{},[6992],{"type":15,"tag":97,"props":6993,"children":6995},{"className":621,"code":6994,"language":623,"meta":9,"style":9},"import { SfRadio } from '@storefront-ui\u002Freact';\nimport { useState } from 'react';\n\nconst radioOptions = [\n  {\n    label: 'Label',\n    value: 'value-1',\n    name: 'radio-1',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-1',\n  },\n];\n\nconst radioOptionsTwo = [\n  {\n    label: 'Label',\n    value: 'value-1',\n    name: 'radio-2',\n  },\n  {\n    label: 'Label 2',\n    value: 'value-2',\n    name: 'radio-2',\n  },\n];\n\nexport default function RadioGroupAlignment() {\n  const [checkedStateRadioOne, setCheckedStateRadioOne] = useState('');\n  const [checkedStateRadioTwo, setCheckedStateRadioTwo] = useState('');\n\n  return (\n    \u003Cdiv className=\"flex gap-x-10\">\n      \u003Cfieldset role=\"radiogroup\">\n        \u003Cdiv className=\"flex flex-col\">\n          {radioOptions.map(({ label, value, name }) => (\n            \u003Clabel key={value} className=\"flex items-center mb-4 cursor-pointer\">\n              \u003CSfRadio\n                name={name}\n                value={value}\n                checked={checkedStateRadioOne === value}\n                onChange={(event) => {\n                  setCheckedStateRadioOne(event.target.value);\n                }}\n              \u002F>\n              \u003Cspan className=\"ml-2 text-base font-normal leading-6 font-body\">{label}\u003C\u002Fspan>\n            \u003C\u002Flabel>\n          ))}\n        \u003C\u002Fdiv>\n      \u003C\u002Ffieldset>\n      \u003Cfieldset role=\"radiogroup\">\n        \u003Cdiv className=\"flex flex-row\">\n          {radioOptionsTwo.map(({ label, value, name }) => (\n            \u003Clabel key={value} className=\"flex items-center mx-4 cursor-pointer\">\n              \u003CSfRadio\n                name={name}\n                value={value}\n                checked={checkedStateRadioTwo === value}\n                onChange={(event) => {\n                  setCheckedStateRadioTwo(event.target.value);\n                }}\n              \u002F>\n              \u003Cspan className=\"ml-2 text-base font-normal leading-6 font-body\">{label}\u003C\u002Fspan>\n            \u003C\u002Flabel>\n          ))}\n        \u003C\u002Fdiv>\n      \u003C\u002Ffieldset>\n    \u003C\u002Fdiv>\n  );\n}\n",[6996],{"type":15,"tag":36,"props":6997,"children":6998},{"__ignoreMap":9},[6999,7030,7061,7068,7087,7094,7113,7132,7151,7158,7165,7184,7203,7222,7229,7236,7243,7262,7269,7288,7307,7326,7333,7340,7359,7378,7397,7404,7411,7418,7442,7491,7540,7547,7558,7585,7612,7639,7695,7742,7754,7778,7802,7834,7870,7906,7918,7926,7977,7993,8005,8020,8035,8062,8089,8145,8193,8204,8227,8250,8281,8316,8353,8365,8373,8425,8441,8453,8469,8485,8501,8509],{"type":15,"tag":107,"props":7000,"children":7001},{"class":109,"line":110},[7002,7006,7010,7014,7018,7022,7026],{"type":15,"tag":107,"props":7003,"children":7004},{"style":329},[7005],{"type":21,"value":332},{"type":15,"tag":107,"props":7007,"children":7008},{"style":114},[7009],{"type":21,"value":337},{"type":15,"tag":107,"props":7011,"children":7012},{"style":120},[7013],{"type":21,"value":41},{"type":15,"tag":107,"props":7015,"children":7016},{"style":114},[7017],{"type":21,"value":347},{"type":15,"tag":107,"props":7019,"children":7020},{"style":329},[7021],{"type":21,"value":352},{"type":15,"tag":107,"props":7023,"children":7024},{"style":159},[7025],{"type":21,"value":655},{"type":15,"tag":107,"props":7027,"children":7028},{"style":114},[7029],{"type":21,"value":362},{"type":15,"tag":107,"props":7031,"children":7032},{"class":109,"line":130},[7033,7037,7041,7045,7049,7053,7057],{"type":15,"tag":107,"props":7034,"children":7035},{"style":329},[7036],{"type":21,"value":332},{"type":15,"tag":107,"props":7038,"children":7039},{"style":114},[7040],{"type":21,"value":337},{"type":15,"tag":107,"props":7042,"children":7043},{"style":120},[7044],{"type":21,"value":675},{"type":15,"tag":107,"props":7046,"children":7047},{"style":114},[7048],{"type":21,"value":347},{"type":15,"tag":107,"props":7050,"children":7051},{"style":329},[7052],{"type":21,"value":352},{"type":15,"tag":107,"props":7054,"children":7055},{"style":159},[7056],{"type":21,"value":688},{"type":15,"tag":107,"props":7058,"children":7059},{"style":114},[7060],{"type":21,"value":362},{"type":15,"tag":107,"props":7062,"children":7063},{"class":109,"line":144},[7064],{"type":15,"tag":107,"props":7065,"children":7066},{"emptyLinePlaceholder":8},[7067],{"type":21,"value":286},{"type":15,"tag":107,"props":7069,"children":7070},{"class":109,"line":165},[7071,7075,7079,7083],{"type":15,"tag":107,"props":7072,"children":7073},{"style":329},[7074],{"type":21,"value":412},{"type":15,"tag":107,"props":7076,"children":7077},{"style":415},[7078],{"type":21,"value":458},{"type":15,"tag":107,"props":7080,"children":7081},{"style":421},[7082],{"type":21,"value":424},{"type":15,"tag":107,"props":7084,"children":7085},{"style":114},[7086],{"type":21,"value":467},{"type":15,"tag":107,"props":7088,"children":7089},{"class":109,"line":183},[7090],{"type":15,"tag":107,"props":7091,"children":7092},{"style":114},[7093],{"type":21,"value":476},{"type":15,"tag":107,"props":7095,"children":7096},{"class":109,"line":201},[7097,7101,7105,7109],{"type":15,"tag":107,"props":7098,"children":7099},{"style":120},[7100],{"type":21,"value":1806},{"type":15,"tag":107,"props":7102,"children":7103},{"style":114},[7104],{"type":21,"value":490},{"type":15,"tag":107,"props":7106,"children":7107},{"style":159},[7108],{"type":21,"value":2081},{"type":15,"tag":107,"props":7110,"children":7111},{"style":114},[7112],{"type":21,"value":500},{"type":15,"tag":107,"props":7114,"children":7115},{"class":109,"line":218},[7116,7120,7124,7128],{"type":15,"tag":107,"props":7117,"children":7118},{"style":120},[7119],{"type":21,"value":485},{"type":15,"tag":107,"props":7121,"children":7122},{"style":114},[7123],{"type":21,"value":490},{"type":15,"tag":107,"props":7125,"children":7126},{"style":159},[7127],{"type":21,"value":495},{"type":15,"tag":107,"props":7129,"children":7130},{"style":114},[7131],{"type":21,"value":500},{"type":15,"tag":107,"props":7133,"children":7134},{"class":109,"line":236},[7135,7139,7143,7147],{"type":15,"tag":107,"props":7136,"children":7137},{"style":120},[7138],{"type":21,"value":509},{"type":15,"tag":107,"props":7140,"children":7141},{"style":114},[7142],{"type":21,"value":490},{"type":15,"tag":107,"props":7144,"children":7145},{"style":159},[7146],{"type":21,"value":518},{"type":15,"tag":107,"props":7148,"children":7149},{"style":114},[7150],{"type":21,"value":500},{"type":15,"tag":107,"props":7152,"children":7153},{"class":109,"line":254},[7154],{"type":15,"tag":107,"props":7155,"children":7156},{"style":114},[7157],{"type":21,"value":531},{"type":15,"tag":107,"props":7159,"children":7160},{"class":109,"line":263},[7161],{"type":15,"tag":107,"props":7162,"children":7163},{"style":114},[7164],{"type":21,"value":476},{"type":15,"tag":107,"props":7166,"children":7167},{"class":109,"line":280},[7168,7172,7176,7180],{"type":15,"tag":107,"props":7169,"children":7170},{"style":120},[7171],{"type":21,"value":1806},{"type":15,"tag":107,"props":7173,"children":7174},{"style":114},[7175],{"type":21,"value":490},{"type":15,"tag":107,"props":7177,"children":7178},{"style":159},[7179],{"type":21,"value":1887},{"type":15,"tag":107,"props":7181,"children":7182},{"style":114},[7183],{"type":21,"value":500},{"type":15,"tag":107,"props":7185,"children":7186},{"class":109,"line":289},[7187,7191,7195,7199],{"type":15,"tag":107,"props":7188,"children":7189},{"style":120},[7190],{"type":21,"value":485},{"type":15,"tag":107,"props":7192,"children":7193},{"style":114},[7194],{"type":21,"value":490},{"type":15,"tag":107,"props":7196,"children":7197},{"style":159},[7198],{"type":21,"value":556},{"type":15,"tag":107,"props":7200,"children":7201},{"style":114},[7202],{"type":21,"value":500},{"type":15,"tag":107,"props":7204,"children":7205},{"class":109,"line":325},[7206,7210,7214,7218],{"type":15,"tag":107,"props":7207,"children":7208},{"style":120},[7209],{"type":21,"value":509},{"type":15,"tag":107,"props":7211,"children":7212},{"style":114},[7213],{"type":21,"value":490},{"type":15,"tag":107,"props":7215,"children":7216},{"style":159},[7217],{"type":21,"value":518},{"type":15,"tag":107,"props":7219,"children":7220},{"style":114},[7221],{"type":21,"value":500},{"type":15,"tag":107,"props":7223,"children":7224},{"class":109,"line":365},[7225],{"type":15,"tag":107,"props":7226,"children":7227},{"style":114},[7228],{"type":21,"value":531},{"type":15,"tag":107,"props":7230,"children":7231},{"class":109,"line":398},[7232],{"type":15,"tag":107,"props":7233,"children":7234},{"style":114},[7235],{"type":21,"value":598},{"type":15,"tag":107,"props":7237,"children":7238},{"class":109,"line":406},[7239],{"type":15,"tag":107,"props":7240,"children":7241},{"emptyLinePlaceholder":8},[7242],{"type":21,"value":286},{"type":15,"tag":107,"props":7244,"children":7245},{"class":109,"line":448},[7246,7250,7254,7258],{"type":15,"tag":107,"props":7247,"children":7248},{"style":329},[7249],{"type":21,"value":412},{"type":15,"tag":107,"props":7251,"children":7252},{"style":415},[7253],{"type":21,"value":6804},{"type":15,"tag":107,"props":7255,"children":7256},{"style":421},[7257],{"type":21,"value":424},{"type":15,"tag":107,"props":7259,"children":7260},{"style":114},[7261],{"type":21,"value":467},{"type":15,"tag":107,"props":7263,"children":7264},{"class":109,"line":470},[7265],{"type":15,"tag":107,"props":7266,"children":7267},{"style":114},[7268],{"type":21,"value":476},{"type":15,"tag":107,"props":7270,"children":7271},{"class":109,"line":479},[7272,7276,7280,7284],{"type":15,"tag":107,"props":7273,"children":7274},{"style":120},[7275],{"type":21,"value":1806},{"type":15,"tag":107,"props":7277,"children":7278},{"style":114},[7279],{"type":21,"value":490},{"type":15,"tag":107,"props":7281,"children":7282},{"style":159},[7283],{"type":21,"value":2081},{"type":15,"tag":107,"props":7285,"children":7286},{"style":114},[7287],{"type":21,"value":500},{"type":15,"tag":107,"props":7289,"children":7290},{"class":109,"line":503},[7291,7295,7299,7303],{"type":15,"tag":107,"props":7292,"children":7293},{"style":120},[7294],{"type":21,"value":485},{"type":15,"tag":107,"props":7296,"children":7297},{"style":114},[7298],{"type":21,"value":490},{"type":15,"tag":107,"props":7300,"children":7301},{"style":159},[7302],{"type":21,"value":495},{"type":15,"tag":107,"props":7304,"children":7305},{"style":114},[7306],{"type":21,"value":500},{"type":15,"tag":107,"props":7308,"children":7309},{"class":109,"line":525},[7310,7314,7318,7322],{"type":15,"tag":107,"props":7311,"children":7312},{"style":120},[7313],{"type":21,"value":509},{"type":15,"tag":107,"props":7315,"children":7316},{"style":114},[7317],{"type":21,"value":490},{"type":15,"tag":107,"props":7319,"children":7320},{"style":159},[7321],{"type":21,"value":577},{"type":15,"tag":107,"props":7323,"children":7324},{"style":114},[7325],{"type":21,"value":500},{"type":15,"tag":107,"props":7327,"children":7328},{"class":109,"line":534},[7329],{"type":15,"tag":107,"props":7330,"children":7331},{"style":114},[7332],{"type":21,"value":531},{"type":15,"tag":107,"props":7334,"children":7335},{"class":109,"line":542},[7336],{"type":15,"tag":107,"props":7337,"children":7338},{"style":114},[7339],{"type":21,"value":476},{"type":15,"tag":107,"props":7341,"children":7342},{"class":109,"line":563},[7343,7347,7351,7355],{"type":15,"tag":107,"props":7344,"children":7345},{"style":120},[7346],{"type":21,"value":1806},{"type":15,"tag":107,"props":7348,"children":7349},{"style":114},[7350],{"type":21,"value":490},{"type":15,"tag":107,"props":7352,"children":7353},{"style":159},[7354],{"type":21,"value":1887},{"type":15,"tag":107,"props":7356,"children":7357},{"style":114},[7358],{"type":21,"value":500},{"type":15,"tag":107,"props":7360,"children":7361},{"class":109,"line":584},[7362,7366,7370,7374],{"type":15,"tag":107,"props":7363,"children":7364},{"style":120},[7365],{"type":21,"value":485},{"type":15,"tag":107,"props":7367,"children":7368},{"style":114},[7369],{"type":21,"value":490},{"type":15,"tag":107,"props":7371,"children":7372},{"style":159},[7373],{"type":21,"value":556},{"type":15,"tag":107,"props":7375,"children":7376},{"style":114},[7377],{"type":21,"value":500},{"type":15,"tag":107,"props":7379,"children":7380},{"class":109,"line":592},[7381,7385,7389,7393],{"type":15,"tag":107,"props":7382,"children":7383},{"style":120},[7384],{"type":21,"value":509},{"type":15,"tag":107,"props":7386,"children":7387},{"style":114},[7388],{"type":21,"value":490},{"type":15,"tag":107,"props":7390,"children":7391},{"style":159},[7392],{"type":21,"value":577},{"type":15,"tag":107,"props":7394,"children":7395},{"style":114},[7396],{"type":21,"value":500},{"type":15,"tag":107,"props":7398,"children":7399},{"class":109,"line":601},[7400],{"type":15,"tag":107,"props":7401,"children":7402},{"style":114},[7403],{"type":21,"value":531},{"type":15,"tag":107,"props":7405,"children":7406},{"class":109,"line":1217},[7407],{"type":15,"tag":107,"props":7408,"children":7409},{"style":114},[7410],{"type":21,"value":598},{"type":15,"tag":107,"props":7412,"children":7413},{"class":109,"line":1226},[7414],{"type":15,"tag":107,"props":7415,"children":7416},{"emptyLinePlaceholder":8},[7417],{"type":21,"value":286},{"type":15,"tag":107,"props":7419,"children":7420},{"class":109,"line":1239},[7421,7425,7429,7433,7438],{"type":15,"tag":107,"props":7422,"children":7423},{"style":329},[7424],{"type":21,"value":837},{"type":15,"tag":107,"props":7426,"children":7427},{"style":329},[7428],{"type":21,"value":842},{"type":15,"tag":107,"props":7430,"children":7431},{"style":329},[7432],{"type":21,"value":847},{"type":15,"tag":107,"props":7434,"children":7435},{"style":427},[7436],{"type":21,"value":7437}," RadioGroupAlignment",{"type":15,"tag":107,"props":7439,"children":7440},{"style":114},[7441],{"type":21,"value":857},{"type":15,"tag":107,"props":7443,"children":7444},{"class":109,"line":1248},[7445,7449,7453,7458,7462,7467,7471,7475,7479,7483,7487],{"type":15,"tag":107,"props":7446,"children":7447},{"style":329},[7448],{"type":21,"value":865},{"type":15,"tag":107,"props":7450,"children":7451},{"style":114},[7452],{"type":21,"value":870},{"type":15,"tag":107,"props":7454,"children":7455},{"style":415},[7456],{"type":21,"value":7457},"checkedStateRadioOne",{"type":15,"tag":107,"props":7459,"children":7460},{"style":114},[7461],{"type":21,"value":880},{"type":15,"tag":107,"props":7463,"children":7464},{"style":415},[7465],{"type":21,"value":7466},"setCheckedStateRadioOne",{"type":15,"tag":107,"props":7468,"children":7469},{"style":114},[7470],{"type":21,"value":890},{"type":15,"tag":107,"props":7472,"children":7473},{"style":421},[7474],{"type":21,"value":156},{"type":15,"tag":107,"props":7476,"children":7477},{"style":427},[7478],{"type":21,"value":899},{"type":15,"tag":107,"props":7480,"children":7481},{"style":114},[7482],{"type":21,"value":435},{"type":15,"tag":107,"props":7484,"children":7485},{"style":159},[7486],{"type":21,"value":440},{"type":15,"tag":107,"props":7488,"children":7489},{"style":114},[7490],{"type":21,"value":445},{"type":15,"tag":107,"props":7492,"children":7493},{"class":109,"line":1257},[7494,7498,7502,7507,7511,7516,7520,7524,7528,7532,7536],{"type":15,"tag":107,"props":7495,"children":7496},{"style":329},[7497],{"type":21,"value":865},{"type":15,"tag":107,"props":7499,"children":7500},{"style":114},[7501],{"type":21,"value":870},{"type":15,"tag":107,"props":7503,"children":7504},{"style":415},[7505],{"type":21,"value":7506},"checkedStateRadioTwo",{"type":15,"tag":107,"props":7508,"children":7509},{"style":114},[7510],{"type":21,"value":880},{"type":15,"tag":107,"props":7512,"children":7513},{"style":415},[7514],{"type":21,"value":7515},"setCheckedStateRadioTwo",{"type":15,"tag":107,"props":7517,"children":7518},{"style":114},[7519],{"type":21,"value":890},{"type":15,"tag":107,"props":7521,"children":7522},{"style":421},[7523],{"type":21,"value":156},{"type":15,"tag":107,"props":7525,"children":7526},{"style":427},[7527],{"type":21,"value":899},{"type":15,"tag":107,"props":7529,"children":7530},{"style":114},[7531],{"type":21,"value":435},{"type":15,"tag":107,"props":7533,"children":7534},{"style":159},[7535],{"type":21,"value":440},{"type":15,"tag":107,"props":7537,"children":7538},{"style":114},[7539],{"type":21,"value":445},{"type":15,"tag":107,"props":7541,"children":7542},{"class":109,"line":1939},[7543],{"type":15,"tag":107,"props":7544,"children":7545},{"emptyLinePlaceholder":8},[7546],{"type":21,"value":286},{"type":15,"tag":107,"props":7548,"children":7549},{"class":109,"line":1947},[7550,7554],{"type":15,"tag":107,"props":7551,"children":7552},{"style":329},[7553],{"type":21,"value":919},{"type":15,"tag":107,"props":7555,"children":7556},{"style":114},[7557],{"type":21,"value":924},{"type":15,"tag":107,"props":7559,"children":7560},{"class":109,"line":2707},[7561,7565,7569,7573,7577,7581],{"type":15,"tag":107,"props":7562,"children":7563},{"style":114},[7564],{"type":21,"value":1347},{"type":15,"tag":107,"props":7566,"children":7567},{"style":120},[7568],{"type":21,"value":1321},{"type":15,"tag":107,"props":7570,"children":7571},{"style":1006},[7572],{"type":21,"value":2320},{"type":15,"tag":107,"props":7574,"children":7575},{"style":421},[7576],{"type":21,"value":156},{"type":15,"tag":107,"props":7578,"children":7579},{"style":159},[7580],{"type":21,"value":5900},{"type":15,"tag":107,"props":7582,"children":7583},{"style":114},[7584],{"type":21,"value":127},{"type":15,"tag":107,"props":7586,"children":7587},{"class":109,"line":2724},[7588,7592,7596,7600,7604,7608],{"type":15,"tag":107,"props":7589,"children":7590},{"style":114},[7591],{"type":21,"value":1418},{"type":15,"tag":107,"props":7593,"children":7594},{"style":120},[7595],{"type":21,"value":4339},{"type":15,"tag":107,"props":7597,"children":7598},{"style":1006},[7599],{"type":21,"value":4386},{"type":15,"tag":107,"props":7601,"children":7602},{"style":421},[7603],{"type":21,"value":156},{"type":15,"tag":107,"props":7605,"children":7606},{"style":159},[7607],{"type":21,"value":4395},{"type":15,"tag":107,"props":7609,"children":7610},{"style":114},[7611],{"type":21,"value":127},{"type":15,"tag":107,"props":7613,"children":7614},{"class":109,"line":2752},[7615,7619,7623,7627,7631,7635],{"type":15,"tag":107,"props":7616,"children":7617},{"style":114},[7618],{"type":21,"value":996},{"type":15,"tag":107,"props":7620,"children":7621},{"style":120},[7622],{"type":21,"value":1321},{"type":15,"tag":107,"props":7624,"children":7625},{"style":1006},[7626],{"type":21,"value":2320},{"type":15,"tag":107,"props":7628,"children":7629},{"style":421},[7630],{"type":21,"value":156},{"type":15,"tag":107,"props":7632,"children":7633},{"style":159},[7634],{"type":21,"value":4460},{"type":15,"tag":107,"props":7636,"children":7637},{"style":114},[7638],{"type":21,"value":127},{"type":15,"tag":107,"props":7640,"children":7641},{"class":109,"line":2788},[7642,7647,7651,7655,7659,7663,7667,7671,7675,7679,7683,7687,7691],{"type":15,"tag":107,"props":7643,"children":7644},{"style":329},[7645],{"type":21,"value":7646},"          {",{"type":15,"tag":107,"props":7648,"children":7649},{"style":415},[7650],{"type":21,"value":945},{"type":15,"tag":107,"props":7652,"children":7653},{"style":114},[7654],{"type":21,"value":72},{"type":15,"tag":107,"props":7656,"children":7657},{"style":427},[7658],{"type":21,"value":954},{"type":15,"tag":107,"props":7660,"children":7661},{"style":114},[7662],{"type":21,"value":959},{"type":15,"tag":107,"props":7664,"children":7665},{"style":962},[7666],{"type":21,"value":1519},{"type":15,"tag":107,"props":7668,"children":7669},{"style":114},[7670],{"type":21,"value":880},{"type":15,"tag":107,"props":7672,"children":7673},{"style":962},[7674],{"type":21,"value":974},{"type":15,"tag":107,"props":7676,"children":7677},{"style":114},[7678],{"type":21,"value":880},{"type":15,"tag":107,"props":7680,"children":7681},{"style":962},[7682],{"type":21,"value":965},{"type":15,"tag":107,"props":7684,"children":7685},{"style":114},[7686],{"type":21,"value":979},{"type":15,"tag":107,"props":7688,"children":7689},{"style":329},[7690],{"type":21,"value":984},{"type":15,"tag":107,"props":7692,"children":7693},{"style":114},[7694],{"type":21,"value":924},{"type":15,"tag":107,"props":7696,"children":7697},{"class":109,"line":2804},[7698,7702,7706,7710,7714,7718,7722,7726,7730,7734,7738],{"type":15,"tag":107,"props":7699,"children":7700},{"style":114},[7701],{"type":21,"value":2447},{"type":15,"tag":107,"props":7703,"children":7704},{"style":120},[7705],{"type":21,"value":1519},{"type":15,"tag":107,"props":7707,"children":7708},{"style":1006},[7709],{"type":21,"value":2405},{"type":15,"tag":107,"props":7711,"children":7712},{"style":421},[7713],{"type":21,"value":156},{"type":15,"tag":107,"props":7715,"children":7716},{"style":329},[7717],{"type":21,"value":1018},{"type":15,"tag":107,"props":7719,"children":7720},{"style":120},[7721],{"type":21,"value":974},{"type":15,"tag":107,"props":7723,"children":7724},{"style":329},[7725],{"type":21,"value":2422},{"type":15,"tag":107,"props":7727,"children":7728},{"style":1006},[7729],{"type":21,"value":2320},{"type":15,"tag":107,"props":7731,"children":7732},{"style":421},[7733],{"type":21,"value":156},{"type":15,"tag":107,"props":7735,"children":7736},{"style":159},[7737],{"type":21,"value":5520},{"type":15,"tag":107,"props":7739,"children":7740},{"style":114},[7741],{"type":21,"value":127},{"type":15,"tag":107,"props":7743,"children":7744},{"class":109,"line":2812},[7745,7750],{"type":15,"tag":107,"props":7746,"children":7747},{"style":114},[7748],{"type":21,"value":7749},"              \u003C",{"type":15,"tag":107,"props":7751,"children":7752},{"style":415},[7753],{"type":21,"value":141},{"type":15,"tag":107,"props":7755,"children":7756},{"class":109,"line":2820},[7757,7762,7766,7770,7774],{"type":15,"tag":107,"props":7758,"children":7759},{"style":1006},[7760],{"type":21,"value":7761},"                name",{"type":15,"tag":107,"props":7763,"children":7764},{"style":421},[7765],{"type":21,"value":156},{"type":15,"tag":107,"props":7767,"children":7768},{"style":329},[7769],{"type":21,"value":1018},{"type":15,"tag":107,"props":7771,"children":7772},{"style":120},[7773],{"type":21,"value":965},{"type":15,"tag":107,"props":7775,"children":7776},{"style":329},[7777],{"type":21,"value":1027},{"type":15,"tag":107,"props":7779,"children":7780},{"class":109,"line":6702},[7781,7786,7790,7794,7798],{"type":15,"tag":107,"props":7782,"children":7783},{"style":1006},[7784],{"type":21,"value":7785},"                value",{"type":15,"tag":107,"props":7787,"children":7788},{"style":421},[7789],{"type":21,"value":156},{"type":15,"tag":107,"props":7791,"children":7792},{"style":329},[7793],{"type":21,"value":1018},{"type":15,"tag":107,"props":7795,"children":7796},{"style":120},[7797],{"type":21,"value":974},{"type":15,"tag":107,"props":7799,"children":7800},{"style":329},[7801],{"type":21,"value":1027},{"type":15,"tag":107,"props":7803,"children":7804},{"class":109,"line":6710},[7805,7810,7814,7818,7822,7826,7830],{"type":15,"tag":107,"props":7806,"children":7807},{"style":1006},[7808],{"type":21,"value":7809},"                checked",{"type":15,"tag":107,"props":7811,"children":7812},{"style":421},[7813],{"type":21,"value":156},{"type":15,"tag":107,"props":7815,"children":7816},{"style":329},[7817],{"type":21,"value":1018},{"type":15,"tag":107,"props":7819,"children":7820},{"style":120},[7821],{"type":21,"value":7457},{"type":15,"tag":107,"props":7823,"children":7824},{"style":421},[7825],{"type":21,"value":1117},{"type":15,"tag":107,"props":7827,"children":7828},{"style":120},[7829],{"type":21,"value":1122},{"type":15,"tag":107,"props":7831,"children":7832},{"style":329},[7833],{"type":21,"value":1027},{"type":15,"tag":107,"props":7835,"children":7836},{"class":109,"line":6718},[7837,7842,7846,7850,7854,7858,7862,7866],{"type":15,"tag":107,"props":7838,"children":7839},{"style":1006},[7840],{"type":21,"value":7841},"                onChange",{"type":15,"tag":107,"props":7843,"children":7844},{"style":421},[7845],{"type":21,"value":156},{"type":15,"tag":107,"props":7847,"children":7848},{"style":329},[7849],{"type":21,"value":1018},{"type":15,"tag":107,"props":7851,"children":7852},{"style":114},[7853],{"type":21,"value":435},{"type":15,"tag":107,"props":7855,"children":7856},{"style":962},[7857],{"type":21,"value":1151},{"type":15,"tag":107,"props":7859,"children":7860},{"style":114},[7861],{"type":21,"value":1156},{"type":15,"tag":107,"props":7863,"children":7864},{"style":329},[7865],{"type":21,"value":984},{"type":15,"tag":107,"props":7867,"children":7868},{"style":114},[7869],{"type":21,"value":1165},{"type":15,"tag":107,"props":7871,"children":7872},{"class":109,"line":6738},[7873,7878,7882,7886,7890,7894,7898,7902],{"type":15,"tag":107,"props":7874,"children":7875},{"style":427},[7876],{"type":21,"value":7877},"                  setCheckedStateRadioOne",{"type":15,"tag":107,"props":7879,"children":7880},{"style":114},[7881],{"type":21,"value":435},{"type":15,"tag":107,"props":7883,"children":7884},{"style":415},[7885],{"type":21,"value":1151},{"type":15,"tag":107,"props":7887,"children":7888},{"style":114},[7889],{"type":21,"value":72},{"type":15,"tag":107,"props":7891,"children":7892},{"style":415},[7893],{"type":21,"value":1190},{"type":15,"tag":107,"props":7895,"children":7896},{"style":114},[7897],{"type":21,"value":72},{"type":15,"tag":107,"props":7899,"children":7900},{"style":120},[7901],{"type":21,"value":974},{"type":15,"tag":107,"props":7903,"children":7904},{"style":114},[7905],{"type":21,"value":445},{"type":15,"tag":107,"props":7907,"children":7908},{"class":109,"line":6758},[7909,7914],{"type":15,"tag":107,"props":7910,"children":7911},{"style":114},[7912],{"type":21,"value":7913},"                }",{"type":15,"tag":107,"props":7915,"children":7916},{"style":329},[7917],{"type":21,"value":1027},{"type":15,"tag":107,"props":7919,"children":7920},{"class":109,"line":6778},[7921],{"type":15,"tag":107,"props":7922,"children":7923},{"style":114},[7924],{"type":21,"value":7925},"              \u002F>\n",{"type":15,"tag":107,"props":7927,"children":7928},{"class":109,"line":6786},[7929,7933,7937,7941,7945,7949,7953,7957,7961,7965,7969,7973],{"type":15,"tag":107,"props":7930,"children":7931},{"style":114},[7932],{"type":21,"value":7749},{"type":15,"tag":107,"props":7934,"children":7935},{"style":120},[7936],{"type":21,"value":107},{"type":15,"tag":107,"props":7938,"children":7939},{"style":1006},[7940],{"type":21,"value":2320},{"type":15,"tag":107,"props":7942,"children":7943},{"style":421},[7944],{"type":21,"value":156},{"type":15,"tag":107,"props":7946,"children":7947},{"style":159},[7948],{"type":21,"value":2647},{"type":15,"tag":107,"props":7950,"children":7951},{"style":114},[7952],{"type":21,"value":2652},{"type":15,"tag":107,"props":7954,"children":7955},{"style":329},[7956],{"type":21,"value":1018},{"type":15,"tag":107,"props":7958,"children":7959},{"style":120},[7960],{"type":21,"value":1519},{"type":15,"tag":107,"props":7962,"children":7963},{"style":329},[7964],{"type":21,"value":2422},{"type":15,"tag":107,"props":7966,"children":7967},{"style":114},[7968],{"type":21,"value":269},{"type":15,"tag":107,"props":7970,"children":7971},{"style":120},[7972],{"type":21,"value":107},{"type":15,"tag":107,"props":7974,"children":7975},{"style":114},[7976],{"type":21,"value":127},{"type":15,"tag":107,"props":7978,"children":7979},{"class":109,"line":6794},[7980,7985,7989],{"type":15,"tag":107,"props":7981,"children":7982},{"style":114},[7983],{"type":21,"value":7984},"            \u003C\u002F",{"type":15,"tag":107,"props":7986,"children":7987},{"style":120},[7988],{"type":21,"value":1519},{"type":15,"tag":107,"props":7990,"children":7991},{"style":114},[7992],{"type":21,"value":127},{"type":15,"tag":107,"props":7994,"children":7995},{"class":109,"line":6815},[7996,8001],{"type":15,"tag":107,"props":7997,"children":7998},{"style":114},[7999],{"type":21,"value":8000},"          ))",{"type":15,"tag":107,"props":8002,"children":8003},{"style":329},[8004],{"type":21,"value":1027},{"type":15,"tag":107,"props":8006,"children":8007},{"class":109,"line":6823},[8008,8012,8016],{"type":15,"tag":107,"props":8009,"children":8010},{"style":114},[8011],{"type":21,"value":6119},{"type":15,"tag":107,"props":8013,"children":8014},{"style":120},[8015],{"type":21,"value":1321},{"type":15,"tag":107,"props":8017,"children":8018},{"style":114},[8019],{"type":21,"value":127},{"type":15,"tag":107,"props":8021,"children":8022},{"class":109,"line":6843},[8023,8027,8031],{"type":15,"tag":107,"props":8024,"children":8025},{"style":114},[8026],{"type":21,"value":2713},{"type":15,"tag":107,"props":8028,"children":8029},{"style":120},[8030],{"type":21,"value":4339},{"type":15,"tag":107,"props":8032,"children":8033},{"style":114},[8034],{"type":21,"value":127},{"type":15,"tag":107,"props":8036,"children":8037},{"class":109,"line":6863},[8038,8042,8046,8050,8054,8058],{"type":15,"tag":107,"props":8039,"children":8040},{"style":114},[8041],{"type":21,"value":1418},{"type":15,"tag":107,"props":8043,"children":8044},{"style":120},[8045],{"type":21,"value":4339},{"type":15,"tag":107,"props":8047,"children":8048},{"style":1006},[8049],{"type":21,"value":4386},{"type":15,"tag":107,"props":8051,"children":8052},{"style":421},[8053],{"type":21,"value":156},{"type":15,"tag":107,"props":8055,"children":8056},{"style":159},[8057],{"type":21,"value":4395},{"type":15,"tag":107,"props":8059,"children":8060},{"style":114},[8061],{"type":21,"value":127},{"type":15,"tag":107,"props":8063,"children":8064},{"class":109,"line":6883},[8065,8069,8073,8077,8081,8085],{"type":15,"tag":107,"props":8066,"children":8067},{"style":114},[8068],{"type":21,"value":996},{"type":15,"tag":107,"props":8070,"children":8071},{"style":120},[8072],{"type":21,"value":1321},{"type":15,"tag":107,"props":8074,"children":8075},{"style":1006},[8076],{"type":21,"value":2320},{"type":15,"tag":107,"props":8078,"children":8079},{"style":421},[8080],{"type":21,"value":156},{"type":15,"tag":107,"props":8082,"children":8083},{"style":159},[8084],{"type":21,"value":6215},{"type":15,"tag":107,"props":8086,"children":8087},{"style":114},[8088],{"type":21,"value":127},{"type":15,"tag":107,"props":8090,"children":8091},{"class":109,"line":6891},[8092,8096,8101,8105,8109,8113,8117,8121,8125,8129,8133,8137,8141],{"type":15,"tag":107,"props":8093,"children":8094},{"style":329},[8095],{"type":21,"value":7646},{"type":15,"tag":107,"props":8097,"children":8098},{"style":415},[8099],{"type":21,"value":8100},"radioOptionsTwo",{"type":15,"tag":107,"props":8102,"children":8103},{"style":114},[8104],{"type":21,"value":72},{"type":15,"tag":107,"props":8106,"children":8107},{"style":427},[8108],{"type":21,"value":954},{"type":15,"tag":107,"props":8110,"children":8111},{"style":114},[8112],{"type":21,"value":959},{"type":15,"tag":107,"props":8114,"children":8115},{"style":962},[8116],{"type":21,"value":1519},{"type":15,"tag":107,"props":8118,"children":8119},{"style":114},[8120],{"type":21,"value":880},{"type":15,"tag":107,"props":8122,"children":8123},{"style":962},[8124],{"type":21,"value":974},{"type":15,"tag":107,"props":8126,"children":8127},{"style":114},[8128],{"type":21,"value":880},{"type":15,"tag":107,"props":8130,"children":8131},{"style":962},[8132],{"type":21,"value":965},{"type":15,"tag":107,"props":8134,"children":8135},{"style":114},[8136],{"type":21,"value":979},{"type":15,"tag":107,"props":8138,"children":8139},{"style":329},[8140],{"type":21,"value":984},{"type":15,"tag":107,"props":8142,"children":8143},{"style":114},[8144],{"type":21,"value":924},{"type":15,"tag":107,"props":8146,"children":8147},{"class":109,"line":6899},[8148,8152,8156,8160,8164,8168,8172,8176,8180,8184,8189],{"type":15,"tag":107,"props":8149,"children":8150},{"style":114},[8151],{"type":21,"value":2447},{"type":15,"tag":107,"props":8153,"children":8154},{"style":120},[8155],{"type":21,"value":1519},{"type":15,"tag":107,"props":8157,"children":8158},{"style":1006},[8159],{"type":21,"value":2405},{"type":15,"tag":107,"props":8161,"children":8162},{"style":421},[8163],{"type":21,"value":156},{"type":15,"tag":107,"props":8165,"children":8166},{"style":329},[8167],{"type":21,"value":1018},{"type":15,"tag":107,"props":8169,"children":8170},{"style":120},[8171],{"type":21,"value":974},{"type":15,"tag":107,"props":8173,"children":8174},{"style":329},[8175],{"type":21,"value":2422},{"type":15,"tag":107,"props":8177,"children":8178},{"style":1006},[8179],{"type":21,"value":2320},{"type":15,"tag":107,"props":8181,"children":8182},{"style":421},[8183],{"type":21,"value":156},{"type":15,"tag":107,"props":8185,"children":8186},{"style":159},[8187],{"type":21,"value":8188},"\"flex items-center mx-4 cursor-pointer\"",{"type":15,"tag":107,"props":8190,"children":8191},{"style":114},[8192],{"type":21,"value":127},{"type":15,"tag":107,"props":8194,"children":8195},{"class":109,"line":6919},[8196,8200],{"type":15,"tag":107,"props":8197,"children":8198},{"style":114},[8199],{"type":21,"value":7749},{"type":15,"tag":107,"props":8201,"children":8202},{"style":415},[8203],{"type":21,"value":141},{"type":15,"tag":107,"props":8205,"children":8206},{"class":109,"line":6939},[8207,8211,8215,8219,8223],{"type":15,"tag":107,"props":8208,"children":8209},{"style":1006},[8210],{"type":21,"value":7761},{"type":15,"tag":107,"props":8212,"children":8213},{"style":421},[8214],{"type":21,"value":156},{"type":15,"tag":107,"props":8216,"children":8217},{"style":329},[8218],{"type":21,"value":1018},{"type":15,"tag":107,"props":8220,"children":8221},{"style":120},[8222],{"type":21,"value":965},{"type":15,"tag":107,"props":8224,"children":8225},{"style":329},[8226],{"type":21,"value":1027},{"type":15,"tag":107,"props":8228,"children":8229},{"class":109,"line":6959},[8230,8234,8238,8242,8246],{"type":15,"tag":107,"props":8231,"children":8232},{"style":1006},[8233],{"type":21,"value":7785},{"type":15,"tag":107,"props":8235,"children":8236},{"style":421},[8237],{"type":21,"value":156},{"type":15,"tag":107,"props":8239,"children":8240},{"style":329},[8241],{"type":21,"value":1018},{"type":15,"tag":107,"props":8243,"children":8244},{"style":120},[8245],{"type":21,"value":974},{"type":15,"tag":107,"props":8247,"children":8248},{"style":329},[8249],{"type":21,"value":1027},{"type":15,"tag":107,"props":8251,"children":8252},{"class":109,"line":6967},[8253,8257,8261,8265,8269,8273,8277],{"type":15,"tag":107,"props":8254,"children":8255},{"style":1006},[8256],{"type":21,"value":7809},{"type":15,"tag":107,"props":8258,"children":8259},{"style":421},[8260],{"type":21,"value":156},{"type":15,"tag":107,"props":8262,"children":8263},{"style":329},[8264],{"type":21,"value":1018},{"type":15,"tag":107,"props":8266,"children":8267},{"style":120},[8268],{"type":21,"value":7506},{"type":15,"tag":107,"props":8270,"children":8271},{"style":421},[8272],{"type":21,"value":1117},{"type":15,"tag":107,"props":8274,"children":8275},{"style":120},[8276],{"type":21,"value":1122},{"type":15,"tag":107,"props":8278,"children":8279},{"style":329},[8280],{"type":21,"value":1027},{"type":15,"tag":107,"props":8282,"children":8283},{"class":109,"line":6975},[8284,8288,8292,8296,8300,8304,8308,8312],{"type":15,"tag":107,"props":8285,"children":8286},{"style":1006},[8287],{"type":21,"value":7841},{"type":15,"tag":107,"props":8289,"children":8290},{"style":421},[8291],{"type":21,"value":156},{"type":15,"tag":107,"props":8293,"children":8294},{"style":329},[8295],{"type":21,"value":1018},{"type":15,"tag":107,"props":8297,"children":8298},{"style":114},[8299],{"type":21,"value":435},{"type":15,"tag":107,"props":8301,"children":8302},{"style":962},[8303],{"type":21,"value":1151},{"type":15,"tag":107,"props":8305,"children":8306},{"style":114},[8307],{"type":21,"value":1156},{"type":15,"tag":107,"props":8309,"children":8310},{"style":329},[8311],{"type":21,"value":984},{"type":15,"tag":107,"props":8313,"children":8314},{"style":114},[8315],{"type":21,"value":1165},{"type":15,"tag":107,"props":8317,"children":8319},{"class":109,"line":8318},62,[8320,8325,8329,8333,8337,8341,8345,8349],{"type":15,"tag":107,"props":8321,"children":8322},{"style":427},[8323],{"type":21,"value":8324},"                  setCheckedStateRadioTwo",{"type":15,"tag":107,"props":8326,"children":8327},{"style":114},[8328],{"type":21,"value":435},{"type":15,"tag":107,"props":8330,"children":8331},{"style":415},[8332],{"type":21,"value":1151},{"type":15,"tag":107,"props":8334,"children":8335},{"style":114},[8336],{"type":21,"value":72},{"type":15,"tag":107,"props":8338,"children":8339},{"style":415},[8340],{"type":21,"value":1190},{"type":15,"tag":107,"props":8342,"children":8343},{"style":114},[8344],{"type":21,"value":72},{"type":15,"tag":107,"props":8346,"children":8347},{"style":120},[8348],{"type":21,"value":974},{"type":15,"tag":107,"props":8350,"children":8351},{"style":114},[8352],{"type":21,"value":445},{"type":15,"tag":107,"props":8354,"children":8356},{"class":109,"line":8355},63,[8357,8361],{"type":15,"tag":107,"props":8358,"children":8359},{"style":114},[8360],{"type":21,"value":7913},{"type":15,"tag":107,"props":8362,"children":8363},{"style":329},[8364],{"type":21,"value":1027},{"type":15,"tag":107,"props":8366,"children":8368},{"class":109,"line":8367},64,[8369],{"type":15,"tag":107,"props":8370,"children":8371},{"style":114},[8372],{"type":21,"value":7925},{"type":15,"tag":107,"props":8374,"children":8376},{"class":109,"line":8375},65,[8377,8381,8385,8389,8393,8397,8401,8405,8409,8413,8417,8421],{"type":15,"tag":107,"props":8378,"children":8379},{"style":114},[8380],{"type":21,"value":7749},{"type":15,"tag":107,"props":8382,"children":8383},{"style":120},[8384],{"type":21,"value":107},{"type":15,"tag":107,"props":8386,"children":8387},{"style":1006},[8388],{"type":21,"value":2320},{"type":15,"tag":107,"props":8390,"children":8391},{"style":421},[8392],{"type":21,"value":156},{"type":15,"tag":107,"props":8394,"children":8395},{"style":159},[8396],{"type":21,"value":2647},{"type":15,"tag":107,"props":8398,"children":8399},{"style":114},[8400],{"type":21,"value":2652},{"type":15,"tag":107,"props":8402,"children":8403},{"style":329},[8404],{"type":21,"value":1018},{"type":15,"tag":107,"props":8406,"children":8407},{"style":120},[8408],{"type":21,"value":1519},{"type":15,"tag":107,"props":8410,"children":8411},{"style":329},[8412],{"type":21,"value":2422},{"type":15,"tag":107,"props":8414,"children":8415},{"style":114},[8416],{"type":21,"value":269},{"type":15,"tag":107,"props":8418,"children":8419},{"style":120},[8420],{"type":21,"value":107},{"type":15,"tag":107,"props":8422,"children":8423},{"style":114},[8424],{"type":21,"value":127},{"type":15,"tag":107,"props":8426,"children":8428},{"class":109,"line":8427},66,[8429,8433,8437],{"type":15,"tag":107,"props":8430,"children":8431},{"style":114},[8432],{"type":21,"value":7984},{"type":15,"tag":107,"props":8434,"children":8435},{"style":120},[8436],{"type":21,"value":1519},{"type":15,"tag":107,"props":8438,"children":8439},{"style":114},[8440],{"type":21,"value":127},{"type":15,"tag":107,"props":8442,"children":8444},{"class":109,"line":8443},67,[8445,8449],{"type":15,"tag":107,"props":8446,"children":8447},{"style":114},[8448],{"type":21,"value":8000},{"type":15,"tag":107,"props":8450,"children":8451},{"style":329},[8452],{"type":21,"value":1027},{"type":15,"tag":107,"props":8454,"children":8456},{"class":109,"line":8455},68,[8457,8461,8465],{"type":15,"tag":107,"props":8458,"children":8459},{"style":114},[8460],{"type":21,"value":6119},{"type":15,"tag":107,"props":8462,"children":8463},{"style":120},[8464],{"type":21,"value":1321},{"type":15,"tag":107,"props":8466,"children":8467},{"style":114},[8468],{"type":21,"value":127},{"type":15,"tag":107,"props":8470,"children":8472},{"class":109,"line":8471},69,[8473,8477,8481],{"type":15,"tag":107,"props":8474,"children":8475},{"style":114},[8476],{"type":21,"value":2713},{"type":15,"tag":107,"props":8478,"children":8479},{"style":120},[8480],{"type":21,"value":4339},{"type":15,"tag":107,"props":8482,"children":8483},{"style":114},[8484],{"type":21,"value":127},{"type":15,"tag":107,"props":8486,"children":8488},{"class":109,"line":8487},70,[8489,8493,8497],{"type":15,"tag":107,"props":8490,"children":8491},{"style":114},[8492],{"type":21,"value":1514},{"type":15,"tag":107,"props":8494,"children":8495},{"style":120},[8496],{"type":21,"value":1321},{"type":15,"tag":107,"props":8498,"children":8499},{"style":114},[8500],{"type":21,"value":127},{"type":15,"tag":107,"props":8502,"children":8504},{"class":109,"line":8503},71,[8505],{"type":15,"tag":107,"props":8506,"children":8507},{"style":114},[8508],{"type":21,"value":1254},{"type":15,"tag":107,"props":8510,"children":8512},{"class":109,"line":8511},72,[8513],{"type":15,"tag":107,"props":8514,"children":8515},{"style":114},[8516],{"type":21,"value":1027},{"type":15,"tag":616,"props":8518,"children":8519},{},[8520,8526],{"type":15,"tag":81,"props":8521,"children":8523},{"id":8522},"uncontrolled-group",[8524],{"type":21,"value":8525},"Uncontrolled Group",{"type":15,"tag":88,"props":8527,"children":8529},{"showcase-name":8528},"RadioGroup\u002FRadioGroupUncontrolled",[8530],{"type":15,"tag":97,"props":8531,"children":8533},{"className":621,"code":8532,"language":623,"meta":9,"style":9},"import { SfRadio } from '@storefront-ui\u002Freact';\n\nexport default function RadioGroupUncontrolled() {\n  return (\n    \u003Cfieldset role=\"radiogroup\">\n      \u003Cdiv className=\"flex flex-col\">\n        \u003Clabel className=\"flex items-center mb-4 cursor-pointer\">\n          \u003CSfRadio name=\"name\" \u002F>\n          \u003Cspan className=\"ml-2 text-base font-normal leading-6 font-body\">Label\u003C\u002Fspan>\n        \u003C\u002Flabel>\n        \u003Clabel className=\"flex items-center cursor-pointer\">\n          \u003CSfRadio name=\"name\" \u002F>\n          \u003Cspan className=\"ml-2 text-base font-normal leading-6 font-body\">Label 2\u003C\u002Fspan>\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n    \u003C\u002Ffieldset>\n  );\n}\n",[8534],{"type":15,"tag":36,"props":8535,"children":8536},{"__ignoreMap":9},[8537,8568,8575,8599,8610,8637,8664,8691,8719,8755,8770,8798,8825,8861,8876,8891,8906,8913],{"type":15,"tag":107,"props":8538,"children":8539},{"class":109,"line":110},[8540,8544,8548,8552,8556,8560,8564],{"type":15,"tag":107,"props":8541,"children":8542},{"style":329},[8543],{"type":21,"value":332},{"type":15,"tag":107,"props":8545,"children":8546},{"style":114},[8547],{"type":21,"value":337},{"type":15,"tag":107,"props":8549,"children":8550},{"style":120},[8551],{"type":21,"value":41},{"type":15,"tag":107,"props":8553,"children":8554},{"style":114},[8555],{"type":21,"value":347},{"type":15,"tag":107,"props":8557,"children":8558},{"style":329},[8559],{"type":21,"value":352},{"type":15,"tag":107,"props":8561,"children":8562},{"style":159},[8563],{"type":21,"value":655},{"type":15,"tag":107,"props":8565,"children":8566},{"style":114},[8567],{"type":21,"value":362},{"type":15,"tag":107,"props":8569,"children":8570},{"class":109,"line":130},[8571],{"type":15,"tag":107,"props":8572,"children":8573},{"emptyLinePlaceholder":8},[8574],{"type":21,"value":286},{"type":15,"tag":107,"props":8576,"children":8577},{"class":109,"line":144},[8578,8582,8586,8590,8595],{"type":15,"tag":107,"props":8579,"children":8580},{"style":329},[8581],{"type":21,"value":837},{"type":15,"tag":107,"props":8583,"children":8584},{"style":329},[8585],{"type":21,"value":842},{"type":15,"tag":107,"props":8587,"children":8588},{"style":329},[8589],{"type":21,"value":847},{"type":15,"tag":107,"props":8591,"children":8592},{"style":427},[8593],{"type":21,"value":8594}," RadioGroupUncontrolled",{"type":15,"tag":107,"props":8596,"children":8597},{"style":114},[8598],{"type":21,"value":857},{"type":15,"tag":107,"props":8600,"children":8601},{"class":109,"line":165},[8602,8606],{"type":15,"tag":107,"props":8603,"children":8604},{"style":329},[8605],{"type":21,"value":919},{"type":15,"tag":107,"props":8607,"children":8608},{"style":114},[8609],{"type":21,"value":924},{"type":15,"tag":107,"props":8611,"children":8612},{"class":109,"line":183},[8613,8617,8621,8625,8629,8633],{"type":15,"tag":107,"props":8614,"children":8615},{"style":114},[8616],{"type":21,"value":1347},{"type":15,"tag":107,"props":8618,"children":8619},{"style":120},[8620],{"type":21,"value":4339},{"type":15,"tag":107,"props":8622,"children":8623},{"style":1006},[8624],{"type":21,"value":4386},{"type":15,"tag":107,"props":8626,"children":8627},{"style":421},[8628],{"type":21,"value":156},{"type":15,"tag":107,"props":8630,"children":8631},{"style":159},[8632],{"type":21,"value":4395},{"type":15,"tag":107,"props":8634,"children":8635},{"style":114},[8636],{"type":21,"value":127},{"type":15,"tag":107,"props":8638,"children":8639},{"class":109,"line":201},[8640,8644,8648,8652,8656,8660],{"type":15,"tag":107,"props":8641,"children":8642},{"style":114},[8643],{"type":21,"value":1418},{"type":15,"tag":107,"props":8645,"children":8646},{"style":120},[8647],{"type":21,"value":1321},{"type":15,"tag":107,"props":8649,"children":8650},{"style":1006},[8651],{"type":21,"value":2320},{"type":15,"tag":107,"props":8653,"children":8654},{"style":421},[8655],{"type":21,"value":156},{"type":15,"tag":107,"props":8657,"children":8658},{"style":159},[8659],{"type":21,"value":4460},{"type":15,"tag":107,"props":8661,"children":8662},{"style":114},[8663],{"type":21,"value":127},{"type":15,"tag":107,"props":8665,"children":8666},{"class":109,"line":218},[8667,8671,8675,8679,8683,8687],{"type":15,"tag":107,"props":8668,"children":8669},{"style":114},[8670],{"type":21,"value":996},{"type":15,"tag":107,"props":8672,"children":8673},{"style":120},[8674],{"type":21,"value":1519},{"type":15,"tag":107,"props":8676,"children":8677},{"style":1006},[8678],{"type":21,"value":2320},{"type":15,"tag":107,"props":8680,"children":8681},{"style":421},[8682],{"type":21,"value":156},{"type":15,"tag":107,"props":8684,"children":8685},{"style":159},[8686],{"type":21,"value":5520},{"type":15,"tag":107,"props":8688,"children":8689},{"style":114},[8690],{"type":21,"value":127},{"type":15,"tag":107,"props":8692,"children":8693},{"class":109,"line":236},[8694,8698,8702,8707,8711,8715],{"type":15,"tag":107,"props":8695,"children":8696},{"style":114},[8697],{"type":21,"value":2396},{"type":15,"tag":107,"props":8699,"children":8700},{"style":415},[8701],{"type":21,"value":41},{"type":15,"tag":107,"props":8703,"children":8704},{"style":1006},[8705],{"type":21,"value":8706}," name",{"type":15,"tag":107,"props":8708,"children":8709},{"style":421},[8710],{"type":21,"value":156},{"type":15,"tag":107,"props":8712,"children":8713},{"style":159},[8714],{"type":21,"value":1487},{"type":15,"tag":107,"props":8716,"children":8717},{"style":114},[8718],{"type":21,"value":1506},{"type":15,"tag":107,"props":8720,"children":8721},{"class":109,"line":254},[8722,8726,8730,8734,8738,8742,8747,8751],{"type":15,"tag":107,"props":8723,"children":8724},{"style":114},[8725],{"type":21,"value":2396},{"type":15,"tag":107,"props":8727,"children":8728},{"style":120},[8729],{"type":21,"value":107},{"type":15,"tag":107,"props":8731,"children":8732},{"style":1006},[8733],{"type":21,"value":2320},{"type":15,"tag":107,"props":8735,"children":8736},{"style":421},[8737],{"type":21,"value":156},{"type":15,"tag":107,"props":8739,"children":8740},{"style":159},[8741],{"type":21,"value":2647},{"type":15,"tag":107,"props":8743,"children":8744},{"style":114},[8745],{"type":21,"value":8746},">Label\u003C\u002F",{"type":15,"tag":107,"props":8748,"children":8749},{"style":120},[8750],{"type":21,"value":107},{"type":15,"tag":107,"props":8752,"children":8753},{"style":114},[8754],{"type":21,"value":127},{"type":15,"tag":107,"props":8756,"children":8757},{"class":109,"line":263},[8758,8762,8766],{"type":15,"tag":107,"props":8759,"children":8760},{"style":114},[8761],{"type":21,"value":6119},{"type":15,"tag":107,"props":8763,"children":8764},{"style":120},[8765],{"type":21,"value":1519},{"type":15,"tag":107,"props":8767,"children":8768},{"style":114},[8769],{"type":21,"value":127},{"type":15,"tag":107,"props":8771,"children":8772},{"class":109,"line":280},[8773,8777,8781,8785,8789,8794],{"type":15,"tag":107,"props":8774,"children":8775},{"style":114},[8776],{"type":21,"value":996},{"type":15,"tag":107,"props":8778,"children":8779},{"style":120},[8780],{"type":21,"value":1519},{"type":15,"tag":107,"props":8782,"children":8783},{"style":1006},[8784],{"type":21,"value":2320},{"type":15,"tag":107,"props":8786,"children":8787},{"style":421},[8788],{"type":21,"value":156},{"type":15,"tag":107,"props":8790,"children":8791},{"style":159},[8792],{"type":21,"value":8793},"\"flex items-center cursor-pointer\"",{"type":15,"tag":107,"props":8795,"children":8796},{"style":114},[8797],{"type":21,"value":127},{"type":15,"tag":107,"props":8799,"children":8800},{"class":109,"line":289},[8801,8805,8809,8813,8817,8821],{"type":15,"tag":107,"props":8802,"children":8803},{"style":114},[8804],{"type":21,"value":2396},{"type":15,"tag":107,"props":8806,"children":8807},{"style":415},[8808],{"type":21,"value":41},{"type":15,"tag":107,"props":8810,"children":8811},{"style":1006},[8812],{"type":21,"value":8706},{"type":15,"tag":107,"props":8814,"children":8815},{"style":421},[8816],{"type":21,"value":156},{"type":15,"tag":107,"props":8818,"children":8819},{"style":159},[8820],{"type":21,"value":1487},{"type":15,"tag":107,"props":8822,"children":8823},{"style":114},[8824],{"type":21,"value":1506},{"type":15,"tag":107,"props":8826,"children":8827},{"class":109,"line":325},[8828,8832,8836,8840,8844,8848,8853,8857],{"type":15,"tag":107,"props":8829,"children":8830},{"style":114},[8831],{"type":21,"value":2396},{"type":15,"tag":107,"props":8833,"children":8834},{"style":120},[8835],{"type":21,"value":107},{"type":15,"tag":107,"props":8837,"children":8838},{"style":1006},[8839],{"type":21,"value":2320},{"type":15,"tag":107,"props":8841,"children":8842},{"style":421},[8843],{"type":21,"value":156},{"type":15,"tag":107,"props":8845,"children":8846},{"style":159},[8847],{"type":21,"value":2647},{"type":15,"tag":107,"props":8849,"children":8850},{"style":114},[8851],{"type":21,"value":8852},">Label 2\u003C\u002F",{"type":15,"tag":107,"props":8854,"children":8855},{"style":120},[8856],{"type":21,"value":107},{"type":15,"tag":107,"props":8858,"children":8859},{"style":114},[8860],{"type":21,"value":127},{"type":15,"tag":107,"props":8862,"children":8863},{"class":109,"line":365},[8864,8868,8872],{"type":15,"tag":107,"props":8865,"children":8866},{"style":114},[8867],{"type":21,"value":6119},{"type":15,"tag":107,"props":8869,"children":8870},{"style":120},[8871],{"type":21,"value":1519},{"type":15,"tag":107,"props":8873,"children":8874},{"style":114},[8875],{"type":21,"value":127},{"type":15,"tag":107,"props":8877,"children":8878},{"class":109,"line":398},[8879,8883,8887],{"type":15,"tag":107,"props":8880,"children":8881},{"style":114},[8882],{"type":21,"value":2713},{"type":15,"tag":107,"props":8884,"children":8885},{"style":120},[8886],{"type":21,"value":1321},{"type":15,"tag":107,"props":8888,"children":8889},{"style":114},[8890],{"type":21,"value":127},{"type":15,"tag":107,"props":8892,"children":8893},{"class":109,"line":406},[8894,8898,8902],{"type":15,"tag":107,"props":8895,"children":8896},{"style":114},[8897],{"type":21,"value":1514},{"type":15,"tag":107,"props":8899,"children":8900},{"style":120},[8901],{"type":21,"value":4339},{"type":15,"tag":107,"props":8903,"children":8904},{"style":114},[8905],{"type":21,"value":127},{"type":15,"tag":107,"props":8907,"children":8908},{"class":109,"line":448},[8909],{"type":15,"tag":107,"props":8910,"children":8911},{"style":114},[8912],{"type":21,"value":1254},{"type":15,"tag":107,"props":8914,"children":8915},{"class":109,"line":470},[8916],{"type":15,"tag":107,"props":8917,"children":8918},{"style":114},[8919],{"type":21,"value":1027},{"type":15,"tag":74,"props":8921,"children":8923},{"id":8922},"accessibility-notes",[8924],{"type":21,"value":8925},"Accessibility notes",{"type":15,"tag":32,"props":8927,"children":8928},{},[8929,8931,8936,8938,8944,8946,8951],{"type":21,"value":8930},"You can provide a bigger hit area for your radio buttons by making your ",{"type":15,"tag":36,"props":8932,"children":8934},{"className":8933},[],[8935],{"type":21,"value":1519},{"type":21,"value":8937}," element another trigger for the radio button. This can be done by wrapping the ",{"type":15,"tag":36,"props":8939,"children":8941},{"className":8940},[],[8942],{"type":21,"value":8943},"input",{"type":21,"value":8945}," element in a ",{"type":15,"tag":36,"props":8947,"children":8949},{"className":8948},[],[8950],{"type":21,"value":1519},{"type":21,"value":8952}," element.",{"type":15,"tag":32,"props":8954,"children":8955},{},[8956,8958,8970],{"type":21,"value":8957},"When multiple radio elements are grouped together, one of their parent elements should have ",{"type":15,"tag":65,"props":8959,"children":8963},{"href":8960,"rel":8961},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fradiogroup_role",[8962],"nofollow",[8964],{"type":15,"tag":36,"props":8965,"children":8967},{"className":8966},[],[8968],{"type":21,"value":8969},"role=\"radiogroup\"",{"type":21,"value":8971},". This will help indicate which radio inputs affect the same value.",{"type":15,"tag":32,"props":8973,"children":8974},{},[8975,8977,8982,8984,8991],{"type":21,"value":8976},"If you have an element that is not an ",{"type":15,"tag":36,"props":8978,"children":8980},{"className":8979},[],[8981],{"type":21,"value":49},{"type":21,"value":8983},", you should set the ",{"type":15,"tag":65,"props":8985,"children":8988},{"href":8986,"rel":8987},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fradio_role",[8962],[8989],{"type":21,"value":8990},"role=\"radio\"",{"type":21,"value":8992}," so that it is recognized as a radio button.",{"type":15,"tag":74,"props":8994,"children":8996},{"id":8995},"playground",[8997],{"type":21,"value":8998},"Playground",{"type":15,"tag":9000,"props":9001,"children":9003},"generate",{"style":9002},"height: 450px",[],{"type":15,"tag":28,"props":9005,"children":9006},{"v-slot:tab-2":9},[9007,9013,9197,9363],{"type":15,"tag":74,"props":9008,"children":9010},{"id":9009},"props",[9011],{"type":21,"value":9012},"Props",{"type":15,"tag":93,"props":9014,"children":9015},{},[9016],{"type":15,"tag":9017,"props":9018,"children":9019},"table",{},[9020,9049],{"type":15,"tag":9021,"props":9022,"children":9023},"thead",{},[9024],{"type":15,"tag":9025,"props":9026,"children":9027},"tr",{},[9028,9034,9039,9044],{"type":15,"tag":9029,"props":9030,"children":9031},"th",{},[9032],{"type":21,"value":9033},"Prop name",{"type":15,"tag":9029,"props":9035,"children":9036},{},[9037],{"type":21,"value":9038},"Type",{"type":15,"tag":9029,"props":9040,"children":9041},{},[9042],{"type":21,"value":9043},"Default value",{"type":15,"tag":9029,"props":9045,"children":9046},{},[9047],{"type":21,"value":9048},"Possible values",{"type":15,"tag":9050,"props":9051,"children":9052},"tbody",{},[9053,9082,9115,9140,9166],{"type":15,"tag":9025,"props":9054,"children":9055},{},[9056,9067,9076,9079],{"type":15,"tag":9057,"props":9058,"children":9059},"td",{},[9060,9065],{"type":15,"tag":36,"props":9061,"children":9063},{"className":9062},[],[9064],{"type":21,"value":965},{"type":21,"value":9066},"*",{"type":15,"tag":9057,"props":9068,"children":9069},{},[9070],{"type":15,"tag":36,"props":9071,"children":9073},{"className":9072},[],[9074],{"type":21,"value":9075},"string",{"type":15,"tag":9057,"props":9077,"children":9078},{},[],{"type":15,"tag":9057,"props":9080,"children":9081},{},[],{"type":15,"tag":9025,"props":9083,"children":9084},{},[9085,9094,9103,9112],{"type":15,"tag":9057,"props":9086,"children":9087},{},[9088],{"type":15,"tag":36,"props":9089,"children":9091},{"className":9090},[],[9092],{"type":21,"value":9093},"invalid",{"type":15,"tag":9057,"props":9095,"children":9096},{},[9097],{"type":15,"tag":36,"props":9098,"children":9100},{"className":9099},[],[9101],{"type":21,"value":9102},"boolean",{"type":15,"tag":9057,"props":9104,"children":9105},{},[9106],{"type":15,"tag":36,"props":9107,"children":9109},{"className":9108},[],[9110],{"type":21,"value":9111},"false",{"type":15,"tag":9057,"props":9113,"children":9114},{},[],{"type":15,"tag":9025,"props":9116,"children":9117},{},[9118,9126,9134,9137],{"type":15,"tag":9057,"props":9119,"children":9120},{},[9121],{"type":15,"tag":36,"props":9122,"children":9124},{"className":9123},[],[9125],{"type":21,"value":974},{"type":15,"tag":9057,"props":9127,"children":9128},{},[9129],{"type":15,"tag":36,"props":9130,"children":9132},{"className":9131},[],[9133],{"type":21,"value":9075},{"type":15,"tag":9057,"props":9135,"children":9136},{},[],{"type":15,"tag":9057,"props":9138,"children":9139},{},[],{"type":15,"tag":9025,"props":9141,"children":9142},{},[9143,9152,9160,9163],{"type":15,"tag":9057,"props":9144,"children":9145},{},[9146],{"type":15,"tag":36,"props":9147,"children":9149},{"className":9148},[],[9150],{"type":21,"value":9151},"modelValue",{"type":15,"tag":9057,"props":9153,"children":9154},{},[9155],{"type":15,"tag":36,"props":9156,"children":9158},{"className":9157},[],[9159],{"type":21,"value":9075},{"type":15,"tag":9057,"props":9161,"children":9162},{},[],{"type":15,"tag":9057,"props":9164,"children":9165},{},[],{"type":15,"tag":9025,"props":9167,"children":9168},{},[9169,9178,9186,9194],{"type":15,"tag":9057,"props":9170,"children":9171},{},[9172],{"type":15,"tag":36,"props":9173,"children":9175},{"className":9174},[],[9176],{"type":21,"value":9177},"disabled",{"type":15,"tag":9057,"props":9179,"children":9180},{},[9181],{"type":15,"tag":36,"props":9182,"children":9184},{"className":9183},[],[9185],{"type":21,"value":9102},{"type":15,"tag":9057,"props":9187,"children":9188},{},[9189],{"type":15,"tag":36,"props":9190,"children":9192},{"className":9191},[],[9193],{"type":21,"value":9111},{"type":15,"tag":9057,"props":9195,"children":9196},{},[],{"type":15,"tag":616,"props":9198,"children":9199},{},[9200],{"type":15,"tag":9017,"props":9201,"children":9202},{},[9203,9225],{"type":15,"tag":9021,"props":9204,"children":9205},{},[9206],{"type":15,"tag":9025,"props":9207,"children":9208},{},[9209,9213,9217,9221],{"type":15,"tag":9029,"props":9210,"children":9211},{},[9212],{"type":21,"value":9033},{"type":15,"tag":9029,"props":9214,"children":9215},{},[9216],{"type":21,"value":9038},{"type":15,"tag":9029,"props":9218,"children":9219},{},[9220],{"type":21,"value":9043},{"type":15,"tag":9029,"props":9222,"children":9223},{},[9224],{"type":21,"value":9048},{"type":15,"tag":9050,"props":9226,"children":9227},{},[9228,9254,9284,9310,9337],{"type":15,"tag":9025,"props":9229,"children":9230},{},[9231,9240,9248,9251],{"type":15,"tag":9057,"props":9232,"children":9233},{},[9234,9239],{"type":15,"tag":36,"props":9235,"children":9237},{"className":9236},[],[9238],{"type":21,"value":965},{"type":21,"value":9066},{"type":15,"tag":9057,"props":9241,"children":9242},{},[9243],{"type":15,"tag":36,"props":9244,"children":9246},{"className":9245},[],[9247],{"type":21,"value":9075},{"type":15,"tag":9057,"props":9249,"children":9250},{},[],{"type":15,"tag":9057,"props":9252,"children":9253},{},[],{"type":15,"tag":9025,"props":9255,"children":9256},{},[9257,9265,9273,9281],{"type":15,"tag":9057,"props":9258,"children":9259},{},[9260],{"type":15,"tag":36,"props":9261,"children":9263},{"className":9262},[],[9264],{"type":21,"value":9093},{"type":15,"tag":9057,"props":9266,"children":9267},{},[9268],{"type":15,"tag":36,"props":9269,"children":9271},{"className":9270},[],[9272],{"type":21,"value":9102},{"type":15,"tag":9057,"props":9274,"children":9275},{},[9276],{"type":15,"tag":36,"props":9277,"children":9279},{"className":9278},[],[9280],{"type":21,"value":9111},{"type":15,"tag":9057,"props":9282,"children":9283},{},[],{"type":15,"tag":9025,"props":9285,"children":9286},{},[9287,9296,9304,9307],{"type":15,"tag":9057,"props":9288,"children":9289},{},[9290],{"type":15,"tag":36,"props":9291,"children":9293},{"className":9292},[],[9294],{"type":21,"value":9295},"checked",{"type":15,"tag":9057,"props":9297,"children":9298},{},[9299],{"type":15,"tag":36,"props":9300,"children":9302},{"className":9301},[],[9303],{"type":21,"value":9102},{"type":15,"tag":9057,"props":9305,"children":9306},{},[],{"type":15,"tag":9057,"props":9308,"children":9309},{},[],{"type":15,"tag":9025,"props":9311,"children":9312},{},[9313,9322,9331,9334],{"type":15,"tag":9057,"props":9314,"children":9315},{},[9316],{"type":15,"tag":36,"props":9317,"children":9319},{"className":9318},[],[9320],{"type":21,"value":9321},"onChange",{"type":15,"tag":9057,"props":9323,"children":9324},{},[9325],{"type":15,"tag":36,"props":9326,"children":9328},{"className":9327},[],[9329],{"type":21,"value":9330},"Function",{"type":15,"tag":9057,"props":9332,"children":9333},{},[],{"type":15,"tag":9057,"props":9335,"children":9336},{},[],{"type":15,"tag":9025,"props":9338,"children":9339},{},[9340,9349,9357,9360],{"type":15,"tag":9057,"props":9341,"children":9342},{},[9343],{"type":15,"tag":36,"props":9344,"children":9346},{"className":9345},[],[9347],{"type":21,"value":9348},"className",{"type":15,"tag":9057,"props":9350,"children":9351},{},[9352],{"type":15,"tag":36,"props":9353,"children":9355},{"className":9354},[],[9356],{"type":21,"value":9075},{"type":15,"tag":9057,"props":9358,"children":9359},{},[],{"type":15,"tag":9057,"props":9361,"children":9362},{},[],{"type":15,"tag":93,"props":9364,"children":9365},{},[9366,9372],{"type":15,"tag":74,"props":9367,"children":9369},{"id":9368},"events",[9370],{"type":21,"value":9371},"Events",{"type":15,"tag":9017,"props":9373,"children":9374},{},[9375,9391],{"type":15,"tag":9021,"props":9376,"children":9377},{},[9378],{"type":15,"tag":9025,"props":9379,"children":9380},{},[9381,9386],{"type":15,"tag":9029,"props":9382,"children":9383},{},[9384],{"type":21,"value":9385},"Event name",{"type":15,"tag":9029,"props":9387,"children":9388},{},[9389],{"type":21,"value":9390},"Trigger",{"type":15,"tag":9050,"props":9392,"children":9393},{},[9394],{"type":15,"tag":9025,"props":9395,"children":9396},{},[9397,9406],{"type":15,"tag":9057,"props":9398,"children":9399},{},[9400],{"type":15,"tag":36,"props":9401,"children":9403},{"className":9402},[],[9404],{"type":21,"value":9405},"update:modelValue",{"type":15,"tag":9057,"props":9407,"children":9408},{},[9409],{"type":21,"value":9410},"triggers radio event emit",{"type":15,"tag":28,"props":9412,"children":9413},{"v-slot:tab-3":9},[9414,9419,10457],{"type":15,"tag":9415,"props":9416,"children":9418},"partial",{"content":9417},"block-callout",[],{"type":15,"tag":93,"props":9420,"children":9421},{},[9422],{"type":15,"tag":97,"props":9423,"children":9425},{"className":99,"code":9424,"language":101,"meta":9,"style":9},"\u003Cscript setup lang=\"ts\">\nimport { computed, toRefs } from 'vue';\nimport { useTwMergeRoot, twMerge } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  name: {\n    type: String,\n    default: '',\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  value: {\n    type: String,\n    default: '',\n  },\n  invalid: {\n    type: Boolean,\n    default: false,\n  },\n});\nconst emit = defineEmits\u003C{\n  (event: 'update:modelValue', value: string): void;\n}>();\n\ndefineOptions({\n  inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\n\nconst { modelValue } = toRefs(props);\nconst proxyChecked = computed({\n  get: () => modelValue.value,\n  set: (val) => {\n    emit('update:modelValue', val);\n  },\n});\n\u003C\u002Fscript>\n\u003Ctemplate>\n  \u003Cinput\n    :name=\"name\"\n    type=\"radio\"\n    :value=\"value\"\n    :class=\"\n      twMerge(\n        'h-5 w-5 border-2 p-[3px] bg-clip-content rounded-full appearance-none cursor-pointer focus-visible:outline focus-visible:outline-offset disabled:border-disabled-500 disabled:cursor-not-allowed disabled:checked:bg-disabled-500 disabled:checked:border-disabled-500',\n        invalid && !disabled\n          ? 'border-negative-700 checked:bg-negative-700 hover:border-negative-800 hover:checked:bg-negative-800 active:border-negative-900 active:checked:bg-negative-900'\n          : 'border-neutral-500 active:border-primary-900 hover:border-primary-700 checked:bg-primary-700 checked:border-primary-700 hover:checked:bg-primary-800 hover:checked:border-primary-800 active:checked:bg-primary-900 active:checked:border-primary-900',\n        $attrs.class,\n      )\n    \"\n    :disabled=\"disabled\"\n    v-model=\"proxyChecked\"\n    v-bind=\"attrsWithoutClass\"\n  \u002F>\n\u003C\u002Ftemplate>\n\n",[9426],{"type":15,"tag":36,"props":9427,"children":9428},{"__ignoreMap":9},[9429,9460,9501,9542,9549,9575,9588,9609,9629,9636,9648,9667,9686,9693,9705,9725,9744,9751,9763,9782,9801,9808,9820,9839,9858,9865,9873,9899,9950,9958,9965,9977,9997,10004,10038,10045,10085,10110,10144,10174,10202,10209,10216,10231,10246,10258,10273,10289,10304,10321,10329,10337,10345,10353,10361,10369,10377,10385,10402,10418,10435,10442],{"type":15,"tag":107,"props":9430,"children":9431},{"class":109,"line":110},[9432,9436,9440,9444,9448,9452,9456],{"type":15,"tag":107,"props":9433,"children":9434},{"style":114},[9435],{"type":21,"value":117},{"type":15,"tag":107,"props":9437,"children":9438},{"style":120},[9439],{"type":21,"value":299},{"type":15,"tag":107,"props":9441,"children":9442},{"style":148},[9443],{"type":21,"value":318},{"type":15,"tag":107,"props":9445,"children":9446},{"style":148},[9447],{"type":21,"value":304},{"type":15,"tag":107,"props":9449,"children":9450},{"style":114},[9451],{"type":21,"value":156},{"type":15,"tag":107,"props":9453,"children":9454},{"style":159},[9455],{"type":21,"value":313},{"type":15,"tag":107,"props":9457,"children":9458},{"style":114},[9459],{"type":21,"value":127},{"type":15,"tag":107,"props":9461,"children":9462},{"class":109,"line":130},[9463,9467,9471,9476,9480,9485,9489,9493,9497],{"type":15,"tag":107,"props":9464,"children":9465},{"style":329},[9466],{"type":21,"value":332},{"type":15,"tag":107,"props":9468,"children":9469},{"style":114},[9470],{"type":21,"value":337},{"type":15,"tag":107,"props":9472,"children":9473},{"style":120},[9474],{"type":21,"value":9475},"computed",{"type":15,"tag":107,"props":9477,"children":9478},{"style":114},[9479],{"type":21,"value":880},{"type":15,"tag":107,"props":9481,"children":9482},{"style":120},[9483],{"type":21,"value":9484},"toRefs",{"type":15,"tag":107,"props":9486,"children":9487},{"style":114},[9488],{"type":21,"value":347},{"type":15,"tag":107,"props":9490,"children":9491},{"style":329},[9492],{"type":21,"value":352},{"type":15,"tag":107,"props":9494,"children":9495},{"style":159},[9496],{"type":21,"value":357},{"type":15,"tag":107,"props":9498,"children":9499},{"style":114},[9500],{"type":21,"value":362},{"type":15,"tag":107,"props":9502,"children":9503},{"class":109,"line":144},[9504,9508,9512,9517,9521,9526,9530,9534,9538],{"type":15,"tag":107,"props":9505,"children":9506},{"style":329},[9507],{"type":21,"value":332},{"type":15,"tag":107,"props":9509,"children":9510},{"style":114},[9511],{"type":21,"value":337},{"type":15,"tag":107,"props":9513,"children":9514},{"style":120},[9515],{"type":21,"value":9516},"useTwMergeRoot",{"type":15,"tag":107,"props":9518,"children":9519},{"style":114},[9520],{"type":21,"value":880},{"type":15,"tag":107,"props":9522,"children":9523},{"style":120},[9524],{"type":21,"value":9525},"twMerge",{"type":15,"tag":107,"props":9527,"children":9528},{"style":114},[9529],{"type":21,"value":347},{"type":15,"tag":107,"props":9531,"children":9532},{"style":329},[9533],{"type":21,"value":352},{"type":15,"tag":107,"props":9535,"children":9536},{"style":159},[9537],{"type":21,"value":391},{"type":15,"tag":107,"props":9539,"children":9540},{"style":114},[9541],{"type":21,"value":362},{"type":15,"tag":107,"props":9543,"children":9544},{"class":109,"line":165},[9545],{"type":15,"tag":107,"props":9546,"children":9547},{"emptyLinePlaceholder":8},[9548],{"type":21,"value":286},{"type":15,"tag":107,"props":9550,"children":9551},{"class":109,"line":183},[9552,9556,9561,9565,9570],{"type":15,"tag":107,"props":9553,"children":9554},{"style":329},[9555],{"type":21,"value":412},{"type":15,"tag":107,"props":9557,"children":9558},{"style":415},[9559],{"type":21,"value":9560}," props",{"type":15,"tag":107,"props":9562,"children":9563},{"style":421},[9564],{"type":21,"value":424},{"type":15,"tag":107,"props":9566,"children":9567},{"style":427},[9568],{"type":21,"value":9569}," defineProps",{"type":15,"tag":107,"props":9571,"children":9572},{"style":114},[9573],{"type":21,"value":9574},"({\n",{"type":15,"tag":107,"props":9576,"children":9577},{"class":109,"line":201},[9578,9583],{"type":15,"tag":107,"props":9579,"children":9580},{"style":120},[9581],{"type":21,"value":9582},"  modelValue",{"type":15,"tag":107,"props":9584,"children":9585},{"style":114},[9586],{"type":21,"value":9587},": {\n",{"type":15,"tag":107,"props":9589,"children":9590},{"class":109,"line":218},[9591,9596,9600,9605],{"type":15,"tag":107,"props":9592,"children":9593},{"style":120},[9594],{"type":21,"value":9595},"    type",{"type":15,"tag":107,"props":9597,"children":9598},{"style":114},[9599],{"type":21,"value":490},{"type":15,"tag":107,"props":9601,"children":9602},{"style":120},[9603],{"type":21,"value":9604},"String",{"type":15,"tag":107,"props":9606,"children":9607},{"style":114},[9608],{"type":21,"value":500},{"type":15,"tag":107,"props":9610,"children":9611},{"class":109,"line":236},[9612,9617,9621,9625],{"type":15,"tag":107,"props":9613,"children":9614},{"style":120},[9615],{"type":21,"value":9616},"    default",{"type":15,"tag":107,"props":9618,"children":9619},{"style":114},[9620],{"type":21,"value":490},{"type":15,"tag":107,"props":9622,"children":9623},{"style":159},[9624],{"type":21,"value":440},{"type":15,"tag":107,"props":9626,"children":9627},{"style":114},[9628],{"type":21,"value":500},{"type":15,"tag":107,"props":9630,"children":9631},{"class":109,"line":254},[9632],{"type":15,"tag":107,"props":9633,"children":9634},{"style":114},[9635],{"type":21,"value":531},{"type":15,"tag":107,"props":9637,"children":9638},{"class":109,"line":263},[9639,9644],{"type":15,"tag":107,"props":9640,"children":9641},{"style":120},[9642],{"type":21,"value":9643},"  name",{"type":15,"tag":107,"props":9645,"children":9646},{"style":114},[9647],{"type":21,"value":9587},{"type":15,"tag":107,"props":9649,"children":9650},{"class":109,"line":280},[9651,9655,9659,9663],{"type":15,"tag":107,"props":9652,"children":9653},{"style":120},[9654],{"type":21,"value":9595},{"type":15,"tag":107,"props":9656,"children":9657},{"style":114},[9658],{"type":21,"value":490},{"type":15,"tag":107,"props":9660,"children":9661},{"style":120},[9662],{"type":21,"value":9604},{"type":15,"tag":107,"props":9664,"children":9665},{"style":114},[9666],{"type":21,"value":500},{"type":15,"tag":107,"props":9668,"children":9669},{"class":109,"line":289},[9670,9674,9678,9682],{"type":15,"tag":107,"props":9671,"children":9672},{"style":120},[9673],{"type":21,"value":9616},{"type":15,"tag":107,"props":9675,"children":9676},{"style":114},[9677],{"type":21,"value":490},{"type":15,"tag":107,"props":9679,"children":9680},{"style":159},[9681],{"type":21,"value":440},{"type":15,"tag":107,"props":9683,"children":9684},{"style":114},[9685],{"type":21,"value":500},{"type":15,"tag":107,"props":9687,"children":9688},{"class":109,"line":325},[9689],{"type":15,"tag":107,"props":9690,"children":9691},{"style":114},[9692],{"type":21,"value":531},{"type":15,"tag":107,"props":9694,"children":9695},{"class":109,"line":365},[9696,9701],{"type":15,"tag":107,"props":9697,"children":9698},{"style":120},[9699],{"type":21,"value":9700},"  disabled",{"type":15,"tag":107,"props":9702,"children":9703},{"style":114},[9704],{"type":21,"value":9587},{"type":15,"tag":107,"props":9706,"children":9707},{"class":109,"line":398},[9708,9712,9716,9721],{"type":15,"tag":107,"props":9709,"children":9710},{"style":120},[9711],{"type":21,"value":9595},{"type":15,"tag":107,"props":9713,"children":9714},{"style":114},[9715],{"type":21,"value":490},{"type":15,"tag":107,"props":9717,"children":9718},{"style":120},[9719],{"type":21,"value":9720},"Boolean",{"type":15,"tag":107,"props":9722,"children":9723},{"style":114},[9724],{"type":21,"value":500},{"type":15,"tag":107,"props":9726,"children":9727},{"class":109,"line":406},[9728,9732,9736,9740],{"type":15,"tag":107,"props":9729,"children":9730},{"style":120},[9731],{"type":21,"value":9616},{"type":15,"tag":107,"props":9733,"children":9734},{"style":114},[9735],{"type":21,"value":490},{"type":15,"tag":107,"props":9737,"children":9738},{"style":148},[9739],{"type":21,"value":9111},{"type":15,"tag":107,"props":9741,"children":9742},{"style":114},[9743],{"type":21,"value":500},{"type":15,"tag":107,"props":9745,"children":9746},{"class":109,"line":448},[9747],{"type":15,"tag":107,"props":9748,"children":9749},{"style":114},[9750],{"type":21,"value":531},{"type":15,"tag":107,"props":9752,"children":9753},{"class":109,"line":470},[9754,9759],{"type":15,"tag":107,"props":9755,"children":9756},{"style":120},[9757],{"type":21,"value":9758},"  value",{"type":15,"tag":107,"props":9760,"children":9761},{"style":114},[9762],{"type":21,"value":9587},{"type":15,"tag":107,"props":9764,"children":9765},{"class":109,"line":479},[9766,9770,9774,9778],{"type":15,"tag":107,"props":9767,"children":9768},{"style":120},[9769],{"type":21,"value":9595},{"type":15,"tag":107,"props":9771,"children":9772},{"style":114},[9773],{"type":21,"value":490},{"type":15,"tag":107,"props":9775,"children":9776},{"style":120},[9777],{"type":21,"value":9604},{"type":15,"tag":107,"props":9779,"children":9780},{"style":114},[9781],{"type":21,"value":500},{"type":15,"tag":107,"props":9783,"children":9784},{"class":109,"line":503},[9785,9789,9793,9797],{"type":15,"tag":107,"props":9786,"children":9787},{"style":120},[9788],{"type":21,"value":9616},{"type":15,"tag":107,"props":9790,"children":9791},{"style":114},[9792],{"type":21,"value":490},{"type":15,"tag":107,"props":9794,"children":9795},{"style":159},[9796],{"type":21,"value":440},{"type":15,"tag":107,"props":9798,"children":9799},{"style":114},[9800],{"type":21,"value":500},{"type":15,"tag":107,"props":9802,"children":9803},{"class":109,"line":525},[9804],{"type":15,"tag":107,"props":9805,"children":9806},{"style":114},[9807],{"type":21,"value":531},{"type":15,"tag":107,"props":9809,"children":9810},{"class":109,"line":534},[9811,9816],{"type":15,"tag":107,"props":9812,"children":9813},{"style":120},[9814],{"type":21,"value":9815},"  invalid",{"type":15,"tag":107,"props":9817,"children":9818},{"style":114},[9819],{"type":21,"value":9587},{"type":15,"tag":107,"props":9821,"children":9822},{"class":109,"line":542},[9823,9827,9831,9835],{"type":15,"tag":107,"props":9824,"children":9825},{"style":120},[9826],{"type":21,"value":9595},{"type":15,"tag":107,"props":9828,"children":9829},{"style":114},[9830],{"type":21,"value":490},{"type":15,"tag":107,"props":9832,"children":9833},{"style":120},[9834],{"type":21,"value":9720},{"type":15,"tag":107,"props":9836,"children":9837},{"style":114},[9838],{"type":21,"value":500},{"type":15,"tag":107,"props":9840,"children":9841},{"class":109,"line":563},[9842,9846,9850,9854],{"type":15,"tag":107,"props":9843,"children":9844},{"style":120},[9845],{"type":21,"value":9616},{"type":15,"tag":107,"props":9847,"children":9848},{"style":114},[9849],{"type":21,"value":490},{"type":15,"tag":107,"props":9851,"children":9852},{"style":148},[9853],{"type":21,"value":9111},{"type":15,"tag":107,"props":9855,"children":9856},{"style":114},[9857],{"type":21,"value":500},{"type":15,"tag":107,"props":9859,"children":9860},{"class":109,"line":584},[9861],{"type":15,"tag":107,"props":9862,"children":9863},{"style":114},[9864],{"type":21,"value":531},{"type":15,"tag":107,"props":9866,"children":9867},{"class":109,"line":592},[9868],{"type":15,"tag":107,"props":9869,"children":9870},{"style":114},[9871],{"type":21,"value":9872},"});\n",{"type":15,"tag":107,"props":9874,"children":9875},{"class":109,"line":601},[9876,9880,9885,9889,9894],{"type":15,"tag":107,"props":9877,"children":9878},{"style":329},[9879],{"type":21,"value":412},{"type":15,"tag":107,"props":9881,"children":9882},{"style":415},[9883],{"type":21,"value":9884}," emit",{"type":15,"tag":107,"props":9886,"children":9887},{"style":421},[9888],{"type":21,"value":424},{"type":15,"tag":107,"props":9890,"children":9891},{"style":427},[9892],{"type":21,"value":9893}," defineEmits",{"type":15,"tag":107,"props":9895,"children":9896},{"style":114},[9897],{"type":21,"value":9898},"\u003C{\n",{"type":15,"tag":107,"props":9900,"children":9901},{"class":109,"line":1217},[9902,9907,9911,9915,9920,9924,9928,9932,9936,9941,9946],{"type":15,"tag":107,"props":9903,"children":9904},{"style":114},[9905],{"type":21,"value":9906},"  (",{"type":15,"tag":107,"props":9908,"children":9909},{"style":962},[9910],{"type":21,"value":1151},{"type":15,"tag":107,"props":9912,"children":9913},{"style":114},[9914],{"type":21,"value":490},{"type":15,"tag":107,"props":9916,"children":9917},{"style":159},[9918],{"type":21,"value":9919},"'update:modelValue'",{"type":15,"tag":107,"props":9921,"children":9922},{"style":114},[9923],{"type":21,"value":880},{"type":15,"tag":107,"props":9925,"children":9926},{"style":962},[9927],{"type":21,"value":974},{"type":15,"tag":107,"props":9929,"children":9930},{"style":114},[9931],{"type":21,"value":490},{"type":15,"tag":107,"props":9933,"children":9934},{"style":415},[9935],{"type":21,"value":9075},{"type":15,"tag":107,"props":9937,"children":9938},{"style":114},[9939],{"type":21,"value":9940},"): ",{"type":15,"tag":107,"props":9942,"children":9943},{"style":415},[9944],{"type":21,"value":9945},"void",{"type":15,"tag":107,"props":9947,"children":9948},{"style":114},[9949],{"type":21,"value":362},{"type":15,"tag":107,"props":9951,"children":9952},{"class":109,"line":1226},[9953],{"type":15,"tag":107,"props":9954,"children":9955},{"style":114},[9956],{"type":21,"value":9957},"}>();\n",{"type":15,"tag":107,"props":9959,"children":9960},{"class":109,"line":1239},[9961],{"type":15,"tag":107,"props":9962,"children":9963},{"emptyLinePlaceholder":8},[9964],{"type":21,"value":286},{"type":15,"tag":107,"props":9966,"children":9967},{"class":109,"line":1248},[9968,9973],{"type":15,"tag":107,"props":9969,"children":9970},{"style":427},[9971],{"type":21,"value":9972},"defineOptions",{"type":15,"tag":107,"props":9974,"children":9975},{"style":114},[9976],{"type":21,"value":9574},{"type":15,"tag":107,"props":9978,"children":9979},{"class":109,"line":1257},[9980,9985,9989,9993],{"type":15,"tag":107,"props":9981,"children":9982},{"style":120},[9983],{"type":21,"value":9984},"  inheritAttrs",{"type":15,"tag":107,"props":9986,"children":9987},{"style":114},[9988],{"type":21,"value":490},{"type":15,"tag":107,"props":9990,"children":9991},{"style":148},[9992],{"type":21,"value":9111},{"type":15,"tag":107,"props":9994,"children":9995},{"style":114},[9996],{"type":21,"value":500},{"type":15,"tag":107,"props":9998,"children":9999},{"class":109,"line":1939},[10000],{"type":15,"tag":107,"props":10001,"children":10002},{"style":114},[10003],{"type":21,"value":9872},{"type":15,"tag":107,"props":10005,"children":10006},{"class":109,"line":1947},[10007,10011,10015,10020,10024,10028,10033],{"type":15,"tag":107,"props":10008,"children":10009},{"style":329},[10010],{"type":21,"value":412},{"type":15,"tag":107,"props":10012,"children":10013},{"style":114},[10014],{"type":21,"value":337},{"type":15,"tag":107,"props":10016,"children":10017},{"style":415},[10018],{"type":21,"value":10019},"attrsWithoutClass",{"type":15,"tag":107,"props":10021,"children":10022},{"style":114},[10023],{"type":21,"value":347},{"type":15,"tag":107,"props":10025,"children":10026},{"style":421},[10027],{"type":21,"value":156},{"type":15,"tag":107,"props":10029,"children":10030},{"style":427},[10031],{"type":21,"value":10032}," useTwMergeRoot",{"type":15,"tag":107,"props":10034,"children":10035},{"style":114},[10036],{"type":21,"value":10037},"();\n",{"type":15,"tag":107,"props":10039,"children":10040},{"class":109,"line":2707},[10041],{"type":15,"tag":107,"props":10042,"children":10043},{"emptyLinePlaceholder":8},[10044],{"type":21,"value":286},{"type":15,"tag":107,"props":10046,"children":10047},{"class":109,"line":2724},[10048,10052,10056,10060,10064,10068,10073,10077,10081],{"type":15,"tag":107,"props":10049,"children":10050},{"style":329},[10051],{"type":21,"value":412},{"type":15,"tag":107,"props":10053,"children":10054},{"style":114},[10055],{"type":21,"value":337},{"type":15,"tag":107,"props":10057,"children":10058},{"style":415},[10059],{"type":21,"value":9151},{"type":15,"tag":107,"props":10061,"children":10062},{"style":114},[10063],{"type":21,"value":347},{"type":15,"tag":107,"props":10065,"children":10066},{"style":421},[10067],{"type":21,"value":156},{"type":15,"tag":107,"props":10069,"children":10070},{"style":427},[10071],{"type":21,"value":10072}," toRefs",{"type":15,"tag":107,"props":10074,"children":10075},{"style":114},[10076],{"type":21,"value":435},{"type":15,"tag":107,"props":10078,"children":10079},{"style":120},[10080],{"type":21,"value":9009},{"type":15,"tag":107,"props":10082,"children":10083},{"style":114},[10084],{"type":21,"value":445},{"type":15,"tag":107,"props":10086,"children":10087},{"class":109,"line":2752},[10088,10092,10097,10101,10106],{"type":15,"tag":107,"props":10089,"children":10090},{"style":329},[10091],{"type":21,"value":412},{"type":15,"tag":107,"props":10093,"children":10094},{"style":415},[10095],{"type":21,"value":10096}," proxyChecked",{"type":15,"tag":107,"props":10098,"children":10099},{"style":421},[10100],{"type":21,"value":424},{"type":15,"tag":107,"props":10102,"children":10103},{"style":427},[10104],{"type":21,"value":10105}," computed",{"type":15,"tag":107,"props":10107,"children":10108},{"style":114},[10109],{"type":21,"value":9574},{"type":15,"tag":107,"props":10111,"children":10112},{"class":109,"line":2788},[10113,10118,10123,10127,10132,10136,10140],{"type":15,"tag":107,"props":10114,"children":10115},{"style":427},[10116],{"type":21,"value":10117},"  get",{"type":15,"tag":107,"props":10119,"children":10120},{"style":114},[10121],{"type":21,"value":10122},": () ",{"type":15,"tag":107,"props":10124,"children":10125},{"style":329},[10126],{"type":21,"value":984},{"type":15,"tag":107,"props":10128,"children":10129},{"style":415},[10130],{"type":21,"value":10131}," modelValue",{"type":15,"tag":107,"props":10133,"children":10134},{"style":114},[10135],{"type":21,"value":72},{"type":15,"tag":107,"props":10137,"children":10138},{"style":120},[10139],{"type":21,"value":974},{"type":15,"tag":107,"props":10141,"children":10142},{"style":114},[10143],{"type":21,"value":500},{"type":15,"tag":107,"props":10145,"children":10146},{"class":109,"line":2804},[10147,10152,10157,10162,10166,10170],{"type":15,"tag":107,"props":10148,"children":10149},{"style":427},[10150],{"type":21,"value":10151},"  set",{"type":15,"tag":107,"props":10153,"children":10154},{"style":114},[10155],{"type":21,"value":10156},": (",{"type":15,"tag":107,"props":10158,"children":10159},{"style":962},[10160],{"type":21,"value":10161},"val",{"type":15,"tag":107,"props":10163,"children":10164},{"style":114},[10165],{"type":21,"value":1156},{"type":15,"tag":107,"props":10167,"children":10168},{"style":329},[10169],{"type":21,"value":984},{"type":15,"tag":107,"props":10171,"children":10172},{"style":114},[10173],{"type":21,"value":1165},{"type":15,"tag":107,"props":10175,"children":10176},{"class":109,"line":2812},[10177,10182,10186,10190,10194,10198],{"type":15,"tag":107,"props":10178,"children":10179},{"style":427},[10180],{"type":21,"value":10181},"    emit",{"type":15,"tag":107,"props":10183,"children":10184},{"style":114},[10185],{"type":21,"value":435},{"type":15,"tag":107,"props":10187,"children":10188},{"style":159},[10189],{"type":21,"value":9919},{"type":15,"tag":107,"props":10191,"children":10192},{"style":114},[10193],{"type":21,"value":880},{"type":15,"tag":107,"props":10195,"children":10196},{"style":120},[10197],{"type":21,"value":10161},{"type":15,"tag":107,"props":10199,"children":10200},{"style":114},[10201],{"type":21,"value":445},{"type":15,"tag":107,"props":10203,"children":10204},{"class":109,"line":2820},[10205],{"type":15,"tag":107,"props":10206,"children":10207},{"style":114},[10208],{"type":21,"value":531},{"type":15,"tag":107,"props":10210,"children":10211},{"class":109,"line":6702},[10212],{"type":15,"tag":107,"props":10213,"children":10214},{"style":114},[10215],{"type":21,"value":9872},{"type":15,"tag":107,"props":10217,"children":10218},{"class":109,"line":6710},[10219,10223,10227],{"type":15,"tag":107,"props":10220,"children":10221},{"style":114},[10222],{"type":21,"value":269},{"type":15,"tag":107,"props":10224,"children":10225},{"style":120},[10226],{"type":21,"value":299},{"type":15,"tag":107,"props":10228,"children":10229},{"style":114},[10230],{"type":21,"value":127},{"type":15,"tag":107,"props":10232,"children":10233},{"class":109,"line":6718},[10234,10238,10242],{"type":15,"tag":107,"props":10235,"children":10236},{"style":114},[10237],{"type":21,"value":117},{"type":15,"tag":107,"props":10239,"children":10240},{"style":120},[10241],{"type":21,"value":28},{"type":15,"tag":107,"props":10243,"children":10244},{"style":114},[10245],{"type":21,"value":127},{"type":15,"tag":107,"props":10247,"children":10248},{"class":109,"line":6738},[10249,10253],{"type":15,"tag":107,"props":10250,"children":10251},{"style":114},[10252],{"type":21,"value":136},{"type":15,"tag":107,"props":10254,"children":10255},{"style":120},[10256],{"type":21,"value":10257},"input\n",{"type":15,"tag":107,"props":10259,"children":10260},{"class":109,"line":6758},[10261,10265,10269],{"type":15,"tag":107,"props":10262,"children":10263},{"style":148},[10264],{"type":21,"value":224},{"type":15,"tag":107,"props":10266,"children":10267},{"style":114},[10268],{"type":21,"value":156},{"type":15,"tag":107,"props":10270,"children":10271},{"style":159},[10272],{"type":21,"value":233},{"type":15,"tag":107,"props":10274,"children":10275},{"class":109,"line":6778},[10276,10280,10284],{"type":15,"tag":107,"props":10277,"children":10278},{"style":148},[10279],{"type":21,"value":9595},{"type":15,"tag":107,"props":10281,"children":10282},{"style":114},[10283],{"type":21,"value":156},{"type":15,"tag":107,"props":10285,"children":10286},{"style":159},[10287],{"type":21,"value":10288},"\"radio\"\n",{"type":15,"tag":107,"props":10290,"children":10291},{"class":109,"line":6786},[10292,10296,10300],{"type":15,"tag":107,"props":10293,"children":10294},{"style":148},[10295],{"type":21,"value":207},{"type":15,"tag":107,"props":10297,"children":10298},{"style":114},[10299],{"type":21,"value":156},{"type":15,"tag":107,"props":10301,"children":10302},{"style":159},[10303],{"type":21,"value":180},{"type":15,"tag":107,"props":10305,"children":10306},{"class":109,"line":6794},[10307,10312,10316],{"type":15,"tag":107,"props":10308,"children":10309},{"style":148},[10310],{"type":21,"value":10311},"    :class",{"type":15,"tag":107,"props":10313,"children":10314},{"style":114},[10315],{"type":21,"value":156},{"type":15,"tag":107,"props":10317,"children":10318},{"style":159},[10319],{"type":21,"value":10320},"\"\n",{"type":15,"tag":107,"props":10322,"children":10323},{"class":109,"line":6815},[10324],{"type":15,"tag":107,"props":10325,"children":10326},{"style":159},[10327],{"type":21,"value":10328},"      twMerge(\n",{"type":15,"tag":107,"props":10330,"children":10331},{"class":109,"line":6823},[10332],{"type":15,"tag":107,"props":10333,"children":10334},{"style":159},[10335],{"type":21,"value":10336},"        'h-5 w-5 border-2 p-[3px] bg-clip-content rounded-full appearance-none cursor-pointer focus-visible:outline focus-visible:outline-offset disabled:border-disabled-500 disabled:cursor-not-allowed disabled:checked:bg-disabled-500 disabled:checked:border-disabled-500',\n",{"type":15,"tag":107,"props":10338,"children":10339},{"class":109,"line":6843},[10340],{"type":15,"tag":107,"props":10341,"children":10342},{"style":159},[10343],{"type":21,"value":10344},"        invalid && !disabled\n",{"type":15,"tag":107,"props":10346,"children":10347},{"class":109,"line":6863},[10348],{"type":15,"tag":107,"props":10349,"children":10350},{"style":159},[10351],{"type":21,"value":10352},"          ? 'border-negative-700 checked:bg-negative-700 hover:border-negative-800 hover:checked:bg-negative-800 active:border-negative-900 active:checked:bg-negative-900'\n",{"type":15,"tag":107,"props":10354,"children":10355},{"class":109,"line":6883},[10356],{"type":15,"tag":107,"props":10357,"children":10358},{"style":159},[10359],{"type":21,"value":10360},"          : 'border-neutral-500 active:border-primary-900 hover:border-primary-700 checked:bg-primary-700 checked:border-primary-700 hover:checked:bg-primary-800 hover:checked:border-primary-800 active:checked:bg-primary-900 active:checked:border-primary-900',\n",{"type":15,"tag":107,"props":10362,"children":10363},{"class":109,"line":6891},[10364],{"type":15,"tag":107,"props":10365,"children":10366},{"style":159},[10367],{"type":21,"value":10368},"        $attrs.class,\n",{"type":15,"tag":107,"props":10370,"children":10371},{"class":109,"line":6899},[10372],{"type":15,"tag":107,"props":10373,"children":10374},{"style":159},[10375],{"type":21,"value":10376},"      )\n",{"type":15,"tag":107,"props":10378,"children":10379},{"class":109,"line":6919},[10380],{"type":15,"tag":107,"props":10381,"children":10382},{"style":159},[10383],{"type":21,"value":10384},"    \"\n",{"type":15,"tag":107,"props":10386,"children":10387},{"class":109,"line":6939},[10388,10393,10397],{"type":15,"tag":107,"props":10389,"children":10390},{"style":148},[10391],{"type":21,"value":10392},"    :disabled",{"type":15,"tag":107,"props":10394,"children":10395},{"style":114},[10396],{"type":21,"value":156},{"type":15,"tag":107,"props":10398,"children":10399},{"style":159},[10400],{"type":21,"value":10401},"\"disabled\"\n",{"type":15,"tag":107,"props":10403,"children":10404},{"class":109,"line":6959},[10405,10409,10413],{"type":15,"tag":107,"props":10406,"children":10407},{"style":148},[10408],{"type":21,"value":242},{"type":15,"tag":107,"props":10410,"children":10411},{"style":114},[10412],{"type":21,"value":156},{"type":15,"tag":107,"props":10414,"children":10415},{"style":159},[10416],{"type":21,"value":10417},"\"proxyChecked\"\n",{"type":15,"tag":107,"props":10419,"children":10420},{"class":109,"line":6967},[10421,10426,10430],{"type":15,"tag":107,"props":10422,"children":10423},{"style":148},[10424],{"type":21,"value":10425},"    v-bind",{"type":15,"tag":107,"props":10427,"children":10428},{"style":114},[10429],{"type":21,"value":156},{"type":15,"tag":107,"props":10431,"children":10432},{"style":159},[10433],{"type":21,"value":10434},"\"attrsWithoutClass\"\n",{"type":15,"tag":107,"props":10436,"children":10437},{"class":109,"line":6975},[10438],{"type":15,"tag":107,"props":10439,"children":10440},{"style":114},[10441],{"type":21,"value":260},{"type":15,"tag":107,"props":10443,"children":10444},{"class":109,"line":8318},[10445,10449,10453],{"type":15,"tag":107,"props":10446,"children":10447},{"style":114},[10448],{"type":21,"value":269},{"type":15,"tag":107,"props":10450,"children":10451},{"style":120},[10452],{"type":21,"value":28},{"type":15,"tag":107,"props":10454,"children":10455},{"style":114},[10456],{"type":21,"value":127},{"type":15,"tag":616,"props":10458,"children":10459},{},[10460],{"type":15,"tag":97,"props":10461,"children":10463},{"className":621,"code":10462,"language":623,"meta":9,"style":9},"import { forwardRef } from 'react';\nimport { twMerge, type SfRadioProps } from '@storefront-ui\u002Freact';\n\nexport default forwardRef\u003CHTMLInputElement, SfRadioProps>((props, ref) => {\n  const { invalid, className, disabled, ...attributes } = props;\n\n  return (\n    \u003Cinput\n      ref={ref}\n      type=\"radio\"\n      disabled={disabled}\n      className={twMerge(\n        'h-5 w-5 border-2 p-[3px] bg-clip-content rounded-full appearance-none cursor-pointer focus-visible:outline focus-visible:outline-offset disabled:border-disabled-500 disabled:cursor-not-allowed disabled:checked:bg-disabled-500 disabled:checked:border-disabled-500',\n        invalid && !disabled\n          ? 'border-negative-700 checked:bg-negative-700 hover:border-negative-800 hover:checked:bg-negative-800 active:border-negative-900 active:checked:bg-negative-900'\n          : 'border-neutral-500 active:border-primary-900 hover:border-primary-700 checked:bg-primary-700 checked:border-primary-700 hover:checked:bg-primary-800 hover:checked:border-primary-800 active:checked:bg-primary-900 active:checked:border-primary-900',\n        className,\n      )}\n      {...attributes}\n    \u002F>\n  );\n});\n\n",[10464],{"type":15,"tag":36,"props":10465,"children":10466},{"__ignoreMap":9},[10467,10499,10544,10551,10614,10671,10678,10689,10700,10724,10740,10764,10789,10801,10824,10837,10854,10866,10878,10898,10906,10913],{"type":15,"tag":107,"props":10468,"children":10469},{"class":109,"line":110},[10470,10474,10478,10483,10487,10491,10495],{"type":15,"tag":107,"props":10471,"children":10472},{"style":329},[10473],{"type":21,"value":332},{"type":15,"tag":107,"props":10475,"children":10476},{"style":114},[10477],{"type":21,"value":337},{"type":15,"tag":107,"props":10479,"children":10480},{"style":120},[10481],{"type":21,"value":10482},"forwardRef",{"type":15,"tag":107,"props":10484,"children":10485},{"style":114},[10486],{"type":21,"value":347},{"type":15,"tag":107,"props":10488,"children":10489},{"style":329},[10490],{"type":21,"value":352},{"type":15,"tag":107,"props":10492,"children":10493},{"style":159},[10494],{"type":21,"value":688},{"type":15,"tag":107,"props":10496,"children":10497},{"style":114},[10498],{"type":21,"value":362},{"type":15,"tag":107,"props":10500,"children":10501},{"class":109,"line":130},[10502,10506,10510,10514,10518,10523,10528,10532,10536,10540],{"type":15,"tag":107,"props":10503,"children":10504},{"style":329},[10505],{"type":21,"value":332},{"type":15,"tag":107,"props":10507,"children":10508},{"style":114},[10509],{"type":21,"value":337},{"type":15,"tag":107,"props":10511,"children":10512},{"style":120},[10513],{"type":21,"value":9525},{"type":15,"tag":107,"props":10515,"children":10516},{"style":114},[10517],{"type":21,"value":880},{"type":15,"tag":107,"props":10519,"children":10520},{"style":329},[10521],{"type":21,"value":10522},"type",{"type":15,"tag":107,"props":10524,"children":10525},{"style":120},[10526],{"type":21,"value":10527}," SfRadioProps",{"type":15,"tag":107,"props":10529,"children":10530},{"style":114},[10531],{"type":21,"value":347},{"type":15,"tag":107,"props":10533,"children":10534},{"style":329},[10535],{"type":21,"value":352},{"type":15,"tag":107,"props":10537,"children":10538},{"style":159},[10539],{"type":21,"value":655},{"type":15,"tag":107,"props":10541,"children":10542},{"style":114},[10543],{"type":21,"value":362},{"type":15,"tag":107,"props":10545,"children":10546},{"class":109,"line":144},[10547],{"type":15,"tag":107,"props":10548,"children":10549},{"emptyLinePlaceholder":8},[10550],{"type":21,"value":286},{"type":15,"tag":107,"props":10552,"children":10553},{"class":109,"line":165},[10554,10558,10562,10567,10571,10576,10580,10585,10590,10594,10598,10602,10606,10610],{"type":15,"tag":107,"props":10555,"children":10556},{"style":329},[10557],{"type":21,"value":837},{"type":15,"tag":107,"props":10559,"children":10560},{"style":329},[10561],{"type":21,"value":842},{"type":15,"tag":107,"props":10563,"children":10564},{"style":427},[10565],{"type":21,"value":10566}," forwardRef",{"type":15,"tag":107,"props":10568,"children":10569},{"style":114},[10570],{"type":21,"value":117},{"type":15,"tag":107,"props":10572,"children":10573},{"style":415},[10574],{"type":21,"value":10575},"HTMLInputElement",{"type":15,"tag":107,"props":10577,"children":10578},{"style":114},[10579],{"type":21,"value":880},{"type":15,"tag":107,"props":10581,"children":10582},{"style":415},[10583],{"type":21,"value":10584},"SfRadioProps",{"type":15,"tag":107,"props":10586,"children":10587},{"style":114},[10588],{"type":21,"value":10589},">((",{"type":15,"tag":107,"props":10591,"children":10592},{"style":962},[10593],{"type":21,"value":9009},{"type":15,"tag":107,"props":10595,"children":10596},{"style":114},[10597],{"type":21,"value":880},{"type":15,"tag":107,"props":10599,"children":10600},{"style":962},[10601],{"type":21,"value":342},{"type":15,"tag":107,"props":10603,"children":10604},{"style":114},[10605],{"type":21,"value":1156},{"type":15,"tag":107,"props":10607,"children":10608},{"style":329},[10609],{"type":21,"value":984},{"type":15,"tag":107,"props":10611,"children":10612},{"style":114},[10613],{"type":21,"value":1165},{"type":15,"tag":107,"props":10615,"children":10616},{"class":109,"line":183},[10617,10621,10625,10629,10633,10637,10641,10645,10650,10655,10659,10663,10667],{"type":15,"tag":107,"props":10618,"children":10619},{"style":329},[10620],{"type":21,"value":865},{"type":15,"tag":107,"props":10622,"children":10623},{"style":114},[10624],{"type":21,"value":337},{"type":15,"tag":107,"props":10626,"children":10627},{"style":415},[10628],{"type":21,"value":9093},{"type":15,"tag":107,"props":10630,"children":10631},{"style":114},[10632],{"type":21,"value":880},{"type":15,"tag":107,"props":10634,"children":10635},{"style":415},[10636],{"type":21,"value":9348},{"type":15,"tag":107,"props":10638,"children":10639},{"style":114},[10640],{"type":21,"value":880},{"type":15,"tag":107,"props":10642,"children":10643},{"style":415},[10644],{"type":21,"value":9177},{"type":15,"tag":107,"props":10646,"children":10647},{"style":114},[10648],{"type":21,"value":10649},", ...",{"type":15,"tag":107,"props":10651,"children":10652},{"style":415},[10653],{"type":21,"value":10654},"attributes",{"type":15,"tag":107,"props":10656,"children":10657},{"style":114},[10658],{"type":21,"value":347},{"type":15,"tag":107,"props":10660,"children":10661},{"style":421},[10662],{"type":21,"value":156},{"type":15,"tag":107,"props":10664,"children":10665},{"style":120},[10666],{"type":21,"value":9560},{"type":15,"tag":107,"props":10668,"children":10669},{"style":114},[10670],{"type":21,"value":362},{"type":15,"tag":107,"props":10672,"children":10673},{"class":109,"line":201},[10674],{"type":15,"tag":107,"props":10675,"children":10676},{"emptyLinePlaceholder":8},[10677],{"type":21,"value":286},{"type":15,"tag":107,"props":10679,"children":10680},{"class":109,"line":218},[10681,10685],{"type":15,"tag":107,"props":10682,"children":10683},{"style":329},[10684],{"type":21,"value":919},{"type":15,"tag":107,"props":10686,"children":10687},{"style":114},[10688],{"type":21,"value":924},{"type":15,"tag":107,"props":10690,"children":10691},{"class":109,"line":236},[10692,10696],{"type":15,"tag":107,"props":10693,"children":10694},{"style":114},[10695],{"type":21,"value":1347},{"type":15,"tag":107,"props":10697,"children":10698},{"style":120},[10699],{"type":21,"value":10257},{"type":15,"tag":107,"props":10701,"children":10702},{"class":109,"line":254},[10703,10708,10712,10716,10720],{"type":15,"tag":107,"props":10704,"children":10705},{"style":1006},[10706],{"type":21,"value":10707},"      ref",{"type":15,"tag":107,"props":10709,"children":10710},{"style":421},[10711],{"type":21,"value":156},{"type":15,"tag":107,"props":10713,"children":10714},{"style":329},[10715],{"type":21,"value":1018},{"type":15,"tag":107,"props":10717,"children":10718},{"style":120},[10719],{"type":21,"value":342},{"type":15,"tag":107,"props":10721,"children":10722},{"style":329},[10723],{"type":21,"value":1027},{"type":15,"tag":107,"props":10725,"children":10726},{"class":109,"line":263},[10727,10732,10736],{"type":15,"tag":107,"props":10728,"children":10729},{"style":1006},[10730],{"type":21,"value":10731},"      type",{"type":15,"tag":107,"props":10733,"children":10734},{"style":421},[10735],{"type":21,"value":156},{"type":15,"tag":107,"props":10737,"children":10738},{"style":159},[10739],{"type":21,"value":10288},{"type":15,"tag":107,"props":10741,"children":10742},{"class":109,"line":280},[10743,10748,10752,10756,10760],{"type":15,"tag":107,"props":10744,"children":10745},{"style":1006},[10746],{"type":21,"value":10747},"      disabled",{"type":15,"tag":107,"props":10749,"children":10750},{"style":421},[10751],{"type":21,"value":156},{"type":15,"tag":107,"props":10753,"children":10754},{"style":329},[10755],{"type":21,"value":1018},{"type":15,"tag":107,"props":10757,"children":10758},{"style":120},[10759],{"type":21,"value":9177},{"type":15,"tag":107,"props":10761,"children":10762},{"style":329},[10763],{"type":21,"value":1027},{"type":15,"tag":107,"props":10765,"children":10766},{"class":109,"line":289},[10767,10772,10776,10780,10784],{"type":15,"tag":107,"props":10768,"children":10769},{"style":1006},[10770],{"type":21,"value":10771},"      className",{"type":15,"tag":107,"props":10773,"children":10774},{"style":421},[10775],{"type":21,"value":156},{"type":15,"tag":107,"props":10777,"children":10778},{"style":329},[10779],{"type":21,"value":1018},{"type":15,"tag":107,"props":10781,"children":10782},{"style":427},[10783],{"type":21,"value":9525},{"type":15,"tag":107,"props":10785,"children":10786},{"style":114},[10787],{"type":21,"value":10788},"(\n",{"type":15,"tag":107,"props":10790,"children":10791},{"class":109,"line":325},[10792,10797],{"type":15,"tag":107,"props":10793,"children":10794},{"style":159},[10795],{"type":21,"value":10796},"        'h-5 w-5 border-2 p-[3px] bg-clip-content rounded-full appearance-none cursor-pointer focus-visible:outline focus-visible:outline-offset disabled:border-disabled-500 disabled:cursor-not-allowed disabled:checked:bg-disabled-500 disabled:checked:border-disabled-500'",{"type":15,"tag":107,"props":10798,"children":10799},{"style":114},[10800],{"type":21,"value":500},{"type":15,"tag":107,"props":10802,"children":10803},{"class":109,"line":365},[10804,10809,10814,10819],{"type":15,"tag":107,"props":10805,"children":10806},{"style":120},[10807],{"type":21,"value":10808},"        invalid",{"type":15,"tag":107,"props":10810,"children":10811},{"style":421},[10812],{"type":21,"value":10813}," &&",{"type":15,"tag":107,"props":10815,"children":10816},{"style":421},[10817],{"type":21,"value":10818}," !",{"type":15,"tag":107,"props":10820,"children":10821},{"style":120},[10822],{"type":21,"value":10823},"disabled\n",{"type":15,"tag":107,"props":10825,"children":10826},{"class":109,"line":398},[10827,10832],{"type":15,"tag":107,"props":10828,"children":10829},{"style":329},[10830],{"type":21,"value":10831},"          ?",{"type":15,"tag":107,"props":10833,"children":10834},{"style":159},[10835],{"type":21,"value":10836}," 'border-negative-700 checked:bg-negative-700 hover:border-negative-800 hover:checked:bg-negative-800 active:border-negative-900 active:checked:bg-negative-900'\n",{"type":15,"tag":107,"props":10838,"children":10839},{"class":109,"line":406},[10840,10845,10850],{"type":15,"tag":107,"props":10841,"children":10842},{"style":329},[10843],{"type":21,"value":10844},"          :",{"type":15,"tag":107,"props":10846,"children":10847},{"style":159},[10848],{"type":21,"value":10849}," 'border-neutral-500 active:border-primary-900 hover:border-primary-700 checked:bg-primary-700 checked:border-primary-700 hover:checked:bg-primary-800 hover:checked:border-primary-800 active:checked:bg-primary-900 active:checked:border-primary-900'",{"type":15,"tag":107,"props":10851,"children":10852},{"style":114},[10853],{"type":21,"value":500},{"type":15,"tag":107,"props":10855,"children":10856},{"class":109,"line":448},[10857,10862],{"type":15,"tag":107,"props":10858,"children":10859},{"style":120},[10860],{"type":21,"value":10861},"        className",{"type":15,"tag":107,"props":10863,"children":10864},{"style":114},[10865],{"type":21,"value":500},{"type":15,"tag":107,"props":10867,"children":10868},{"class":109,"line":470},[10869,10874],{"type":15,"tag":107,"props":10870,"children":10871},{"style":114},[10872],{"type":21,"value":10873},"      )",{"type":15,"tag":107,"props":10875,"children":10876},{"style":329},[10877],{"type":21,"value":1027},{"type":15,"tag":107,"props":10879,"children":10880},{"class":109,"line":479},[10881,10885,10890,10894],{"type":15,"tag":107,"props":10882,"children":10883},{"style":329},[10884],{"type":21,"value":940},{"type":15,"tag":107,"props":10886,"children":10887},{"style":114},[10888],{"type":21,"value":10889},"...",{"type":15,"tag":107,"props":10891,"children":10892},{"style":120},[10893],{"type":21,"value":10654},{"type":15,"tag":107,"props":10895,"children":10896},{"style":329},[10897],{"type":21,"value":1027},{"type":15,"tag":107,"props":10899,"children":10900},{"class":109,"line":503},[10901],{"type":15,"tag":107,"props":10902,"children":10903},{"style":114},[10904],{"type":21,"value":10905},"    \u002F>\n",{"type":15,"tag":107,"props":10907,"children":10908},{"class":109,"line":525},[10909],{"type":15,"tag":107,"props":10910,"children":10911},{"style":114},[10912],{"type":21,"value":1254},{"type":15,"tag":107,"props":10914,"children":10915},{"class":109,"line":534},[10916],{"type":15,"tag":107,"props":10917,"children":10918},{"style":114},[10919],{"type":21,"value":9872},{"type":15,"tag":10921,"props":10922,"children":10923},"style",{},[10924],{"type":21,"value":10925},"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":183,"depth":130,"links":10927},[10928,10936,10937,10938,10939],{"id":76,"depth":130,"text":79,"children":10929},[10930,10931,10932,10933,10934,10935],{"id":83,"depth":144,"text":86},{"id":1265,"depth":144,"text":1268},{"id":2828,"depth":144,"text":2831},{"id":4317,"depth":144,"text":4320},{"id":5824,"depth":144,"text":5827},{"id":8522,"depth":144,"text":8525},{"id":8922,"depth":130,"text":8925},{"id":8995,"depth":130,"text":8998},{"id":9009,"depth":130,"text":9012},{"id":9368,"depth":130,"text":9371},"markdown","content:_components:radio.md","content","_components\u002Fradio.md","_components\u002Fradio","md","default",[10948],{"_path":10949,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":10950,"sidebarRoot":8,"_id":10953,"_type":10954,"title":10955,"_source":10942,"_file":10956,"_stem":10957,"_extension":10958},"\u002F_dir",{"title":10951,"icon":10952},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":10960,"sidebarRoot":10962},[10961,10964,10976],{"title":10951,"_path":10962,"_id":10953,"layout":10963,"sidebarRoot":8,"icon":10952},"\u002F","fullscreen",{"title":10965,"_path":10966,"children":10967,"_id":10975,"layout":10946},"Getting Started","\u002Fgetting-started",[10968,10971],{"title":10969,"_path":10966,"_id":10970,"layout":10946},"Installation","content:2.getting-started:1.index.md",{"title":10972,"_path":10973,"_id":10974,"layout":10946},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":10977,"_path":10978,"children":10979},"Customization","\u002Fcustomization",[10980,10984,10988,10992],{"title":10981,"_path":10982,"_id":10983,"layout":10946},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":10985,"_path":10986,"_id":10987,"layout":10946},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":10989,"_path":10990,"_id":10991,"layout":10946},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":10993,"_path":10994,"_id":10995,"layout":10946},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574902070]