@empathyco/x-components 6.0.0-alpha.183 → 6.0.0-alpha.185

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.0-alpha.185 (2025-12-11)
+
+* chore: upgrade @vue and @vueuse/core (#1943) ([f16b475](https://github.com/empathyco/x/commit/f16b475)), closes [#1943](https://github.com/empathyco/x/issues/1943)
+
+
+
+
+
+## 6.0.0-alpha.184 (2025-12-11)
+
+* chore(tests): upgrade cypress and enable e2e tests (#1942) ([b6ad1dd](https://github.com/empathyco/x/commit/b6ad1dd)), closes [#1942](https://github.com/empathyco/x/issues/1942)
+
+
+
+
+
 ## 6.0.0-alpha.183 (2025-12-08)
 
 * chore(deps): update cypress-related dependencies (#1941) ([3c751ef](https://github.com/empathyco/x/commit/3c751ef)), closes [#1941](https://github.com/empathyco/x/issues/1941)

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

@@ -7,7 +7,7 @@
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
     };
@@ -39,22 +39,22 @@ _default: import("vue").DefineComponent<{
     slidingPanelButtonsClasses: {
         type: StringConstructor;
     };
-}, {
-    aiOverviewRef: import("vue").Ref<HTMLDivElement | null>;
+}>, {
+    aiOverviewRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
     buttonText: import("vue").ComputedRef<string>;
     emptyTaggingRequest: TaggingRequest;
-    expanded: import("vue").Ref<boolean>;
+    expanded: import("vue").Ref<boolean, boolean>;
     parsedResponseText: import("vue").ComputedRef<string | Promise<string>>;
     suggestionsLoading: import("vue").ComputedRef<boolean>;
     suggestionsSearch: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionSearch[]>;
     suggestionText: import("vue").ComputedRef<string>;
     emitAndSetExpand: (isExpanded: boolean) => void;
-    shouldAnimateSuggestion: import("vue").Ref<boolean>;
+    shouldAnimateSuggestion: import("vue").Ref<boolean, boolean>;
     query: import("vue").ComputedRef<string>;
     tagging: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionTagging | undefined>;
     isNoResults: import("vue").ComputedRef<boolean>;
     queries: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionQuery[]>;
-}, 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<{
     title: {
         type: StringConstructor;
     };
@@ -86,10 +86,24 @@ _default: import("vue").DefineComponent<{
     slidingPanelButtonsClasses: {
         type: StringConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     titleLoading: string;
     expandText: string;
     collapseText: string;
     autoExpandInSearchNoResults: boolean;
-}, {}>
+}, {}, {
+    AIStarIcon: import("vue").DefineComponent<{}, {}, any>;
+    ArrowRightIcon: import("vue").DefineComponent<{}, {}, any>;
+    BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
+    ChevronDownIcon: import("vue").DefineComponent<{}, {}, any>;
+    CollapseHeight: import("vue").DefineComponent<{}, {}, any>;
+    ChangeHeight: import("vue").DefineComponent<{}, {}, any>;
+    Fade: import("vue").DefineComponent<{}, {}, any>;
+    SlidingPanel: import("vue").DefineComponent<{}, {}, any>;
+    SpinnerIcon: import("vue").DefineComponent<{}, {}, any>;
+    DisplayEmitter: import("vue").DefineComponent<{}, {}, any>;
+    DisplayClickProvider: import("vue").DefineComponent<{}, {}, any>;
+}, {
+    typing: import("vue").Directive<import("../../../directives").TypingHTMLElement, import("../../../directives").TypingOptions>;
+}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,21 +9,23 @@ This component receives a required `facet` with [BooleanFilter](./x-types.boolea
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     facet: {
         type: PropType<Facet>;
         required: true;
     };
-}, {
+}>, {
     clickEvent: import("vue").ComputedRef<Partial<XEventsTypes>>;
     cssClasses: import("vue").ComputedRef<{
         'x-selected x-all-filter--is-selected': boolean;
     }>;
     isSelected: import("vue").ComputedRef<boolean>;
-}, 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<{
     facet: {
         type: PropType<Facet>;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {
+    BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,5 +9,5 @@ Renders a transition wrapping an element passed in the default slot and animatin
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>
+_default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,7 +9,7 @@ The auto progress bar component is useful for displaying a visual indicator of n
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isLoading: {
         type: BooleanConstructor;
         default: boolean;
@@ -18,9 +18,9 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, {
+}>, {
     cssStyles: import("vue").ComputedRef<StyleValue>;
-}, 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<{
     isLoading: {
         type: BooleanConstructor;
         default: boolean;
@@ -29,8 +29,8 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}>>, {
+}>> & Readonly<{}>, {
     isLoading: boolean;
     durationInSeconds: number;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -11,20 +11,20 @@ Additionally, this component exposes the following props to modify the classes o
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     banner: {
         type: PropType<BannerModel>;
         required: true;
     };
     titleClass: StringConstructor;
-}, {
-    imageFailed: import("vue").Ref<boolean>;
+}>, {
+    imageFailed: import("vue").Ref<boolean, boolean>;
     anchorEvents: () => Partial<{ [key in keyof GlobalEventHandlersEventMap]: () => 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<{
     banner: {
         type: PropType<BannerModel>;
         required: true;
     };
     titleClass: StringConstructor;
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -13,19 +13,19 @@ It also provides the parent slots to customize the items.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
-}, () => 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<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     animation: string | Function | Record<string, any>;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,18 +9,20 @@ Renders a button with a default slot. It receives the result with the data and e
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
     };
-}, {
+}>, {
     events: import("vue").ComputedRef<Partial<XEventsTypes>>;
     metadata: Omit<WireMetadata, "moduleName" | "origin" | "location">;
-}, 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<{}>, {}, {}, {
+    BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -11,25 +11,27 @@ It emits [XEventsTypes.UserClickedColumnPicker](./x-components.xeventstypes.user
 **Signature:**
 
 ```typescript
-_default: Vue.DefineComponent<{
+_default: Vue.DefineComponent<Vue.ExtractPropTypes<{
     columns: {
         type: PropType<number[]>;
         required: true;
     };
     modelValue: NumberConstructor;
     animation: PropType<string | typeof Vue>;
-}, {
+}>, {
     emitEvents: (column: number) => void;
     hasToggleSlot: boolean;
-    selectedColumns: Vue.Ref<number>;
-}, unknown, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
+    selectedColumns: Vue.Ref<number, number>;
+}, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
     columns: {
         type: PropType<number[]>;
         required: true;
     };
     modelValue: NumberConstructor;
     animation: PropType<string | typeof Vue>;
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>
+}>, {}, {}, {
+    BaseDropdown: Vue.DefineComponent<{}, {}, any>;
+}, {}, string, Vue.ComponentProvideOptions, true, {}, any>
 ```

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

@@ -11,23 +11,25 @@ Additionally, this component exposes the following props to modify the classes o
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<number[]>;
         required: true;
     };
     modelValue: NumberConstructor;
     buttonClass: StringConstructor;
-}, {
+}>, {
     columnsWithCssClasses: import("vue").ComputedRef<ColumnPickerItem[]>;
-}, 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<{
     columns: {
         type: PropType<number[]>;
         required: true;
     };
     modelValue: NumberConstructor;
     buttonClass: StringConstructor;
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>
+}>, {}, {}, {
+    BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -11,7 +11,7 @@ Regarding the format or mask to be defined as string: - Use 'i' to define intege
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
         required: true;
@@ -19,9 +19,9 @@ _default: import("vue").DefineComponent<{
     format: {
         type: StringConstructor;
     };
-}, {
+}>, {
     currency: 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;
@@ -29,7 +29,7 @@ _default: import("vue").DefineComponent<{
     format: {
         type: StringConstructor;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```
 
 ## Remarks

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

@@ -9,7 +9,7 @@ Dropdown component that mimics a Select element behavior, but with the option to
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<DropdownItem[]>;
         required: true;
@@ -28,31 +28,31 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, {
+}>, {
     hasToggleSlot: boolean;
     closeAndFocusToggleButton: () => void;
     dropdownCSSClasses: import("vue").ComputedRef<{
-        'x-dropdown--is-open': import("vue").Ref<boolean>;
+        'x-dropdown--is-open': import("vue").Ref<boolean, boolean>;
     }>;
     emitSelectedItemChanged: (item: DropdownItem) => void;
     highlightFirstItem: () => void;
     highlightLastItem: () => void;
     highlightNextItem: () => void;
     highlightPreviousItem: () => void;
-    highlightedItemIndex: import("vue").Ref<number>;
-    isOpen: import("vue").Ref<boolean>;
-    itemsButtonRefs: import("vue").Ref<HTMLButtonElement[]>;
+    highlightedItemIndex: import("vue").Ref<number, number>;
+    isOpen: import("vue").Ref<boolean, boolean>;
+    itemsButtonRefs: import("vue").Ref<HTMLButtonElement[], HTMLButtonElement[]>;
     itemsCSSClasses: import("vue").ComputedRef<{
         'x-dropdown__item--is-selected': boolean;
         'x-dropdown__item--is-highlighted': boolean;
     }[]>;
     listId: string;
     open: () => boolean;
-    rootRef: import("vue").Ref<HTMLElement | undefined>;
+    rootRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     toggle: () => boolean;
-    toggleButtonRef: import("vue").Ref<HTMLButtonElement | undefined>;
+    toggleButtonRef: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     updateSearchBuffer: (event: KeyboardEvent) => void;
-}, 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<{
     items: {
         type: PropType<DropdownItem[]>;
         required: true;
@@ -71,10 +71,10 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     animation: string | Function | Record<string, any>;
     searchTimeoutMs: number;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,7 +9,7 @@ Component to be reused that renders a `<button>` with the logic of emitting even
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     events: {
         type: PropType<Partial<XEventsTypes>>;
         required: true;
@@ -17,10 +17,10 @@ _default: import("vue").DefineComponent<{
     metadata: {
         type: PropType<Omit<WireMetadata, "moduleName">>;
     };
-}, {
+}>, {
     emitEvents: () => void;
-    rootRef: import("vue").Ref<HTMLButtonElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    rootRef: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     events: {
         type: PropType<Partial<XEventsTypes>>;
         required: true;
@@ -28,5 +28,5 @@ _default: import("vue").DefineComponent<{
     metadata: {
         type: PropType<Omit<WireMetadata, "moduleName">>;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,7 +9,7 @@ Component containing a modal that emits a [XEventsTypes.UserClickedCloseEventsMo
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     eventsToOpenModal: {
         type: PropType<XEvent[]>;
         default: () => XEvent[];
@@ -23,12 +23,12 @@ _default: import("vue").DefineComponent<{
         default: string;
     };
     animation: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
-}, {
-    isOpen: import("vue").Ref<boolean>;
-    openerElement: import("vue").Ref<HTMLElement | undefined>;
-    baseModalEl: import("vue").Ref<HTMLElement | undefined>;
+}>, {
+    isOpen: import("vue").Ref<boolean, boolean>;
+    openerElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    baseModalEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     emitBodyClickEvent: (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<{
     eventsToOpenModal: {
         type: PropType<XEvent[]>;
         default: () => XEvent[];
@@ -42,9 +42,11 @@ _default: import("vue").DefineComponent<{
         default: string;
     };
     animation: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
-}>>, {
+}>> & Readonly<{}>, {
     eventsToOpenModal: (keyof import("../../wiring/events.types").XEventsTypes)[];
     eventsToCloseModal: (keyof import("../../wiring/events.types").XEventsTypes)[];
     bodyClickEvent: keyof import("../../wiring/events.types").XEventsTypes;
-}, {}>
+}, {}, {
+    BaseModal: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,19 +9,21 @@ Component contains an event button that emits [XEventsTypes.UserClickedCloseEven
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     closingEvent: {
         type: PropType<PropsWithType<XEventsTypes, void>>;
         default: string;
     };
-}, {
+}>, {
     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<{
     closingEvent: {
         type: PropType<PropsWithType<XEventsTypes, void>>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     closingEvent: "UserClickedCloseEventsModal" | "UserClickedCloseX" | "UserClickedOutOfMainModal" | "UserClickedOpenEventsModal" | "UserClickedOpenX" | "UserClickedOutOfEventsModal" | "UserOpenXProgrammatically" | "UserReachedEmpathizeTop" | "EmpathizeClosed" | "EmpathizeOpened" | "UserClosedEmpathize" | "UserPressedClearHistoryQueries" | "UserClickedEnableHistoryQueries" | "UserClickedDisableHistoryQueries" | "UserClickedConfirmDisableHistoryQueries" | "UserClickedDismissDisableHistoryQueries" | "ScrollRestoreSucceeded" | "ScrollRestoreFailed" | "UserHoveredInSearchBox" | "UserHoveredOutSearchBox" | "UserBlurredSearchBox" | "UserClickedSearchBox" | "UserFocusedSearchBox" | "UserPressedClearSearchBoxButton" | "ReloadSearchRequested" | "UserReachedResultsListEnd" | "UserClickedAbortARedirection" | "RelatedPromptsUnmounted" | "ReloadRelatedPromptsRequested" | "AiOverviewMounted";
-}, {}>
+}, {}, {
+    BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,19 +9,21 @@ Component contains an event button that emits [XEventsTypes.UserClickedOpenEvent
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     openingEvent: {
         type: PropType<PropsWithType<XEventsTypes, void>>;
         default: string;
     };
-}, {
+}>, {
     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<{
     openingEvent: {
         type: PropType<PropsWithType<XEventsTypes, void>>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     openingEvent: "UserClickedCloseEventsModal" | "UserClickedCloseX" | "UserClickedOutOfMainModal" | "UserClickedOpenEventsModal" | "UserClickedOpenX" | "UserClickedOutOfEventsModal" | "UserOpenXProgrammatically" | "UserReachedEmpathizeTop" | "EmpathizeClosed" | "EmpathizeOpened" | "UserClosedEmpathize" | "UserPressedClearHistoryQueries" | "UserClickedEnableHistoryQueries" | "UserClickedDisableHistoryQueries" | "UserClickedConfirmDisableHistoryQueries" | "UserClickedDismissDisableHistoryQueries" | "ScrollRestoreSucceeded" | "ScrollRestoreFailed" | "UserHoveredInSearchBox" | "UserHoveredOutSearchBox" | "UserBlurredSearchBox" | "UserClickedSearchBox" | "UserFocusedSearchBox" | "UserPressedClearSearchBoxButton" | "ReloadSearchRequested" | "UserReachedResultsListEnd" | "UserClickedAbortARedirection" | "RelatedPromptsUnmounted" | "ReloadRelatedPromptsRequested" | "AiOverviewMounted";
-}, {}>
+}, {}, {
+    BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,7 +9,7 @@ Grid component that is able to render different items based on their modelName v
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
@@ -21,17 +21,19 @@ _default: import("vue").DefineComponent<{
     items: {
         type: PropType<ListItem[]>;
     };
-}, {
+}>, {
     gridItems: import("vue").ComputedRef<GridItem[]>;
     cssClasses: import("vue").ComputedRef<string>;
     style: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-    gridEl: Ref<{
+    gridEl: Ref<HTMLElement | {
         $el: HTMLElement;
-    } | HTMLElement | undefined>;
+    } | undefined, HTMLElement | {
+        $el: HTMLElement;
+    } | undefined>;
     slots: Readonly<{
         [name: string]: import("vue").Slot<any> | 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<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
@@ -43,8 +45,8 @@ _default: import("vue").DefineComponent<{
     items: {
         type: PropType<ListItem[]>;
     };
-}>>, {
+}>> & Readonly<{}>, {
     animation: string | Function | Record<string, any>;
     columns: number;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -9,25 +9,27 @@ Toggle panel which uses the base toggle panel, adds a header and manage the open
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: () => import("vue").DefineComponent<{}, {}, any>;
     };
     startCollapsed: BooleanConstructor;
     headerClass: StringConstructor;
-}, {
-    open: import("vue").Ref<boolean>;
+}>, {
+    open: import("vue").Ref<boolean, boolean>;
     toggleOpen: () => 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)[];
         default: () => import("vue").DefineComponent<{}, {}, any>;
     };
     startCollapsed: BooleanConstructor;
     headerClass: StringConstructor;
-}>>, {
-    animation: string | Function | Record<string, any>;
+}>> & Readonly<{}>, {
     startCollapsed: 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.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>
 ```