Merge branch 'release/0.3.8'

dist/craftui.cjs.js

@@ -1028,6 +1028,13 @@ var script$8 = {
       }
     }
   },
+  watch: {
+    value: function value(newVal) {
+      if (this.$refs.input.value !== newVal) {
+        this.$refs.input.value = newVal;
+      }
+    }
+  },
   props: {
     autocapitalize: {
       type: Boolean,

dist/craftui.css

@@ -606,6 +606,14 @@ Keep it light, don't import Tailwind’s utilities.
 @tailwind utilities;
 */
 
+body.ltr .c-checkbox input {
+  margin-right: .5rem;
+}
+
+body.rtl .c-checkbox input {
+  margin-left: .5rem;
+}
+
 .c-btn,
 a.c-btn,
 button.c-btn {
@@ -999,14 +1007,19 @@ body.rtl .c-lightswitch .c-lightswitch-input label .slider:before {
   cursor: default;
 }
 
-body.ltr .c-checkbox input {
+body.ltr .c-radio input {
   margin-right: .5rem;
 }
 
-body.rtl .c-checkbox input {
+body.rtl .c-radio input {
   margin-left: .5rem;
 }
 
+.c-radio .instructions {
+  color: #8795a1;
+  font-size: .875rem;
+}
+
 .c-spinner {
   display: inline-block;
 }
@@ -1059,19 +1072,6 @@ body.rtl .c-checkbox input {
   }
 }
 
-body.ltr .c-radio input {
-  margin-right: .5rem;
-}
-
-body.rtl .c-radio input {
-  margin-left: .5rem;
-}
-
-.c-radio .instructions {
-  color: #8795a1;
-  font-size: .875rem;
-}
-
 .c-textbox .wrapper {
   position: relative;
 }

dist/craftui.es.js

@@ -1024,6 +1024,13 @@ var script$8 = {
       }
     }
   },
+  watch: {
+    value: function value(newVal) {
+      if (this.$refs.input.value !== newVal) {
+        this.$refs.input.value = newVal;
+      }
+    }
+  },
   props: {
     autocapitalize: {
       type: Boolean,

dist/craftui.js

@@ -1030,6 +1030,13 @@
           }
         }
       },
+      watch: {
+        value: function value(newVal) {
+          if (this.$refs.input.value !== newVal) {
+            this.$refs.input.value = newVal;
+          }
+        }
+      },
       props: {
         autocapitalize: {
           type: Boolean,