@empathyco/x-components 6.0.0-alpha.184 → 6.0.0-alpha.186

package/docs/API-reference/api/x-components.baseidmodal.md

@@ -9,7 +9,7 @@ Component containing a modal expecting a required prop, named `modalId`<!-- -->.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
@@ -17,11 +17,11 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {
-    el: import("vue").Ref<HTMLElement | undefined>;
-    isOpen: import("vue").Ref<boolean>;
+}>, {
+    el: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    isOpen: import("vue").Ref<boolean, boolean>;
     emitClickOutOfModal: (event: MouseEvent | FocusEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
@@ -29,5 +29,7 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {
+    BaseModal: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseidmodalclose.md

@@ -9,17 +9,17 @@ Component that allows to close a modal by emitting [XEventsTypes.UserClickedClos
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modalId: {
         type: StringConstructor;
         required: true;
     };
-}, {
+}>, {
     closeModal: ({ target }: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modalId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseidmodalopen.md

@@ -9,17 +9,17 @@ Component that allows to open a modal by emitting [XEventsTypes.UserClickedOpenM
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modalId: {
         type: StringConstructor;
         required: true;
     };
-}, {
+}>, {
     openModal: ({ target }: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modalId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseidtogglepanel.md

@@ -13,7 +13,7 @@ The default slot offers the possibility to customise the modal content.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     startOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -26,9 +26,9 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {
-    isOpen: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    isOpen: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     startOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -41,8 +41,10 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     startOpen: boolean;
     animation: string | Function | Record<string, any>;
-}, {}>
+}, {}, {
+    BaseTogglePanel: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseidtogglepanelbutton.md

@@ -11,18 +11,20 @@ It has a default slot to customize its contents.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     panelId: {
         type: StringConstructor;
         required: true;
     };
-}, {
-    isPanelOpen: import("vue").Ref<boolean>;
+}>, {
+    isPanelOpen: import("vue").Ref<boolean, boolean>;
     events: import("vue").ComputedRef<Partial<XEventsTypes>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     panelId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {
+    BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.basekeyboardnavigation.md

@@ -9,7 +9,7 @@ Base component to handle keyboard navigation for elements inside it. It has a re
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     navigationHijacker: {
         type: PropType<TakeNavigationControl[]>;
         default: () => {
@@ -24,10 +24,10 @@ _default: import("vue").DefineComponent<{
             ArrowUp: string;
         };
     };
-}, {
-    el: import("vue").Ref<HTMLElement | undefined>;
+}>, {
+    el: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     focusNextNavigableElement: (direction: ArrowKey | KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     navigationHijacker: {
         type: PropType<TakeNavigationControl[]>;
         default: () => {
@@ -42,10 +42,10 @@ _default: import("vue").DefineComponent<{
             ArrowUp: string;
         };
     };
-}>>, {
+}>> & Readonly<{}>, {
     navigationHijacker: TakeNavigationControl[];
     eventsForDirectionLimit: Partial<EventsForDirectionLimit>;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```
 
 ## Remarks

package/docs/API-reference/api/x-components.basemodal.md

@@ -9,7 +9,7 @@ Base component with no XPlugin dependencies that serves as a utility for constru
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
         required: true;
@@ -29,12 +29,12 @@ _default: import("vue").DefineComponent<{
     };
     contentClass: StringConstructor;
     overlayClass: StringConstructor;
-}, {
+}>, {
     emitOverlayClicked: (event: Event) => void;
-    isWaitingForLeave: import("vue").Ref<boolean>;
-    modalContentRef: import("vue").Ref<HTMLDivElement | undefined>;
-    modalRef: import("vue").Ref<HTMLDivElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click:overlay" | "focusin:body")[], "click:overlay" | "focusin:body", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isWaitingForLeave: import("vue").Ref<boolean, boolean>;
+    modalContentRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    modalRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click:overlay" | "focusin:body")[], "click:overlay" | "focusin:body", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
         required: true;
@@ -54,12 +54,12 @@ _default: import("vue").DefineComponent<{
     };
     contentClass: StringConstructor;
     overlayClass: StringConstructor;
-}>> & {
+}>> & Readonly<{
     "onClick:overlay"?: ((...args: any[]) => any) | undefined;
     "onFocusin:body"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     focusOnOpen: boolean;
     animation: string | Function | Record<string, any>;
     overlayAnimation: string | Function | Record<string, any>;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.basepricefilterlabel.md

@@ -9,7 +9,7 @@ Renders a label for a price filter, allowing to select different messages depend
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     filter: {
         type: PropType<{
             range: RangeValue;
@@ -31,9 +31,9 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filter: {
         type: PropType<{
             range: RangeValue;
@@ -55,5 +55,7 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {
+    BaseCurrency: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baserating.md

@@ -9,7 +9,7 @@ Rating component. This component renders a set of elements filled based on the v
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
         required: true;
@@ -18,10 +18,10 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, {
+}>, {
     calculateFilledWrapperWidth: import("vue").ComputedRef<string>;
     ariaLabel: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
         required: true;
@@ -30,7 +30,9 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}>>, {
+}>> & Readonly<{}>, {
     max: number;
-}, {}>
+}, {}, {
+    DefaultIcon: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseratingfilterlabel.md

@@ -9,7 +9,7 @@ Renders a label for a rating filter, allowing to override the elements used to p
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     filter: {
         type: PropType<BooleanFilter>;
         required: true;
@@ -18,9 +18,9 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, {
+}>, {
     value: import("vue").ComputedRef<number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filter: {
         type: PropType<BooleanFilter>;
         required: true;
@@ -29,7 +29,9 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}>>, {
+}>> & Readonly<{}>, {
     max: number;
-}, {}>
+}, {}, {
+    BaseRating: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseresultcurrentprice.md

@@ -9,7 +9,7 @@ Component that renders the [Result](./x-types.result.md) current price that may
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -17,9 +17,9 @@ _default: import("vue").DefineComponent<{
     format: {
         type: StringConstructor;
     };
-}, {
+}>, {
     dynamicClasses: import("vue").ComputedRef<VueCSSClasses>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -27,5 +27,7 @@ _default: import("vue").DefineComponent<{
     format: {
         type: StringConstructor;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {
+    BaseCurrency: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseresultimage.md

@@ -9,7 +9,7 @@ Component to be reused that renders an `<img>`<!-- -->.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -25,18 +25,18 @@ _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    pendingImages: Ref<string[]>;
-    loadedImages: Ref<string[]>;
-    isHovering: Ref<boolean>;
-    userHasHoveredImage: Ref<boolean>;
+}>, {
+    pendingImages: Ref<string[], string[]>;
+    loadedImages: Ref<string[], string[]>;
+    isHovering: Ref<boolean, boolean>;
+    userHasHoveredImage: Ref<boolean, boolean>;
     loaderStyles: Partial<CSSStyleDeclaration>;
     animation: import("vue").ComputedRef<string | Function | Record<string, any>>;
     imageSrc: import("vue").ComputedRef<string>;
     shouldLoadNextImage: import("vue").ComputedRef<boolean>;
     flagImageAsFailed: () => void;
     flagImageLoaded: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -52,8 +52,8 @@ _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     loadAnimation: string | Function | Record<string, any>;
     showNextImageOnHover: boolean;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseresultlink.md

@@ -9,20 +9,20 @@ Component to be reused that renders an `<a>` wrapping the result contents.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
     };
-}, {
-    el: import("vue").Ref<HTMLElement | null | undefined>;
+}>, {
+    el: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
     emitUserClickedAResult: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```
 
 ## Remarks

package/docs/API-reference/api/x-components.baseresultpreviousprice.md

@@ -9,7 +9,7 @@ Component that renders the [Result](./x-types.result.md) previous price.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -17,7 +17,7 @@ _default: import("vue").DefineComponent<{
     format: {
         type: StringConstructor;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -25,5 +25,7 @@ _default: import("vue").DefineComponent<{
     format: {
         type: StringConstructor;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {
+    BaseCurrency: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseresultrating.md

@@ -9,7 +9,7 @@ This component renders a [BaseRating](./x-components.baserating.md) for a result
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -17,10 +17,10 @@ _default: import("vue").DefineComponent<{
     link: {
         type: StringConstructor;
     };
-}, {
-    el: import("vue").Ref<HTMLElement | null | undefined>;
+}>, {
+    el: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
     emitClickedEvent: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -28,5 +28,7 @@ _default: import("vue").DefineComponent<{
     link: {
         type: StringConstructor;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {
+    BaseRating: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.basescroll.md

@@ -9,7 +9,7 @@ Base scroll component that depending on the user interactivity emits different e
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     distanceToBottom: {
         type: NumberConstructor;
         default: number;
@@ -30,10 +30,10 @@ _default: import("vue").DefineComponent<{
         type: PropType<XEvent | XEvent[]>;
         default: () => string[];
     };
-}, {
+}>, {
     throttledStoreScrollData: import("vue").ComputedRef<import("../..").ThrottleFunction<[]>>;
-    baseScrollEl: import("vue").Ref<HTMLElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "scroll:at-start" | "scroll:almost-at-end" | "scroll:at-end" | "scroll:direction-change")[], "scroll" | "scroll:at-start" | "scroll:almost-at-end" | "scroll:at-end" | "scroll:direction-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    baseScrollEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "scroll:at-start" | "scroll:almost-at-end" | "scroll:at-end" | "scroll:direction-change")[], "scroll" | "scroll:at-start" | "scroll:almost-at-end" | "scroll:at-end" | "scroll:direction-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     distanceToBottom: {
         type: NumberConstructor;
         default: number;
@@ -54,17 +54,17 @@ _default: import("vue").DefineComponent<{
         type: PropType<XEvent | XEvent[]>;
         default: () => string[];
     };
-}>> & {
+}>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     "onScroll:at-start"?: ((...args: any[]) => any) | undefined;
     "onScroll:almost-at-end"?: ((...args: any[]) => any) | undefined;
     "onScroll:at-end"?: ((...args: any[]) => any) | undefined;
     "onScroll:direction-change"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     distanceToBottom: number;
     firstElementThresholdPx: number;
     throttleMs: number;
     resetOnChange: boolean;
     resetOn: keyof import("../../wiring/events.types").XEventsTypes | (keyof import("../../wiring/events.types").XEventsTypes)[];
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.baseslider.md

@@ -11,7 +11,7 @@ It makes use of the nouslider library
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     threshold: {
         type: PropType<{
             min: number;
@@ -33,10 +33,10 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {
-    slider: import("vue").Ref<HTMLElement | undefined>;
+}>, {
+    slider: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     rangeSelected: import("vue").ComputedRef<number[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     threshold: {
         type: PropType<{
             min: number;
@@ -58,13 +58,13 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     threshold: {
         min: number;
         max: number;
     };
     contentClass: string;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.basesuggestion.md

@@ -11,7 +11,7 @@ The default slot receives the suggestion and the matched query has props.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     query: {
         type: StringConstructor;
         default: string;
@@ -30,12 +30,12 @@ _default: import("vue").DefineComponent<{
     highlightCurated: {
         type: BooleanConstructor;
     };
-}, {
-    el: import("vue").Ref<HTMLElement | null>;
+}>, {
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     filter: import("vue").ComputedRef<BooleanFilter | undefined>;
     emitEvents: () => void;
     dynamicCSSClasses: import("vue").ComputedRef<VueCSSClasses>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     query: {
         type: StringConstructor;
         default: string;
@@ -54,8 +54,10 @@ _default: import("vue").DefineComponent<{
     highlightCurated: {
         type: BooleanConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     query: string;
     highlightCurated: boolean;
-}, {}>
+}, {}, {
+    Highlight: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.basesuggestions.md

@@ -9,7 +9,7 @@ Paints a list of suggestions passed in by prop. Requires a component for a singl
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     suggestions: {
         type: PropType<Suggestion[]>;
         required: true;
@@ -28,11 +28,11 @@ _default: import("vue").DefineComponent<{
         default: boolean;
     };
     suggestionItemClass: StringConstructor;
-}, {
+}>, {
     suggestionsToRender: import("vue").ComputedRef<Suggestion[]>;
     suggestionsKeys: import("vue").ComputedRef<string[]>;
     getSuggestionFilter: (suggestion: Suggestion) => import("@empathyco/x-types").Filter | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     suggestions: {
         type: PropType<Suggestion[]>;
         required: true;
@@ -51,9 +51,9 @@ _default: import("vue").DefineComponent<{
         default: boolean;
     };
     suggestionItemClass: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     animation: string | Function | Record<string, any>;
     showFacets: boolean;
     showPlainSuggestion: boolean;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```