From 0aea225f4f574da0bec5aac480fe23e69e8c0b49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n=20Arenal?= <adri.arenal94@gmail.com>
Date: Wed, 7 Oct 2026 09:47:56 +0200
Subject: [PATCH 1/2] feat(ai-carousel): add sliding panel classes to grouped
 carousel

---
 .../src/x-modules/ai/components/ai-carousel.spec.ts | 13 +++++++++++++
 .../src/x-modules/ai/components/ai-carousel.vue     |  7 ++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/x-components/src/x-modules/ai/components/ai-carousel.spec.ts b/packages/x-components/src/x-modules/ai/components/ai-carousel.spec.ts
index 40032cb8bb..af713587f2 100644
--- a/packages/x-components/src/x-modules/ai/components/ai-carousel.spec.ts
+++ b/packages/x-components/src/x-modules/ai/components/ai-carousel.spec.ts
@@ -236,6 +236,19 @@ describe('ai-carousel component', () => {
     expect(sut.suggestionsContainer.exists()).toBeFalsy()
   })
 
+  it('should pass the sliding panel classes to the grouped carousel', () => {
+    const sut = render({ props: { ...propsStub, group: true } })
+
+    expect(sut.aiGroupedCarousel.exists()).toBeTruthy()
+    expect(sut.aiGroupedCarousel.classes()).toContain(propsStub.slidingPanelClasses)
+    expect(sut.aiGroupedCarousel.attributes('scroll-container-class')).toBe(
+      propsStub.slidingPanelContainerClasses,
+    )
+    expect(sut.aiGroupedCarousel.attributes('button-class')).toBe(
+      propsStub.slidingPanelButtonsClasses,
+    )
+  })
+
   it('should render non-grouped mode when group prop is false', () => {
     const sut = render({ props: { ...propsStub, group: false } })
 
diff --git a/packages/x-components/src/x-modules/ai/components/ai-carousel.vue b/packages/x-components/src/x-modules/ai/components/ai-carousel.vue
index d8405434f0..b846ec6d21 100644
--- a/packages/x-components/src/x-modules/ai/components/ai-carousel.vue
+++ b/packages/x-components/src/x-modules/ai/components/ai-carousel.vue
@@ -40,7 +40,12 @@
         </span>
       </DisplayEmitter>
 
-      <AiGroupedCarousel v-if="group">
+      <AiGroupedCarousel
+        v-if="group"
+        :class="slidingPanelClasses"
+        :scroll-container-class="slidingPanelContainerClasses"
+        :button-class="slidingPanelButtonsClasses"
+      >
         <template #sliding-panels-addons="{ arrivedState }">
           <slot name="sliding-panels-addons" :arrived-state="arrivedState" />
         </template>

From 983fbda3ed3bef12d4d53fadb01e891f80fa9a1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n=20Arenal?= <adri.arenal94@gmail.com>
Date: Wed, 7 Oct 2026 10:03:38 +0200
Subject: [PATCH 2/2] feat(ai-carousel): update props for sliding panel classes
 in grouped carousel

---
 .../src/x-modules/ai/components/ai-carousel.spec.ts        | 7 ++++---
 .../src/x-modules/ai/components/ai-carousel.vue            | 6 +++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/x-components/src/x-modules/ai/components/ai-carousel.spec.ts b/packages/x-components/src/x-modules/ai/components/ai-carousel.spec.ts
index af713587f2..6b26337b55 100644
--- a/packages/x-components/src/x-modules/ai/components/ai-carousel.spec.ts
+++ b/packages/x-components/src/x-modules/ai/components/ai-carousel.spec.ts
@@ -240,11 +240,12 @@ describe('ai-carousel component', () => {
     const sut = render({ props: { ...propsStub, group: true } })
 
     expect(sut.aiGroupedCarousel.exists()).toBeTruthy()
-    expect(sut.aiGroupedCarousel.classes()).toContain(propsStub.slidingPanelClasses)
-    expect(sut.aiGroupedCarousel.attributes('scroll-container-class')).toBe(
+    expect(sut.aiGroupedCarousel.exists()).toBeTruthy()
+    expect(sut.aiGroupedCarousel.props('slidingPanelClasses')).toBe(propsStub.slidingPanelClasses)
+    expect(sut.aiGroupedCarousel.props('slidingPanelContainerClasses')).toBe(
       propsStub.slidingPanelContainerClasses,
     )
-    expect(sut.aiGroupedCarousel.attributes('button-class')).toBe(
+    expect(sut.aiGroupedCarousel.props('slidingPanelButtonsClasses')).toBe(
       propsStub.slidingPanelButtonsClasses,
     )
   })
diff --git a/packages/x-components/src/x-modules/ai/components/ai-carousel.vue b/packages/x-components/src/x-modules/ai/components/ai-carousel.vue
index b846ec6d21..479632f1c3 100644
--- a/packages/x-components/src/x-modules/ai/components/ai-carousel.vue
+++ b/packages/x-components/src/x-modules/ai/components/ai-carousel.vue
@@ -42,9 +42,9 @@
 
       <AiGroupedCarousel
         v-if="group"
-        :class="slidingPanelClasses"
-        :scroll-container-class="slidingPanelContainerClasses"
-        :button-class="slidingPanelButtonsClasses"
+        :sliding-panel-classes="slidingPanelClasses"
+        :sliding-panel-container-classes="slidingPanelContainerClasses"
+        :sliding-panel-buttons-classes="slidingPanelButtonsClasses"
       >
         <template #sliding-panels-addons="{ arrivedState }">
           <slot name="sliding-panels-addons" :arrived-state="arrivedState" />