From eae913a82c805b32ed10e307aa170b49cea7dd51 Mon Sep 17 00:00:00 2001
From: David FYON <davidfyon@gmail.com>
Date: Tue, 23 Jul 2024 16:09:25 +0200
Subject: [PATCH] fix warnings

---
 .../__snapshots__/FormBuilder.spec.ts.snap    | 30 +++++++++----------
 .../__snapshots__/ChoiceField.spec.ts.snap    |  6 ++--
 .../ChoiceSliderField.spec.ts.snap            |  6 ++--
 .../__snapshots__/RangeField.spec.ts.snap     | 12 ++++----
 .../__snapshots__/FormFieldList.spec.ts.snap  |  4 +--
 .../tests/__snapshots__/NirField.spec.ts.snap | 14 ++++-----
 .../__snapshots__/PaginatedTable.spec.ts.snap |  4 +--
 .../__snapshots__/PeriodField.spec.ts.snap    |  2 +-
 .../__snapshots__/PhoneField.spec.ts.snap     |  2 +-
 .../__snapshots__/RangeField.spec.ts.snap     | 12 ++++----
 .../__snapshots__/EmotionPicker.spec.ts.snap  |  4 +--
 .../__snapshots__/NumberPicker.spec.ts.snap   |  4 +--
 .../__snapshots__/StarsPicker.spec.ts.snap    |  2 +-
 .../__snapshots__/RatingPicker.spec.ts.snap   |  2 +-
 .../SearchListField.spec.ts.snap              |  2 +-
 packages/synapse-bridge/vitest.config.ts      |  1 +
 16 files changed, 54 insertions(+), 53 deletions(-)

diff --git a/packages/synapse-bridge/src/form-builder/FormBuilder/tests/__snapshots__/FormBuilder.spec.ts.snap b/packages/synapse-bridge/src/form-builder/FormBuilder/tests/__snapshots__/FormBuilder.spec.ts.snap
index 18c3437c01..b11bc9637e 100644
--- a/packages/synapse-bridge/src/form-builder/FormBuilder/tests/__snapshots__/FormBuilder.spec.ts.snap
+++ b/packages/synapse-bridge/src/form-builder/FormBuilder/tests/__snapshots__/FormBuilder.spec.ts.snap
@@ -81,7 +81,7 @@ exports[`FormBuilder > renders correctly 1`] = `
               <!----><label class="v-label v-field-label" for="input-2">
                 <!---->Votre mot de passe
               </label>
-              <!----><input size="1" type="password" id="input-2" aria-describedby="input-2-messages" validateonblur="true" btn="[object Object]" class="v-field__input">
+              <!----><input size="1" type="password" id="input-2" aria-describedby="input-2-messages" validateonblur="true" btn="[object Object]" class="v-field__input" value="null">
               <!---->
             </div>
             <!---->
@@ -300,7 +300,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                       <!----><label class="v-label v-field-label" for="input-13">
                         <!---->
                       </label>
-                      <!----><input size="1" type="text" id="input-13" aria-describedby="" class="v-field__input">
+                      <!----><input size="1" type="text" id="input-13" aria-describedby="" class="v-field__input" value="">
                       <!---->
                     </div>
                     <!---->
@@ -367,7 +367,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                       <!----><label class="v-label v-field-label" for="input-15">
                         <!---->
                       </label>
-                      <!----><input readonly="" size="1" type="text" id="input-15" aria-describedby="" class="v-field__input">
+                      <!----><input readonly="" size="1" type="text" id="input-15" aria-describedby="" class="v-field__input" value="">
                       <!---->
                     </div>
                     <!---->
@@ -437,7 +437,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                 <div class="v-field__input" data-no-activator="">
                   <!---->
                   <!---->
-                  <div class="v-select__selection"><span class="v-select__selection-text">9h<!----></span></div><input size="1" type="text" id="input-17" aria-describedby="input-17-messages" inputmode="none" aria-label="Open" title="Open">
+                  <div class="v-select__selection"><span class="v-select__selection-text">9h<!----></span></div><input size="1" type="text" id="input-17" aria-describedby="input-17-messages" inputmode="none" aria-label="Open" title="Open" value="">
                 </div>
                 <!---->
               </div>
@@ -497,7 +497,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                 <!---->
                 <div class="v-field__input" data-no-activator="">
                   <!---->
-                  <!----><input size="1" type="text" id="input-20" aria-describedby="input-20-messages" inputmode="none" aria-label="Open" title="Open">
+                  <!----><input size="1" type="text" id="input-20" aria-describedby="input-20-messages" inputmode="none" aria-label="Open" title="Open" value="">
                 </div>
                 <!---->
               </div>
@@ -536,7 +536,7 @@ exports[`FormBuilder > renders correctly 1`] = `
         <div data-v-3091391c="" data-v-60156eea="" class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-input--dirty v-slider v-slider--has-labels v-locale--is-ltr pt-3 vd-choice-slider-field vd-form-input-xl" type="choiceSlider">
           <!---->
           <div class="v-input__control">
-            <div class="v-slider__container"><input id="input-23" name="input-23" tabindex="-1">
+            <div class="v-slider__container"><input id="input-23" name="input-23" tabindex="-1" value="0">
               <div class="v-slider-track" style="--v-slider-track-size: 1px; --v-slider-tick-size: 2px;">
                 <div class="v-slider-track__background bg-grey v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
                 <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 0%;"></div>
@@ -588,7 +588,7 @@ exports[`FormBuilder > renders correctly 1`] = `
         <div data-v-3091391c="" data-v-60156eea="" class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-input--dirty v-slider v-locale--is-ltr thumb-label pt-3 vd-choice-slider-field vd-form-input-xl" type="choiceSlider">
           <!---->
           <div class="v-input__control">
-            <div class="v-slider__container"><input id="input-24" name="input-24" tabindex="-1">
+            <div class="v-slider__container"><input id="input-24" name="input-24" tabindex="-1" value="0">
               <div class="v-slider-track" style="--v-slider-track-size: 1px; --v-slider-tick-size: 2px;">
                 <div class="v-slider-track__background bg-grey v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
                 <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 0%;"></div>
@@ -627,7 +627,7 @@ exports[`FormBuilder > renders correctly 1`] = `
         <div data-v-3091391c="" data-v-60156eea="" class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-input--dirty v-slider v-locale--is-ltr thumb-label pt-3 vd-choice-slider-field vd-form-input-xl" labelmin="min" labelmax="max" type="choiceSlider">
           <!---->
           <div class="v-input__control">
-            <div class="v-slider__container"><input id="input-25" name="input-25" tabindex="-1">
+            <div class="v-slider__container"><input id="input-25" name="input-25" tabindex="-1" value="0">
               <div class="v-slider-track" style="--v-slider-track-size: 1px; --v-slider-tick-size: 2px;">
                 <div class="v-slider-track__background bg-grey v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
                 <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 0%;"></div>
@@ -696,7 +696,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                     <div class="v-chip__content" data-no-activator="">9h</div>
                     <!---->
                     <!----></span>
-                  </div><input size="1" type="text" id="input-26" aria-describedby="input-26-messages">
+                  </div><input size="1" type="text" id="input-26" aria-describedby="input-26-messages" value="">
                 </div>
                 <!---->
               </div>
@@ -861,7 +861,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                   <!---->
                   <!---->
                 </label>
-                <!----><input placeholder="Autre" size="1" type="text" id="input-42" aria-describedby="input-42-messages" class="v-field__input">
+                <!----><input placeholder="Autre" size="1" type="text" id="input-42" aria-describedby="input-42-messages" class="v-field__input" value="Autre valeur">
                 <!---->
               </div>
               <!---->
@@ -917,7 +917,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                 <div class="v-field__input" data-no-activator="">
                   <!---->
                   <!---->
-                  <div class="v-select__selection"><span class="v-select__selection-text">Autre<!----></span></div><input size="1" type="text" id="input-44" aria-describedby="input-44-messages" inputmode="none" aria-label="Open" title="Open">
+                  <div class="v-select__selection"><span class="v-select__selection-text">Autre<!----></span></div><input size="1" type="text" id="input-44" aria-describedby="input-44-messages" inputmode="none" aria-label="Open" title="Open" value="0">
                 </div>
                 <!---->
               </div>
@@ -971,7 +971,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                       <!---->
                       <!---->
                     </label>
-                    <!----><textarea class="v-field__input" placeholder="Entrez votre taille" rows="1" id="input-47" aria-describedby="input-47-messages"></textarea><textarea class="v-field__input v-textarea__sizer" id="input-47-sizer" readonly="" aria-hidden="true"></textarea>
+                    <!----><textarea class="v-field__input" placeholder="Entrez votre taille" rows="1" id="input-47" aria-describedby="input-47-messages" value="XXL"></textarea><textarea class="v-field__input v-textarea__sizer" id="input-47-sizer" readonly="" aria-hidden="true"></textarea>
                     <!---->
                   </div>
                   <!---->
@@ -1028,7 +1028,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                   </label><label class="v-label v-field-label" for="input-49">
                     <!---->Valeur min
                   </label>
-                  <!----><input size="1" type="number" id="input-49" aria-describedby="input-49-messages" inputmode="numeric" class="v-field__input">
+                  <!----><input size="1" type="number" id="input-49" aria-describedby="input-49-messages" inputmode="numeric" class="v-field__input" value="0">
                   <!---->
                 </div>
                 <!---->
@@ -1066,7 +1066,7 @@ exports[`FormBuilder > renders correctly 1`] = `
                   </label><label class="v-label v-field-label" for="input-51">
                     <!---->Valeur max
                   </label>
-                  <!----><input size="1" type="number" id="input-51" aria-describedby="input-51-messages" ripple="false" inputmode="numeric" class="v-field__input">
+                  <!----><input size="1" type="number" id="input-51" aria-describedby="input-51-messages" ripple="false" inputmode="numeric" class="v-field__input" value="6">
                   <!---->
                 </div>
                 <!---->
@@ -1087,7 +1087,7 @@ exports[`FormBuilder > renders correctly 1`] = `
             <!---->
           </div>
           <div class="v-input__control">
-            <div class="v-slider__container"><input id="input-53_start" name="input-53" tabindex="-1"><input id="input-53_stop" name="input-53" tabindex="-1">
+            <div class="v-slider__container"><input id="input-53_start" name="input-53" tabindex="-1" value="0"><input id="input-53_stop" name="input-53" tabindex="-1" value="6">
               <div class="v-slider-track" style="--v-slider-track-size: 4px; --v-slider-tick-size: 2px;">
                 <div class="v-slider-track__background bg-primary v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
                 <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 100%;"></div>
diff --git a/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/ChoiceField.spec.ts.snap b/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/ChoiceField.spec.ts.snap
index bdc697e1ec..7accdbf6eb 100644
--- a/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/ChoiceField.spec.ts.snap
+++ b/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/ChoiceField.spec.ts.snap
@@ -31,7 +31,7 @@ exports[`ChoiceField > renders correctly 1`] = `
               <div class="v-field__input" data-no-activator="">
                 <!---->
                 <!---->
-                <div class="v-select__selection"><span class="v-select__selection-text">0<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open">
+                <div class="v-select__selection"><span class="v-select__selection-text">0<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open" value="0">
               </div>
               <!---->
             </div>
@@ -95,7 +95,7 @@ exports[`ChoiceField > renders the other field 1`] = `
               <div class="v-field__input" data-no-activator="">
                 <!---->
                 <!---->
-                <div class="v-select__selection"><span class="v-select__selection-text">Autre<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open">
+                <div class="v-select__selection"><span class="v-select__selection-text">Autre<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open" value="autre">
               </div>
               <!---->
             </div>
@@ -206,7 +206,7 @@ exports[`ChoiceField > renders the other field when the corresponding choice is
               <div class="v-field__input" data-no-activator="">
                 <!---->
                 <!---->
-                <div class="v-select__selection"><span class="v-select__selection-text">Autre<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open">
+                <div class="v-select__selection"><span class="v-select__selection-text">Autre<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open" value="autre">
               </div>
               <!---->
             </div>
diff --git a/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/ChoiceSliderField.spec.ts.snap b/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/ChoiceSliderField.spec.ts.snap
index ffedafdf3b..f3d5afbb33 100644
--- a/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/ChoiceSliderField.spec.ts.snap
+++ b/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/ChoiceSliderField.spec.ts.snap
@@ -4,7 +4,7 @@ exports[`ChoiceSliderField > render correctly in multiple mode 1`] = `
 <div data-v-3091391c="" class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-input--dirty v-slider v-locale--is-ltr pt-3 vd-choice-slider-field vd-form-input-xl">
   <!---->
   <div class="v-input__control">
-    <div class="v-slider__container"><input id="input-0" name="input-0" tabindex="-1">
+    <div class="v-slider__container"><input id="input-0" name="input-0" tabindex="-1" value="0">
       <div class="v-slider-track" style="--v-slider-track-size: 1px; --v-slider-tick-size: 2px;">
         <div class="v-slider-track__background bg-grey v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
         <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 0%;"></div>
@@ -37,7 +37,7 @@ exports[`ChoiceSliderField > should render correctly 1`] = `
 <div data-v-3091391c="" class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-input--dirty v-slider v-locale--is-ltr pt-3 vd-choice-slider-field vd-form-input-xl">
   <!---->
   <div class="v-input__control">
-    <div class="v-slider__container"><input id="input-0" name="input-0" tabindex="-1">
+    <div class="v-slider__container"><input id="input-0" name="input-0" tabindex="-1" value="0">
       <div class="v-slider-track" style="--v-slider-track-size: 1px; --v-slider-tick-size: 2px;">
         <div class="v-slider-track__background bg-grey v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
         <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 0%;"></div>
@@ -75,7 +75,7 @@ exports[`ChoiceSliderField > should toggle the item 1`] = `
     <!---->
   </div>
   <div class="v-input__control">
-    <div class="v-slider__container"><input id="input-0" name="input-0" tabindex="-1">
+    <div class="v-slider__container"><input id="input-0" name="input-0" tabindex="-1" value="0">
       <div class="v-slider-track" style="--v-slider-track-size: 1px; --v-slider-tick-size: 2px;">
         <div class="v-slider-track__background bg-grey v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
         <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 0%;"></div>
diff --git a/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/RangeField.spec.ts.snap b/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/RangeField.spec.ts.snap
index fb2343d098..416c17d362 100644
--- a/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/RangeField.spec.ts.snap
+++ b/packages/synapse-bridge/src/form-builder/FormField/fields/tests/__snapshots__/RangeField.spec.ts.snap
@@ -32,7 +32,7 @@ exports[`ChoiceSliderField > render correctly in multiple mode 1`] = `
               </label><label class="v-label v-field-label" for="input-0">
                 <!---->Valeur min
               </label>
-              <!----><input size="1" type="number" id="input-0" aria-describedby="input-0-messages" inputmode="numeric" class="v-field__input">
+              <!----><input size="1" type="number" id="input-0" aria-describedby="input-0-messages" inputmode="numeric" class="v-field__input" value="0">
               <!---->
             </div>
             <!---->
@@ -70,7 +70,7 @@ exports[`ChoiceSliderField > render correctly in multiple mode 1`] = `
               </label><label class="v-label v-field-label" for="input-2">
                 <!---->Valeur max
               </label>
-              <!----><input size="1" type="number" id="input-2" aria-describedby="input-2-messages" ripple="false" inputmode="numeric" class="v-field__input">
+              <!----><input size="1" type="number" id="input-2" aria-describedby="input-2-messages" ripple="false" inputmode="numeric" class="v-field__input" value="6">
               <!---->
             </div>
             <!---->
@@ -91,7 +91,7 @@ exports[`ChoiceSliderField > render correctly in multiple mode 1`] = `
         <!---->
       </div>
       <div class="v-input__control">
-        <div class="v-slider__container"><input id="input-4_start" name="input-4" tabindex="-1"><input id="input-4_stop" name="input-4" tabindex="-1">
+        <div class="v-slider__container"><input id="input-4_start" name="input-4" tabindex="-1" value="0"><input id="input-4_stop" name="input-4" tabindex="-1" value="6">
           <div class="v-slider-track" style="--v-slider-track-size: 4px; --v-slider-tick-size: 2px;">
             <div class="v-slider-track__background bg-primary v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
             <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 100%;"></div>
@@ -162,7 +162,7 @@ exports[`ChoiceSliderField > should render correctly 1`] = `
               </label><label class="v-label v-field-label" for="input-0">
                 <!---->Valeur min
               </label>
-              <!----><input size="1" type="number" id="input-0" aria-describedby="input-0-messages" inputmode="numeric" class="v-field__input">
+              <!----><input size="1" type="number" id="input-0" aria-describedby="input-0-messages" inputmode="numeric" class="v-field__input" value="0">
               <!---->
             </div>
             <!---->
@@ -200,7 +200,7 @@ exports[`ChoiceSliderField > should render correctly 1`] = `
               </label><label class="v-label v-field-label" for="input-2">
                 <!---->Valeur max
               </label>
-              <!----><input size="1" type="number" id="input-2" aria-describedby="input-2-messages" ripple="false" inputmode="numeric" class="v-field__input">
+              <!----><input size="1" type="number" id="input-2" aria-describedby="input-2-messages" ripple="false" inputmode="numeric" class="v-field__input" value="6">
               <!---->
             </div>
             <!---->
@@ -221,7 +221,7 @@ exports[`ChoiceSliderField > should render correctly 1`] = `
         <!---->
       </div>
       <div class="v-input__control">
-        <div class="v-slider__container"><input id="input-4_start" name="input-4" tabindex="-1"><input id="input-4_stop" name="input-4" tabindex="-1">
+        <div class="v-slider__container"><input id="input-4_start" name="input-4" tabindex="-1" value="0"><input id="input-4_stop" name="input-4" tabindex="-1" value="6">
           <div class="v-slider-track" style="--v-slider-track-size: 4px; --v-slider-tick-size: 2px;">
             <div class="v-slider-track__background bg-primary v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
             <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 100%;"></div>
diff --git a/packages/synapse-bridge/src/form-builder/FormFieldList/tests/__snapshots__/FormFieldList.spec.ts.snap b/packages/synapse-bridge/src/form-builder/FormFieldList/tests/__snapshots__/FormFieldList.spec.ts.snap
index a7897f6fe2..4e74cb695a 100644
--- a/packages/synapse-bridge/src/form-builder/FormFieldList/tests/__snapshots__/FormFieldList.spec.ts.snap
+++ b/packages/synapse-bridge/src/form-builder/FormFieldList/tests/__snapshots__/FormFieldList.spec.ts.snap
@@ -86,7 +86,7 @@ exports[`FormFieldList > renders correctly 1`] = `
                   <!---->
                   <div class="v-field__input" data-no-activator="">
                     <!---->
-                    <!----><input size="1" type="text" id="input-2" aria-describedby="input-2-messages" inputmode="none" aria-label="Open" title="Open">
+                    <!----><input size="1" type="text" id="input-2" aria-describedby="input-2-messages" inputmode="none" aria-label="Open" title="Open" value="">
                   </div>
                   <!---->
                 </div>
@@ -146,7 +146,7 @@ exports[`FormFieldList > renders correctly 1`] = `
                   <!---->
                   <div class="v-field__input" data-no-activator="">
                     <!---->
-                    <!----><input size="1" type="text" id="input-5" aria-describedby="input-5-messages">
+                    <!----><input size="1" type="text" id="input-5" aria-describedby="input-5-messages" value="">
                   </div>
                   <!---->
                 </div>
diff --git a/packages/synapse-bridge/src/patterns/NirField/tests/__snapshots__/NirField.spec.ts.snap b/packages/synapse-bridge/src/patterns/NirField/tests/__snapshots__/NirField.spec.ts.snap
index f18bc7e4b5..38e6ecbad3 100644
--- a/packages/synapse-bridge/src/patterns/NirField/tests/__snapshots__/NirField.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/NirField/tests/__snapshots__/NirField.spec.ts.snap
@@ -28,7 +28,7 @@ exports[`NirField > renders correctly 1`] = `
               <!----><label class="v-label v-field-label" for="input-1">
                 <!---->Numéro de sécurité sociale
               </label>
-              <!----><input size="1" type="text" id="input-1" aria-describedby="input-1-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input">
+              <!----><input size="1" type="text" id="input-1" aria-describedby="input-1-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input" value="">
               <!---->
             </div>
             <!---->
@@ -72,7 +72,7 @@ exports[`NirField > renders correctly 1`] = `
               <!----><label class="v-label v-field-label" for="input-3">
                 <!---->Clé
               </label>
-              <!----><input size="1" type="text" id="input-3" aria-describedby="input-3-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input">
+              <!----><input size="1" type="text" id="input-3" aria-describedby="input-3-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input" value="">
               <!---->
             </div>
             <!---->
@@ -134,7 +134,7 @@ exports[`NirField > renders correctly with 13 characters 1`] = `
               <!----><label class="v-label v-field-label" for="input-1">
                 <!---->Numéro de sécurité sociale
               </label>
-              <!----><input size="1" type="text" id="input-1" aria-describedby="input-1-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input">
+              <!----><input size="1" type="text" id="input-1" aria-describedby="input-1-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input" value="">
               <!---->
             </div>
             <!---->
@@ -197,7 +197,7 @@ exports[`NirField > renders correctly with a tooltip 1`] = `
               <!----><label class="v-label v-field-label" for="input-1">
                 <!---->Numéro de sécurité sociale
               </label>
-              <!----><input size="1" type="text" id="input-1" aria-describedby="input-1-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input">
+              <!----><input size="1" type="text" id="input-1" aria-describedby="input-1-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input" value="">
               <!---->
             </div>
             <!---->
@@ -241,7 +241,7 @@ exports[`NirField > renders correctly with a tooltip 1`] = `
               <!----><label class="v-label v-field-label" for="input-3">
                 <!---->Clé
               </label>
-              <!----><input size="1" type="text" id="input-3" aria-describedby="input-3-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input">
+              <!----><input size="1" type="text" id="input-3" aria-describedby="input-3-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input" value="">
               <!---->
             </div>
             <!---->
@@ -304,7 +304,7 @@ exports[`NirField > renders correctly with outlined prop 1`] = `
               <!----><label class="v-label v-field-label" for="input-1">
                 <!---->Numéro de sécurité sociale
               </label>
-              <!----><input size="1" type="text" id="input-1" aria-describedby="input-1-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input">
+              <!----><input size="1" type="text" id="input-1" aria-describedby="input-1-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input" value="">
               <!---->
             </div>
             <!---->
@@ -351,7 +351,7 @@ exports[`NirField > renders correctly with outlined prop 1`] = `
               <!----><label class="v-label v-field-label" for="input-3">
                 <!---->Clé
               </label>
-              <!----><input size="1" type="text" id="input-3" aria-describedby="input-3-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input">
+              <!----><input size="1" type="text" id="input-3" aria-describedby="input-3-messages" icon="[object Object]" tooltip="[object Object]" aria-invalid="false" class="v-field__input" value="">
               <!---->
             </div>
             <!---->
diff --git a/packages/synapse-bridge/src/patterns/PaginatedTable/tests/__snapshots__/PaginatedTable.spec.ts.snap b/packages/synapse-bridge/src/patterns/PaginatedTable/tests/__snapshots__/PaginatedTable.spec.ts.snap
index bf22461821..6dc159d630 100644
--- a/packages/synapse-bridge/src/patterns/PaginatedTable/tests/__snapshots__/PaginatedTable.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/PaginatedTable/tests/__snapshots__/PaginatedTable.spec.ts.snap
@@ -71,7 +71,7 @@ exports[`PaginatedTable > render correctly in server mode 1`] = `
                 <div class="v-field__input" data-no-activator="">
                   <!---->
                   <!---->
-                  <div class="v-select__selection"><span class="v-select__selection-text">10<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open">
+                  <div class="v-select__selection"><span class="v-select__selection-text">10<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open" value="10">
                 </div>
                 <!---->
               </div>
@@ -212,7 +212,7 @@ exports[`PaginatedTable > renders correctly in local mode 1`] = `
                 <div class="v-field__input" data-no-activator="">
                   <!---->
                   <!---->
-                  <div class="v-select__selection"><span class="v-select__selection-text">10<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open">
+                  <div class="v-select__selection"><span class="v-select__selection-text">10<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open" value="10">
                 </div>
                 <!---->
               </div>
diff --git a/packages/synapse-bridge/src/patterns/PeriodField/tests/__snapshots__/PeriodField.spec.ts.snap b/packages/synapse-bridge/src/patterns/PeriodField/tests/__snapshots__/PeriodField.spec.ts.snap
index 8af4f09b8f..6b04752986 100644
--- a/packages/synapse-bridge/src/patterns/PeriodField/tests/__snapshots__/PeriodField.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/PeriodField/tests/__snapshots__/PeriodField.spec.ts.snap
@@ -31,7 +31,7 @@ exports[`PeriodField > should render the component 1`] = `
                 <!----><label class="v-label v-field-label" for="input-0">
                   <!---->
                 </label>
-                <!----><input readonly="" size="1" type="text" id="input-0" aria-describedby="" class="v-field__input">
+                <!----><input readonly="" size="1" type="text" id="input-0" aria-describedby="" class="v-field__input" value="">
                 <!---->
               </div>
               <!---->
diff --git a/packages/synapse-bridge/src/patterns/PhoneField/tests/__snapshots__/PhoneField.spec.ts.snap b/packages/synapse-bridge/src/patterns/PhoneField/tests/__snapshots__/PhoneField.spec.ts.snap
index e6d48319a2..cb33143bca 100644
--- a/packages/synapse-bridge/src/patterns/PhoneField/tests/__snapshots__/PhoneField.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/PhoneField/tests/__snapshots__/PhoneField.spec.ts.snap
@@ -180,7 +180,7 @@ exports[`PhoneField > renders correctly with value prop 1`] = `
         <!----><label class="v-label v-field-label" for="input-0">
           <!---->Numéro de téléphone
         </label>
-        <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" validateonblur="true" class="v-field__input" data-maska-value="12 34 56 78 90">
+        <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" validateonblur="true" class="v-field__input" value="12 34  5 67 89 0" data-maska-value="12 34 56 78 90">
         <!---->
       </div>
       <!---->
diff --git a/packages/synapse-bridge/src/patterns/RangeField/tests/__snapshots__/RangeField.spec.ts.snap b/packages/synapse-bridge/src/patterns/RangeField/tests/__snapshots__/RangeField.spec.ts.snap
index 01aebd289a..d99b5d790d 100644
--- a/packages/synapse-bridge/src/patterns/RangeField/tests/__snapshots__/RangeField.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/RangeField/tests/__snapshots__/RangeField.spec.ts.snap
@@ -27,7 +27,7 @@ exports[`RangeField > renders correctly 1`] = `
             </label><label class="v-label v-field-label" for="input-0">
               <!---->Valeur min
             </label>
-            <!----><input size="1" type="number" id="input-0" aria-describedby="input-0-messages" inputmode="numeric" class="v-field__input">
+            <!----><input size="1" type="number" id="input-0" aria-describedby="input-0-messages" inputmode="numeric" class="v-field__input" value="50">
             <!---->
           </div>
           <!---->
@@ -65,7 +65,7 @@ exports[`RangeField > renders correctly 1`] = `
             </label><label class="v-label v-field-label" for="input-2">
               <!---->Valeur max
             </label>
-            <!----><input size="1" type="number" id="input-2" aria-describedby="input-2-messages" ripple="false" inputmode="numeric" class="v-field__input">
+            <!----><input size="1" type="number" id="input-2" aria-describedby="input-2-messages" ripple="false" inputmode="numeric" class="v-field__input" value="80">
             <!---->
           </div>
           <!---->
@@ -86,7 +86,7 @@ exports[`RangeField > renders correctly 1`] = `
       <!---->
     </div>
     <div class="v-input__control">
-      <div class="v-slider__container"><input id="input-4_start" name="input-4" tabindex="-1"><input id="input-4_stop" name="input-4" tabindex="-1">
+      <div class="v-slider__container"><input id="input-4_start" name="input-4" tabindex="-1" value="50"><input id="input-4_stop" name="input-4" tabindex="-1" value="80">
         <div class="v-slider-track" style="--v-slider-track-size: 4px; --v-slider-tick-size: 2px;">
           <div class="v-slider-track__background bg-primary v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
           <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 50%; width: 30%;"></div>
@@ -150,7 +150,7 @@ exports[`RangeField > renders correctly with outlined prop 1`] = `
             <!----><label class="v-label v-field-label" for="input-0">
               <!---->Valeur min
             </label>
-            <!----><input size="1" type="number" id="input-0" aria-describedby="input-0-messages" inputmode="numeric" class="v-field__input">
+            <!----><input size="1" type="number" id="input-0" aria-describedby="input-0-messages" inputmode="numeric" class="v-field__input" value="50">
             <!---->
           </div>
           <!---->
@@ -191,7 +191,7 @@ exports[`RangeField > renders correctly with outlined prop 1`] = `
             <!----><label class="v-label v-field-label" for="input-2">
               <!---->Valeur max
             </label>
-            <!----><input size="1" type="number" id="input-2" aria-describedby="input-2-messages" ripple="false" inputmode="numeric" class="v-field__input">
+            <!----><input size="1" type="number" id="input-2" aria-describedby="input-2-messages" ripple="false" inputmode="numeric" class="v-field__input" value="80">
             <!---->
           </div>
           <!---->
@@ -216,7 +216,7 @@ exports[`RangeField > renders correctly with outlined prop 1`] = `
       <!---->
     </div>
     <div class="v-input__control">
-      <div class="v-slider__container"><input id="input-4_start" name="input-4" tabindex="-1"><input id="input-4_stop" name="input-4" tabindex="-1">
+      <div class="v-slider__container"><input id="input-4_start" name="input-4" tabindex="-1" value="0"><input id="input-4_stop" name="input-4" tabindex="-1" value="0">
         <div class="v-slider-track" style="--v-slider-track-size: 4px; --v-slider-tick-size: 2px;">
           <div class="v-slider-track__background bg-primary v-slider-track__background--opacity" style="inset-inline-start: 0%; width: 100%;"></div>
           <div class="v-slider-track__fill bg-primary" style="inset-inline-start: 0%; width: 0%;"></div>
diff --git a/packages/synapse-bridge/src/patterns/RatingPicker/EmotionPicker/tests/__snapshots__/EmotionPicker.spec.ts.snap b/packages/synapse-bridge/src/patterns/RatingPicker/EmotionPicker/tests/__snapshots__/EmotionPicker.spec.ts.snap
index 7031ba81fe..2baf9fe188 100644
--- a/packages/synapse-bridge/src/patterns/RatingPicker/EmotionPicker/tests/__snapshots__/EmotionPicker.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/RatingPicker/EmotionPicker/tests/__snapshots__/EmotionPicker.spec.ts.snap
@@ -5,7 +5,7 @@ exports[`EmotionPicker > renders correctly 1`] = `
   <legend data-v-62a645b1="" class="text-h6 mb-6">Pourriez-vous donner une note ?</legend>
   <div data-v-62a645b1="" class="v-rating v-theme--light max-width-none mx-n1 mx-sm-n2"><label for="v-rating-0-0" class=""><span class="v-rating__hidden">Rating 0 of 3</span>
       <!---->
-    </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" tabindex="-1" value="0">
+    </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" checked="" tabindex="-1" value="0">
     <div class="v-rating__wrapper">
       <!---->
       <div class="v-rating__item"><label for="v-rating-0-1" class=""><span class="v-rating__hidden">Rating 1 of 3</span><button data-v-62a645b1="" type="button" class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text sad rounded-lg px-1 px-sm-4 mx-1 mx-sm-2" style="min-height: 88px; min-width: 88px;" aria-pressed="false"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
@@ -42,7 +42,7 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
   <legend data-v-62a645b1="" class="text-h6 mb-6">Pourriez-vous donner une note ?</legend>
   <div data-v-62a645b1="" class="v-rating v-theme--light max-width-none mx-n1 mx-sm-n2"><label for="v-rating-0-0" class=""><span class="v-rating__hidden">Rating 0 of 2</span>
       <!---->
-    </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" tabindex="-1" value="0">
+    </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" checked="" tabindex="-1" value="0">
     <div class="v-rating__wrapper">
       <!---->
       <div class="v-rating__item"><label for="v-rating-0-1" class=""><span class="v-rating__hidden">Rating 1 of 2</span><button data-v-62a645b1="" type="button" class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text sad rounded-lg px-1 px-sm-4 mx-1 mx-sm-2" style="min-height: 88px; min-width: 88px;" aria-pressed="false"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
diff --git a/packages/synapse-bridge/src/patterns/RatingPicker/NumberPicker/tests/__snapshots__/NumberPicker.spec.ts.snap b/packages/synapse-bridge/src/patterns/RatingPicker/NumberPicker/tests/__snapshots__/NumberPicker.spec.ts.snap
index 0cd6f58c5a..61ecf77cb2 100644
--- a/packages/synapse-bridge/src/patterns/RatingPicker/NumberPicker/tests/__snapshots__/NumberPicker.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/RatingPicker/NumberPicker/tests/__snapshots__/NumberPicker.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`NumberPicker > renders correctly 1`] = `
   <div data-v-1cb226ec="" class="d-inline-block">
     <div data-v-1cb226ec="" class="v-rating v-theme--light d-flex flex-wrap max-width-none"><label for="v-rating-0-0" class=""><span class="v-rating__hidden">Rating 0 of 10</span>
         <!---->
-      </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" tabindex="-1" value="0">
+      </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" checked="" tabindex="-1" value="0">
       <div class="v-rating__wrapper">
         <!---->
         <div class="v-rating__item"><label for="v-rating-0-1" class=""><span class="v-rating__hidden">Rating 1 of 10</span><button data-v-1cb226ec="" type="button" class="v-btn v-theme--light text-primary v-btn--density-default v-btn--size-x-small v-btn--variant-outlined text-body-2 pa-0 mr-2" style="height: 36px;" aria-label="Note de 1 sur 10."><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
@@ -132,7 +132,7 @@ exports[`NumberPicker > renders correctly in xs window 1`] = `
           <div class="v-field__input" data-no-activator="">
             <!---->
             <!---->
-            <div class="v-select__selection"><span class="v-select__selection-text">5<!----></span></div><input size="1" type="text" id="input-20" aria-describedby="input-20-messages" inputmode="none" aria-label="Open" title="Open" disabled="">
+            <div class="v-select__selection"><span class="v-select__selection-text">5<!----></span></div><input size="1" type="text" id="input-20" aria-describedby="input-20-messages" inputmode="none" aria-label="Open" title="Open" value="5" disabled="">
           </div>
           <!---->
         </div>
diff --git a/packages/synapse-bridge/src/patterns/RatingPicker/StarsPicker/tests/__snapshots__/StarsPicker.spec.ts.snap b/packages/synapse-bridge/src/patterns/RatingPicker/StarsPicker/tests/__snapshots__/StarsPicker.spec.ts.snap
index 928f762edf..dfc3097ee3 100644
--- a/packages/synapse-bridge/src/patterns/RatingPicker/StarsPicker/tests/__snapshots__/StarsPicker.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/RatingPicker/StarsPicker/tests/__snapshots__/StarsPicker.spec.ts.snap
@@ -5,7 +5,7 @@ exports[`StarsPicker > renders correctly 1`] = `
   <legend data-v-e2cb1ead="" class="text-h6 mb-6">Pourriez-vous donner une note ?</legend>
   <div data-v-e2cb1ead="" class="v-rating v-theme--light d-flex flex-wrap max-width-none mx-n3"><label for="v-rating-0-0" class=""><span class="v-rating__hidden">Rating 0 of 5</span>
       <!---->
-    </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" tabindex="-1" value="0">
+    </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" checked="" tabindex="-1" value="0">
     <div class="v-rating__wrapper">
       <!---->
       <div class="v-rating__item"><label for="v-rating-0-1" class=""><span class="v-rating__hidden">Rating 1 of 5</span><!-- Using click event on VIcon will convert it into a button --><button data-v-e2cb1ead="" aria-pressed="false"><i data-v-e2cb1ead="" class="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z mdi v-icon notranslate v-theme--light text-am-blue-lighten-60 py-0 px-2" style="font-size: 36px; height: 36px; width: 36px;" aria-hidden="true"></i></button></label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-1" type="radio" tabindex="-1" value="1"></div>
diff --git a/packages/synapse-bridge/src/patterns/RatingPicker/tests/__snapshots__/RatingPicker.spec.ts.snap b/packages/synapse-bridge/src/patterns/RatingPicker/tests/__snapshots__/RatingPicker.spec.ts.snap
index a2cfb63a53..f6c600a22b 100644
--- a/packages/synapse-bridge/src/patterns/RatingPicker/tests/__snapshots__/RatingPicker.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/RatingPicker/tests/__snapshots__/RatingPicker.spec.ts.snap
@@ -7,7 +7,7 @@ exports[`RatingPicker > renders correctly 1`] = `
     <div data-v-1cb226ec="" class="d-inline-block">
       <div data-v-1cb226ec="" class="v-rating v-theme--light d-flex flex-wrap max-width-none"><label for="v-rating-0-0" class=""><span class="v-rating__hidden">Rating 0 of 10</span>
           <!---->
-        </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" tabindex="-1" value="0">
+        </label><input class="v-rating__hidden" name="v-rating-0" id="v-rating-0-0" type="radio" checked="" tabindex="-1" value="0">
         <div class="v-rating__wrapper">
           <!---->
           <div class="v-rating__item"><label for="v-rating-0-1" class=""><span class="v-rating__hidden">Rating 1 of 10</span><button data-v-1cb226ec="" type="button" class="v-btn v-theme--light text-primary v-btn--density-default v-btn--size-x-small v-btn--variant-outlined text-body-2 pa-0 mr-2" style="height: 36px;" aria-label="Note de 1 sur 10."><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
diff --git a/packages/synapse-bridge/src/patterns/SearchListField/tests/__snapshots__/SearchListField.spec.ts.snap b/packages/synapse-bridge/src/patterns/SearchListField/tests/__snapshots__/SearchListField.spec.ts.snap
index bf63ed46c6..f148a14c75 100644
--- a/packages/synapse-bridge/src/patterns/SearchListField/tests/__snapshots__/SearchListField.spec.ts.snap
+++ b/packages/synapse-bridge/src/patterns/SearchListField/tests/__snapshots__/SearchListField.spec.ts.snap
@@ -57,7 +57,7 @@ exports[`SearchListField > renders correctly 1`] = `
           <div data-v-4d322540="" class="v-selection-control v-selection-control--dirty v-selection-control--density-default v-checkbox-btn">
             <div class="v-selection-control__wrapper">
               <!---->
-              <div class="v-selection-control__input"><i class="mdi-checkbox-marked mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><input id="input-3" aria-disabled="false" type="checkbox" value="true"></div>
+              <div class="v-selection-control__input"><i class="mdi-checkbox-marked mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><input checked="" id="input-3" aria-disabled="false" type="checkbox" value="true"></div>
             </div><label class="v-label v-label--clickable" for="input-3">
               <!----><span data-v-4d322540="" class="d-sr-only">Sélectionner la valeur</span>
             </label>
diff --git a/packages/synapse-bridge/vitest.config.ts b/packages/synapse-bridge/vitest.config.ts
index 817261ee3e..9f4b025680 100644
--- a/packages/synapse-bridge/vitest.config.ts
+++ b/packages/synapse-bridge/vitest.config.ts
@@ -17,6 +17,7 @@ export default defineConfig((configEnv) =>
 						inline: ['vuetify'],
 					},
 				},
+				silent: true,
 				setupFiles: ['./tests/unit/setup.ts'],
 			},
 		})