<commit_before><div class="slds-grid slds-grid--pull-padded-medium slds-m-horizontal--x-small">
  <div class="slds-col slds-p-around--small">
    <div class="slds-box slds-box--small slds-theme--shade">
      <div class="slds-text-heading--large">Inputs</div>

      {{#slds-control label='Required Field' isRequired=true as |control|}}
        {{control.input placeholder='placeholder text'}}
      {{/slds-control}}

      {{#slds-control label='Error Field' isRequired=true isError=true errorMessage='you forgot to select the doodat' as |control|}}
        {{control.input placeholder='placeholder text'}}
      {{/slds-control}}

      {{#slds-control label='Disabled Field' as |control|}}
        {{control.input placeholder='placeholder text' isDisabled=true}}
      {{/slds-control}}

      {{#slds-control label='Text Area' as |control|}}
        {{control.textarea placeholder='placeholder text'}}
      {{/slds-control}}

      {{#slds-control label='Input with left icon' as |control|}}
        {{#control.input placeholder='placeholder text' icon='left' as |input|}}
          {{input.icon-left icon='user'}}
          {{input.textbox}}
        {{/control.input}}
      {{/slds-control}}

      {{#slds-control label='Input with left icon' as |control|}}
        {{#control.input placeholder='placeholder text' icon='right' as |input|}}
          {{input.textbox}}
          {{input.icon-right icon='search'}}
        {{/control.input}}
      {{/slds-control}}

      {{#slds-control label='Input with icons and buttons' as |control|}}
        {{#control.input placeholder='placeholder text' icon='leftRight' as |input|}}
          {{input.icon-left}}
          {{input.textbox}}
          {{input.button-right}}
        {{/control.input}}
      {{/slds-control}}

      <div class="slds-text-heading--large">Other Controls</div>

      {{#slds-control as |control|}}
        {{control.checkbox label='Awesome Check' isChecked=isAwesome checked=(action 'toggle' 'isAwesome')}}
      {{/slds-control}}

      {{#slds-control isRequired=true as |control|}}
        {{control.checkbox label='Awesome Check Required' isChecked=isAwesome checked=(action 'toggle' 'isAwesome')}}
      {{/slds-control}}

      {{#slds-control isRequired=true isError=true errorMessage='you goofed' as |control|}}
        {{control.checkbox label='Awesome Check Error' isChecked=isAwesome checked=(action 'toggle' 'isAwesome')}}
      {{/slds-control}}

      {{#slds-control isRequired=true as |control|}}
        {{control.checkbox-toggle label='Toggler' isChecked=isAwesome checked=(action 'toggle' 'isAwesome')}}
      {{/slds-control}}

      {{#slds-control-group isRequired=true legend='Choose your fate' name='fate' as |control|}}
        {{control.radio label="Butter" value='butter' selected=(action 'choose' 'butter')}}
        {{control.radio label="Batter" value='batter' selected=(action 'choose' 'batter')}}
        {{control.radio isDisabled=true label="Better" value='better' selected=(action 'choose' 'better')}}
      {{/slds-control-group}}

      {{#slds-control-group isRequired=true legend='Choose all your fates' name='fates' as |control|}}
        {{control.checkbox label='Cake' isChecked=cake checked=(action 'toggle' 'cake')}}
        {{control.checkbox label='Death' isChecked=death checked=(action 'toggle' 'death')}}
        {{control.checkbox label='Life' isDisabled=true isChecked=life checked=(action 'toggle' 'life')}}
      {{/slds-control-group}}

      {{#slds-control-group isRequired=true legend='Music' name='music' isError=true errorMessage='you forgot to select the doodat' as |control|}}
        {{control.radio label="Rock" value='rock' selected=(action 'chooseMusic' 'rock')}}
        {{control.radio label="Not Rock" value='notRock' selected=(action 'chooseMusic' 'notRock')}}
      {{/slds-control-group}}

      {{#slds-control-group isRequired=true legend='Games' name='games' isError=true errorMessage='you forgot to select the doodat' as |control|}}
        {{control.checkbox label='Chess' isChecked=chess checked=(action 'toggle' 'chess')}}
        {{control.checkbox label='Checkers' isChecked=checkers checked=(action 'toggle' 'checkers')}}
      {{/slds-control-group}}

      {{#slds-control-group legend='Favorite pet' as |control|}}
        <div class="slds-radio_button-group">
          {{control.radio-button label='Cats' selected=(action 'choosePet' 'cats')}}<commit_msg>fix radio button example (#56)<commit_after><div class="slds-grid slds-grid--pull-padded-medium slds-m-horizontal--x-small">
  <div class="slds-col slds-p-around--small">
    <div class="slds-box slds-box--small slds-theme--shade">
      <div class="slds-text-heading--large">Inputs</div>

      {{#slds-control label='Required Field' isRequired=true as |control|}}
        {{control.input placeholder='placeholder text'}}
      {{/slds-control}}

      {{#slds-control label='Error Field' isRequired=true isError=true errorMessage='you forgot to select the doodat' as |control|}}
        {{control.input placeholder='placeholder text'}}
      {{/slds-control}}

      {{#slds-control label='Disabled Field' as |control|}}
        {{control.input placeholder='placeholder text' isDisabled=true}}
      {{/slds-control}}

      {{#slds-control label='Text Area' as |control|}}
        {{control.textarea placeholder='placeholder text'}}
      {{/slds-control}}

      {{#slds-control label='Input with left icon' as |control|}}
        {{#control.input placeholder='placeholder text' icon='left' as |input|}}
          {{input.icon-left icon='user'}}
          {{input.textbox}}
        {{/control.input}}
      {{/slds-control}}

      {{#slds-control label='Input with left icon' as |control|}}
        {{#control.input placeholder='placeholder text' icon='right' as |input|}}
          {{input.textbox}}
          {{input.icon-right icon='search'}}
        {{/control.input}}
      {{/slds-control}}

      {{#slds-control label='Input with icons and buttons' as |control|}}
        {{#control.input placeholder='placeholder text' icon='leftRight' as |input|}}
          {{input.icon-left}}
          {{input.textbox}}
          {{input.button-right}}
        {{/control.input}}
      {{/slds-control}}

      <div class="slds-text-heading--large">Other Controls</div>

      {{#slds-control as |control|}}
        {{control.checkbox label='Awesome Check' isChecked=isAwesome checked=(action 'toggle' 'isAwesome')}}
      {{/slds-control}}

      {{#slds-control isRequired=true as |control|}}
        {{control.checkbox label='Awesome Check Required' isChecked=isAwesome checked=(action 'toggle' 'isAwesome')}}
      {{/slds-control}}

      {{#slds-control isRequired=true isError=true errorMessage='you goofed' as |control|}}
        {{control.checkbox label='Awesome Check Error' isChecked=isAwesome checked=(action 'toggle' 'isAwesome')}}
      {{/slds-control}}

      {{#slds-control isRequired=true as |control|}}
        {{control.checkbox-toggle label='Toggler' isChecked=isAwesome checked=(action 'toggle' 'isAwesome')}}
      {{/slds-control}}

      {{#slds-control-group isRequired=true legend='Choose your fate' name='fate' as |control|}}
        {{control.radio label="Butter" value='butter' selected=(action 'choose' 'butter')}}
        {{control.radio label="Batter" value='batter' selected=(action 'choose' 'batter')}}
        {{control.radio isDisabled=true label="Better" value='better' selected=(action 'choose' 'better')}}
      {{/slds-control-group}}

      {{#slds-control-group isRequired=true legend='Choose all your fates' name='fates' as |control|}}
        {{control.checkbox label='Cake' isChecked=cake checked=(action 'toggle' 'cake')}}
        {{control.checkbox label='Death' isChecked=death checked=(action 'toggle' 'death')}}
        {{control.checkbox label='Life' isDisabled=true isChecked=life checked=(action 'toggle' 'life')}}
      {{/slds-control-group}}

      {{#slds-control-group isRequired=true legend='Music' name='music' isError=true errorMessage='you forgot to select the doodat' as |control|}}
        {{control.radio label="Rock" value='rock' selected=(action 'chooseMusic' 'rock')}}
        {{control.radio label="Not Rock" value='notRock' selected=(action 'chooseMusic' 'notRock')}}
      {{/slds-control-group}}

      {{#slds-control-group isRequired=true legend='Games' name='games' isError=true errorMessage='you forgot to select the doodat' as |control|}}
        {{control.checkbox label='Chess' isChecked=chess checked=(action 'toggle' 'chess')}}
        {{control.checkbox label='Checkers' isChecked=checkers checked=(action 'toggle' 'checkers')}}
      {{/slds-control-group}}

      {{#slds-control-group legend='Favorite pet' name='pets' as |control|}}
        <div class="slds-radio_button-group">
          {{control.radio-button label='Cats' selected=(action 'choosePet' 'cats')}}
{'fraction_non_alphanumeric': 0.17261971830985914, 'fraction_numerical': 0.00022535211267605634, 'mean_word_length': 3.803030303030303, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '8691', 'n_tokens_mistral': 2808, 'n_tokens_neox': 2700, 'n_words': 584}