input-checked-plugin.js

({ addVariant, e }) => {
  addVariant('input-checked', ({ modifySelectors, separator }) => {
    return modifySelectors(({ className }) => {
      const modified = e(`input-checked${ separator }${ className }`);
      return `input:checked + .${ modified }, input:checked + * .${ modified }`;
    });
  });
};

usage.html

<input id="demo1" type="radio" class="sr-only" />
<label for="demo1" class="border-gray-100 input-checked:border-blue-400">
  <div class="hidden input-checked:block">
    Selected
  </div>
  <div class="block input-checked:hidden">
    Not Selected
  </div>
</label>

<input id="demo2" type="radio" class="sr-only" />
<label for="demo2" class="border-gray-100 input-checked:border-blue-400">
    <div class="hidden input-checked:block">
    Selected
  </div>
  <div class="block input-checked:hidden">
    Not Selected
  </div>
</label>