From d9801154088ec7a20901b805f5d21e485e481d98 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 31 Oct 2024 10:24:58 +0100
Subject: [PATCH] fix(ButtonGroup): merge class with theme

Resolves nuxt/ui#2498
---
 src/runtime/components/ButtonGroup.vue                 | 2 +-
 test/components/__snapshots__/ButtonGroup.spec.ts.snap | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/ButtonGroup.vue b/src/runtime/components/ButtonGroup.vue
index 0635091f77..c4a0238155 100644
--- a/src/runtime/components/ButtonGroup.vue
+++ b/src/runtime/components/ButtonGroup.vue
@@ -47,7 +47,7 @@ provide(buttonGroupInjectionKey, computed(() => ({
 </script>
 
 <template>
-  <Primitive :as="as" :class="buttonGroup({ orientation })">
+  <Primitive :as="as" :class="buttonGroup({ orientation, class: props.class })">
     <slot />
   </Primitive>
 </template>
diff --git a/test/components/__snapshots__/ButtonGroup.spec.ts.snap b/test/components/__snapshots__/ButtonGroup.spec.ts.snap
index ff12dd1e79..8389fd5476 100644
--- a/test/components/__snapshots__/ButtonGroup.spec.ts.snap
+++ b/test/components/__snapshots__/ButtonGroup.spec.ts.snap
@@ -14,7 +14,7 @@ exports[`ButtonGroup > renders orientation vertical with default slot correctly
 
 exports[`ButtonGroup > renders with as correctly 1`] = `"<section class="relative inline-flex -space-x-px"></section>"`;
 
-exports[`ButtonGroup > renders with class correctly 1`] = `"<div class="relative inline-flex -space-x-px"></div>"`;
+exports[`ButtonGroup > renders with class correctly 1`] = `"<div class="inline-flex -space-x-px absolute"></div>"`;
 
 exports[`ButtonGroup > renders with default slot correctly 1`] = `
 "<div class="relative inline-flex -space-x-px">