From 5f4061b1875cdb67178ac54e927922ea2d46a85e Mon Sep 17 00:00:00 2001
From: davidglezz <davidg@empathy.co>
Date: Wed, 25 Feb 2026 14:31:52 +0100
Subject: [PATCH 1/2] refactor: fix type issues

Signed-off-by: davidglezz <davidg@empathy.co>
---
 .../components/column-picker/base-column-picker-dropdown.vue | 5 ++---
 .../facets/components/facets/__tests__/facets.spec.ts        | 4 ++--
 .../src/x-modules/search/components/sort-dropdown.vue        | 5 ++---
 .../src/x-modules/search/components/sort-list.vue            | 5 ++---
 .../src/x-modules/search/components/sort-picker-list.vue     | 5 ++---
 5 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/packages/x-components/src/components/column-picker/base-column-picker-dropdown.vue b/packages/x-components/src/components/column-picker/base-column-picker-dropdown.vue
index 3d0dc76d58..70af80dc27 100644
--- a/packages/x-components/src/components/column-picker/base-column-picker-dropdown.vue
+++ b/packages/x-components/src/components/column-picker/base-column-picker-dropdown.vue
@@ -30,8 +30,7 @@
 </template>
 
 <script lang="ts">
-import type { PropType } from 'vue'
-import type Vue from 'vue'
+import type { Component, PropType } from 'vue'
 import { computed, defineComponent, onBeforeMount, ref, watch } from 'vue'
 import { use$x } from '../../composables/use-$x'
 import BaseDropdown from '../base-dropdown.vue'
@@ -57,7 +56,7 @@ export default defineComponent({
     /** The value of the selected columns number. */
     modelValue: Number,
     /** The transition to use for opening and closing the dropdown. */
-    animation: [String, Object] as PropType<string | typeof Vue>,
+    animation: [String, Object] as PropType<string | Component>,
   },
   emits: ['update:modelValue'],
   setup(props, { emit, slots }) {
diff --git a/packages/x-components/src/x-modules/facets/components/facets/__tests__/facets.spec.ts b/packages/x-components/src/x-modules/facets/components/facets/__tests__/facets.spec.ts
index 3489585a85..e0093c0b44 100644
--- a/packages/x-components/src/x-modules/facets/components/facets/__tests__/facets.spec.ts
+++ b/packages/x-components/src/x-modules/facets/components/facets/__tests__/facets.spec.ts
@@ -1,7 +1,7 @@
 import type { Facet } from '@empathyco/x-types'
 import type { DeepPartial, Dictionary } from '@empathyco/x-utils'
 import type { DOMWrapper } from '@vue/test-utils'
-import type Vue from 'vue'
+import type { Component } from 'vue'
 import type { RootXStoreState } from '../../../../../store/store.types'
 import { mount } from '@vue/test-utils'
 import { nextTick } from 'vue'
@@ -313,7 +313,7 @@ function renderFacetsComponent({
 }
 
 interface FacetsRenderOptions {
-  components?: Dictionary<typeof Vue>
+  components?: Dictionary<Component>
   customFacetSlot?: string
   facets?: Dictionary<Facet>
   renderableFacets?: string
diff --git a/packages/x-components/src/x-modules/search/components/sort-dropdown.vue b/packages/x-components/src/x-modules/search/components/sort-dropdown.vue
index f63969de28..36d5ffcc71 100644
--- a/packages/x-components/src/x-modules/search/components/sort-dropdown.vue
+++ b/packages/x-components/src/x-modules/search/components/sort-dropdown.vue
@@ -33,8 +33,7 @@
 
 <script lang="ts">
 import type { Sort } from '@empathyco/x-types'
-import type { PropType } from 'vue'
-import type Vue from 'vue'
+import type { Component, PropType } from 'vue'
 import { defineComponent, ref, watch } from 'vue'
 
 import BaseDropdown from '../../../components/base-dropdown.vue'
@@ -57,7 +56,7 @@ export default defineComponent({
       required: true,
     },
     /** The transition to use for opening and closing the dropdown. */
-    animation: [String, Object] as PropType<string | typeof Vue>,
+    animation: [String, Object] as PropType<string | Component>,
   },
   emits: ['change'],
   setup(_, { emit }) {
diff --git a/packages/x-components/src/x-modules/search/components/sort-list.vue b/packages/x-components/src/x-modules/search/components/sort-list.vue
index fbf31ec5a8..4a8a9aa013 100644
--- a/packages/x-components/src/x-modules/search/components/sort-list.vue
+++ b/packages/x-components/src/x-modules/search/components/sort-list.vue
@@ -21,8 +21,7 @@
 
 <script lang="ts">
 import type { Sort } from '@empathyco/x-types'
-import type { PropType } from 'vue'
-import type Vue from 'vue'
+import type { Component, PropType  } from 'vue'
 import type { VueCSSClasses } from '../../../utils/types'
 import type { XEventsTypes } from '../../../wiring/events.types'
 import { computed, defineComponent, watch } from 'vue'
@@ -56,7 +55,7 @@ export default defineComponent({
     },
     /** The transition to use for rendering the list. */
     animation: {
-      type: [String, Object] as PropType<string | typeof Vue>,
+      type: [String, Object] as PropType<string | Component>,
       default: () => 'ul',
     },
   },
diff --git a/packages/x-components/src/x-modules/search/components/sort-picker-list.vue b/packages/x-components/src/x-modules/search/components/sort-picker-list.vue
index 9e18119ace..b8cb558b95 100644
--- a/packages/x-components/src/x-modules/search/components/sort-picker-list.vue
+++ b/packages/x-components/src/x-modules/search/components/sort-picker-list.vue
@@ -24,8 +24,7 @@
 
 <script lang="ts">
 import type { Sort } from '@empathyco/x-types'
-import type { PropType } from 'vue'
-import type Vue from 'vue'
+import type { Component, PropType } from 'vue'
 import type { SortPickerItem } from './sort-picker-list.types'
 import { computed, defineComponent, watch } from 'vue'
 import BaseEventButton from '../../../components/base-event-button.vue'
@@ -49,7 +48,7 @@ export default defineComponent({
     },
     /** The transition to use for rendering the list. */
     animation: {
-      type: [String, Object] as PropType<string | typeof Vue>,
+      type: [String, Object] as PropType<string | Component>,
       default: () => 'div',
     },
     /** Class inherited by each sort button. */

From e8eddfa52c35db4b53a0a184eb31c9d47e865354 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n=20Arenal?= <adri.arenal94@gmail.com>
Date: Thu, 26 Feb 2026 10:11:40 +0100
Subject: [PATCH 2/2] refactor: fix minor type issues in sort-list component

---
 .../x-components/src/x-modules/search/components/sort-list.vue  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/x-components/src/x-modules/search/components/sort-list.vue b/packages/x-components/src/x-modules/search/components/sort-list.vue
index 4a8a9aa013..6caa9edb00 100644
--- a/packages/x-components/src/x-modules/search/components/sort-list.vue
+++ b/packages/x-components/src/x-modules/search/components/sort-list.vue
@@ -21,7 +21,7 @@
 
 <script lang="ts">
 import type { Sort } from '@empathyco/x-types'
-import type { Component, PropType  } from 'vue'
+import type { Component, PropType } from 'vue'
 import type { VueCSSClasses } from '../../../utils/types'
 import type { XEventsTypes } from '../../../wiring/events.types'
 import { computed, defineComponent, watch } from 'vue'