diff --git a/test/components/__snapshots__/Form-vue.spec.ts.snap b/test/components/__snapshots__/Form-vue.spec.ts.snap
index b6adc542..dd07d0c1 100644
--- a/test/components/__snapshots__/Form-vue.spec.ts.snap
+++ b/test/components/__snapshots__/Form-vue.spec.ts.snap
@@ -190,68 +190,6 @@ exports[`Form > superstruct validation works > without error 1`] = `
 </form>"
 `;
 
-exports[`Form > valibot safeParser validation works > with error 1`] = `
-"<form id="42" class="">
-  <div class="text-sm">
-    <div class="">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class="">
-      <div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)" autocomplete="off" aria-describedby="" aria-invalid="false" value="bob@dylan.com">
-        <!--v-if-->
-        <!--v-if-->
-      </div>
-      <!--v-if-->
-    </div>
-  </div>
-  <div class="text-sm">
-    <div class="">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class="">
-      <div class="relative inline-flex items-center"><input id="password" type="text" name="password" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text-highlighted) bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error) ring ring-inset ring-(--ui-error)" autocomplete="off" aria-describedby="v-1-error" aria-invalid="true" value="short">
-        <!--v-if-->
-        <!--v-if-->
-      </div>
-      <p id="v-1-error" class="mt-2 text-(--ui-error)">Must be at least 8 characters</p>
-    </div>
-  </div>
-</form>"
-`;
-
-exports[`Form > valibot safeParser validation works > without error 1`] = `
-"<form id="42" class="">
-  <div class="text-sm">
-    <div class="">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class="">
-      <div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)" autocomplete="off" aria-describedby="" aria-invalid="false" value="bob@dylan.com">
-        <!--v-if-->
-        <!--v-if-->
-      </div>
-      <!--v-if-->
-    </div>
-  </div>
-  <div class="text-sm">
-    <div class="">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class="">
-      <div class="relative inline-flex items-center"><input id="password" type="text" name="password" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)" autocomplete="off" aria-describedby="" aria-invalid="false" value="validpassword">
-        <!--v-if-->
-        <!--v-if-->
-      </div>
-      <!--v-if-->
-    </div>
-  </div>
-</form>"
-`;
-
 exports[`Form > valibot validation works > with error 1`] = `
 "<form id="42" class="">
   <div class="text-sm">
diff --git a/test/components/__snapshots__/Form.spec.ts.snap b/test/components/__snapshots__/Form.spec.ts.snap
index d7c20053..445aaf3d 100644
--- a/test/components/__snapshots__/Form.spec.ts.snap
+++ b/test/components/__snapshots__/Form.spec.ts.snap
@@ -190,68 +190,6 @@ exports[`Form > superstruct validation works > without error 1`] = `
 </form>"
 `;
 
-exports[`Form > valibot safeParser validation works > with error 1`] = `
-"<form id="42" class="">
-  <div class="text-sm">
-    <div class="">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class="">
-      <div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)" autocomplete="off" aria-describedby="" aria-invalid="false" value="bob@dylan.com">
-        <!--v-if-->
-        <!--v-if-->
-      </div>
-      <!--v-if-->
-    </div>
-  </div>
-  <div class="text-sm">
-    <div class="">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class="">
-      <div class="relative inline-flex items-center"><input id="password" type="text" name="password" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text-highlighted) bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error) ring ring-inset ring-(--ui-error)" autocomplete="off" aria-describedby="v-0-0-1-error" aria-invalid="true" value="short">
-        <!--v-if-->
-        <!--v-if-->
-      </div>
-      <p id="v-0-0-1-error" class="mt-2 text-(--ui-error)">Must be at least 8 characters</p>
-    </div>
-  </div>
-</form>"
-`;
-
-exports[`Form > valibot safeParser validation works > without error 1`] = `
-"<form id="42" class="">
-  <div class="text-sm">
-    <div class="">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class="">
-      <div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)" autocomplete="off" aria-describedby="" aria-invalid="false" value="bob@dylan.com">
-        <!--v-if-->
-        <!--v-if-->
-      </div>
-      <!--v-if-->
-    </div>
-  </div>
-  <div class="text-sm">
-    <div class="">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class="">
-      <div class="relative inline-flex items-center"><input id="password" type="text" name="password" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)" autocomplete="off" aria-describedby="" aria-invalid="false" value="validpassword">
-        <!--v-if-->
-        <!--v-if-->
-      </div>
-      <!--v-if-->
-    </div>
-  </div>
-</form>"
-`;
-
 exports[`Form > valibot validation works > with error 1`] = `
 "<form id="42" class="">
   <div class="text-sm">
diff --git a/test/components/__snapshots__/Modal-vue.spec.ts.snap b/test/components/__snapshots__/Modal-vue.spec.ts.snap
index e0dbddf8..409e3cc9 100644
--- a/test/components/__snapshots__/Modal-vue.spec.ts.snap
+++ b/test/components/__snapshots__/Modal-vue.spec.ts.snap
@@ -366,6 +366,7 @@ exports[`Modal > renders without close correctly 1`] = `
       <h2 id="reka-dialog-title-v-0" class="text-(--ui-text-highlighted) font-semibold">Title</h2>
       <p id="reka-dialog-description-v-1" class="mt-1 text-(--ui-text-muted) text-sm">Description</p>
     </div>
+    <!--v-if-->
   </div>
   <!--v-if-->
   <!--v-if-->
diff --git a/test/components/__snapshots__/Modal.spec.ts.snap b/test/components/__snapshots__/Modal.spec.ts.snap
index a555dde5..594a5bd7 100644
--- a/test/components/__snapshots__/Modal.spec.ts.snap
+++ b/test/components/__snapshots__/Modal.spec.ts.snap
@@ -366,6 +366,7 @@ exports[`Modal > renders without close correctly 1`] = `
       <h2 id="reka-dialog-title-v-0-0-0" class="text-(--ui-text-highlighted) font-semibold">Title</h2>
       <p id="reka-dialog-description-v-0-0-1" class="mt-1 text-(--ui-text-muted) text-sm">Description</p>
     </div>
+    <!--v-if-->
   </div>
   <!--v-if-->
   <!--v-if-->
diff --git a/test/components/__snapshots__/Slideover-vue.spec.ts.snap b/test/components/__snapshots__/Slideover-vue.spec.ts.snap
index 7e7e5f3a..c2b96d24 100644
--- a/test/components/__snapshots__/Slideover-vue.spec.ts.snap
+++ b/test/components/__snapshots__/Slideover-vue.spec.ts.snap
@@ -416,6 +416,7 @@ exports[`Slideover > renders without close correctly 1`] = `
       <h2 id="reka-dialog-title-v-0" class="text-(--ui-text-highlighted) font-semibold">Title</h2>
       <p id="reka-dialog-description-v-1" class="mt-1 text-(--ui-text-muted) text-sm">Description</p>
     </div>
+    <!--v-if-->
   </div>
   <div class="flex-1 overflow-y-auto p-4 sm:p-6"></div>
   <!--v-if-->
diff --git a/test/components/__snapshots__/Slideover.spec.ts.snap b/test/components/__snapshots__/Slideover.spec.ts.snap
index 7fef16b2..e2f05909 100644
--- a/test/components/__snapshots__/Slideover.spec.ts.snap
+++ b/test/components/__snapshots__/Slideover.spec.ts.snap
@@ -416,6 +416,7 @@ exports[`Slideover > renders without close correctly 1`] = `
       <h2 id="reka-dialog-title-v-0-0-0" class="text-(--ui-text-highlighted) font-semibold">Title</h2>
       <p id="reka-dialog-description-v-0-0-1" class="mt-1 text-(--ui-text-muted) text-sm">Description</p>
     </div>
+    <!--v-if-->
   </div>
   <div class="flex-1 overflow-y-auto p-4 sm:p-6"></div>
   <!--v-if-->