From 36db8df281e44f99efcd6a1f7e5c6b0d109e2fe5 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Wed, 13 Nov 2024 15:19:33 +0100
Subject: [PATCH 1/2] fix: FormField missing conditions to apply container
 classes

---
 src/runtime/components/FormField.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/components/FormField.vue b/src/runtime/components/FormField.vue
index deb8aec84e..258120b132 100644
--- a/src/runtime/components/FormField.vue
+++ b/src/runtime/components/FormField.vue
@@ -96,7 +96,7 @@ provide(formFieldInjectionKey, computed(() => ({
       </p>
     </div>
 
-    <div :class="[label && ui.container({ class: props.ui?.container })]">
+    <div :class="[(label || !!slots.label || description || !!slots.description) && ui.container({ class: props.ui?.container })]">
       <slot :error="error" />
 
       <p v-if="(typeof error === 'string' && error) || !!slots.error" :class="ui.error({ class: props.ui?.error })">

From 2fe77a25e800d21aeedf3f34391cbae3d94af8e0 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 13 Nov 2024 15:28:31 +0100
Subject: [PATCH 2/2] test: update snapshots

---
 test/components/__snapshots__/FormField-vue.spec.ts.snap | 4 ++--
 test/components/__snapshots__/FormField.spec.ts.snap     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/test/components/__snapshots__/FormField-vue.spec.ts.snap b/test/components/__snapshots__/FormField-vue.spec.ts.snap
index 4cce60f7f2..afbf33c32c 100644
--- a/test/components/__snapshots__/FormField-vue.spec.ts.snap
+++ b/test/components/__snapshots__/FormField-vue.spec.ts.snap
@@ -30,7 +30,7 @@ exports[`FormField > renders with description slot correctly 1`] = `
     <!--v-if-->
     <p class="text-[var(--ui-text-muted)]">Description slot</p>
   </div>
-  <div class="">
+  <div class="mt-1 relative">
     <!--v-if-->
   </div>
 </div>"
@@ -130,7 +130,7 @@ exports[`FormField > renders with label slot correctly 1`] = `
     </div>
     <!--v-if-->
   </div>
-  <div class="">
+  <div class="mt-1 relative">
     <!--v-if-->
   </div>
 </div>"
diff --git a/test/components/__snapshots__/FormField.spec.ts.snap b/test/components/__snapshots__/FormField.spec.ts.snap
index 129b9be9cd..786c5aa7fa 100644
--- a/test/components/__snapshots__/FormField.spec.ts.snap
+++ b/test/components/__snapshots__/FormField.spec.ts.snap
@@ -30,7 +30,7 @@ exports[`FormField > renders with description slot correctly 1`] = `
     <!--v-if-->
     <p class="text-[var(--ui-text-muted)]">Description slot</p>
   </div>
-  <div class="">
+  <div class="mt-1 relative">
     <!--v-if-->
   </div>
 </div>"
@@ -130,7 +130,7 @@ exports[`FormField > renders with label slot correctly 1`] = `
     </div>
     <!--v-if-->
   </div>
-  <div class="">
+  <div class="mt-1 relative">
     <!--v-if-->
   </div>
 </div>"