chore: design improvements

src/runtime/components/forms/Checkbox.vue

@@ -14,9 +14,9 @@
         @blur="$emit('blur', $event)"
       >
     </div>
-    <div v-if="label" class="ml-3 text-sm">
+    <div v-if="label || $slots.label" class="ml-3 text-sm">
       <label :for="name" :class="labelClass">
-        {{ label }}
+        <slot name="label">{{ label }}</slot>
         <span v-if="required" :class="requiredClass">*</span>
       </label>
       <p v-if="help" :class="helpClass">

src/runtime/components/forms/FormGroup.vue

@@ -1,24 +1,17 @@
 <template>
   <div :class="wrapperClass">
-    <slot name="label">
-      <div :class="labelWrapperClass">
-        <label
-          v-if="label"
-          :for="name"
-          :class="labelClass"
-          @click="onLabelClick"
-        >
-          {{ label }}
-          <span v-if="required" :class="requiredClass">*</span>
-        </label>
-        <span v-if="$slots.hint || hint" :class="hintClass">
-          <slot name="hint">{{ hint }}</slot>
-        </span>
-      </div>
-      <p v-if="description" :class="descriptionClass">
-        {{ description }}
-      </p>
-    </slot>
+    <div v-if="label || $slots.label" :class="labelWrapperClass">
+      <label :for="name" :class="labelClass">
+        <slot name="label">{{ label }}</slot>
+        <span v-if="required" :class="requiredClass">*</span>
+      </label>
+      <span v-if="$slots.hint || hint" :class="hintClass">
+        <slot name="hint">{{ hint }}</slot>
+      </span>
+    </div>
+    <p v-if="description" :class="descriptionClass">
+      {{ description }}
+    </p>
     <div :class="!!label && containerClass">
       <slot />
       <p v-if="help" :class="helpClass">

src/runtime/components/forms/Radio.vue

@@ -14,9 +14,9 @@
         @blur="$emit('blur', $event)"
       >
     </div>
-    <div v-if="label" class="ml-3 text-sm">
+    <div v-if="label || $slots.label" class="ml-3 text-sm">
       <label :for="`${name}-${value}`" :class="labelClass">
-        {{ label }}
+        <slot name="label">{{ label }}</slot>
         <span v-if="required" :class="requiredClass">*</span>
       </label>
       <p v-if="help" :class="helpClass">