@hotelinking/ui 10.43.4 → 10.43.6

package/dist/ui.d.ts

@@ -2,12 +2,12 @@ import { App } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
-import { FileInputType } from '../../../types';
+import { FileInputType as FileInputType_2 } from '../../../types';
 import { FunctionalComponent } from 'vue';
-import { InputType } from '../../../types';
+import { InputType as InputType_2 } from '../../../types';
 import { PublicProps } from 'vue';
 import { SelectItemType as SelectItemType_2 } from '../../../types';
-import { UiCheckboxType } from '../../../types';
+import { UiCheckboxType as UiCheckboxType_2 } from '../../../types';
 import { UiDropdownItemType as UiDropdownItemType_2 } from '../../../types';
 import { UiTagInterface as UiTagInterface_2 } from '../../../types';
 
@@ -59,47 +59,125 @@ declare type __VLS_WithTemplateSlots_8<T, S> = T & {
     };
 };
 
-declare const AllColors_2: readonly ["primary", "secondary", "light", "green", "yellow", "red", "black", "gray", "white"];
+export declare const AllColors: readonly ["primary", "secondary", "light", "green", "yellow", "red", "black", "gray", "white"];
 
-declare type AllColors = typeof AllColors_2[number];
+declare const AllColors: readonly ["primary", "secondary", "light", "green", "yellow", "red", "black", "gray", "white"];
 
-declare const AllColors_2: readonly ["primary", "secondary", "light", "green", "yellow", "red", "black", "gray", "white"];
+declare type AllColors_2 = typeof AllColors[number];
 
-declare const AllSizes_2: readonly ["small", "medium", "big", "bigger", "huge", "massive"];
+export declare const AllSizes: readonly ["small", "medium", "big", "bigger", "huge", "massive"];
 
-declare type AllSizes = typeof AllSizes_2[number];
+declare const AllSizes: readonly ["small", "medium", "big", "bigger", "huge", "massive"];
 
-declare const AllSizes_2: readonly ["small", "medium", "big", "bigger", "huge", "massive"];
+declare type AllSizes_2 = typeof AllSizes[number];
 
-declare const Colors_2: readonly ["primary", "secondary", "light", "green", "yellow", "red"];
+export declare const BiggerSizes: readonly ["bigger", "huge", "massive"];
 
-declare type Colors = typeof Colors_2[number];
+export declare type chartOptionsType = {
+    chart: {
+        toolbar: {
+            show: boolean;
+        };
+        zoom: {
+            enabled: boolean;
+        };
+        stacked?: boolean;
+        type?: "area" | "line" | "bar" | "scatter";
+    };
+    colors: any;
+    stroke?: {
+        show: boolean;
+        curve: string;
+        lineCap: string;
+        width: number;
+        dashArray: number;
+    };
+    dataLabels: {
+        enabled: boolean;
+        formatter?: Function;
+    };
+    markers: {
+        strokeWidth: number;
+        size: number;
+        hover: {
+            size: number;
+        };
+    };
+    annotations?: {
+        yaxis: [
+            {
+            y: number;
+            borderColor: string;
+            label: {
+                borderColor: string;
+                style: {
+                    color: string;
+                    background: string;
+                };
+                text: string;
+            };
+        }
+        ];
+    };
+    tooltip?: {
+        intersect: boolean;
+        shared: boolean;
+    };
+    plotOptions?: {
+        bar: {
+            horizontal?: boolean;
+            borderRadius?: number;
+            barHeight?: string;
+            isFunnel?: boolean;
+        };
+    };
+};
 
-declare const Colors_2: readonly ["primary", "secondary", "light", "green", "yellow", "red"];
+export declare const Colors: readonly ["primary", "secondary", "light", "green", "yellow", "red"];
+
+declare const Colors: readonly ["primary", "secondary", "light", "green", "yellow", "red"];
+
+declare type Colors_2 = typeof Colors[number];
 
 declare const _default: {
     install: typeof install;
 };
 export default _default;
 
+export declare type FileInputType = {
+    /** Id of the input field */
+    id: string;
+    /** Uploaded files */
+    files: any;
+};
+
+export declare type InputType = {
+    /** Name of the input field */
+    name: string;
+    /** Internal value of input field */
+    value: string;
+};
+
 declare type InputTypes = typeof UiInputTypes[number];
 
 declare function install(app: App): void;
 
-declare type SelectItemType = {
+export declare const MonoColors: readonly ["black", "gray", "white"];
+
+export declare type SelectItemType = {
     /** Unique value inside the select */
     id: string;
     /** Name of the item */
     name: string;
 };
 
-declare const Sizes_2: readonly ["small", "medium", "big"];
+export declare const Sizes: readonly ["small", "medium", "big"];
 
-declare type Sizes = typeof Sizes_2[number];
+declare const Sizes: readonly ["small", "medium", "big"];
 
-declare const Sizes_2: readonly ["small", "medium", "big"];
+declare type Sizes_2 = typeof Sizes[number];
 
-declare type TableItemType = {
+export declare type TableItemType = {
     /** co unique id */
     id: string | number;
     /** when a row is emitted, if additional info is needed, can be put here */
@@ -109,7 +187,7 @@ declare type TableItemType = {
         /** string literal */
         content: string;
         /** if tag, backgroun color of tag */
-        color: AllColors;
+        color: AllColors_2;
         /** tag, link that emits, or href link */
         type?: 'tag' | 'link' | 'href';
         /** content emitted if clicked on link type */
@@ -119,7 +197,7 @@ declare type TableItemType = {
     }>;
 };
 
-declare type TaskType = {
+export declare type TaskType = {
     /** internal id of task*/
     id: number;
     /** name of task */
@@ -136,11 +214,11 @@ declare type TaskType = {
     description: string;
 };
 
-declare const Types_2: string[];
+export declare const Types: string[];
 
-declare type Types = typeof Types_2[number];
+declare const Types: string[];
 
-declare const Types_2: string[];
+declare type Types_2 = typeof Types[number];
 
 export declare const uiAlert: __VLS_WithTemplateSlots_4<DefineComponent<UiAlertInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 alertEvent: (T: string) => any;
@@ -153,7 +231,12 @@ type: string;
     default?(_: {}): any;
 }>;
 
-declare interface UiAlertInterface {
+export declare interface UiAlertEventsInterface {
+    /** When an alert action is clicked emits UiAlertInterface["actions"]["event"] */
+    (e: 'alertEvent', T: string): void;
+}
+
+export declare interface UiAlertInterface {
     /** List of possible actions that are at the bottom of the notification */
     actions?: {
         name: string;
@@ -175,7 +258,12 @@ onBreadCrumbClicked?: ((T: string) => any) | undefined;
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiBreadcrumbsInterface {
+export declare interface UiBreadcrumbsEventInterface {
+    /** emits UiBreadcrumbsInterface["pages"]["routeName"] when a breadcrumb is clicked */
+    (e: 'breadCrumbClicked', T: string): void;
+}
+
+export declare interface UiBreadcrumbsInterface {
     /** pages array */
     pages: {
         /** string literal */
@@ -197,11 +285,11 @@ color: "primary" | "secondary" | "light" | "green" | "yellow" | "red";
     default?(_: {}): any;
 }>;
 
-declare interface UiButtonInterface {
+export declare interface UiButtonInterface {
     /** Defines if button as block class applied or not */
     block?: boolean;
     /** Color options (see type Colors) */
-    color?: Colors;
+    color?: Colors_2;
     /** Button is enabled or disabled */
     disabled?: boolean;
     /** Defines an icon in button´s left side. As you need to import the icon directly from icons library, you must use '@heroicons/vue/24/outline' icon type */
@@ -209,7 +297,7 @@ declare interface UiButtonInterface {
     /** Is in skeleton mode or not */
     loading: boolean;
     /** Size options (see type Sizes) */
-    size?: Sizes;
+    size?: Sizes_2;
 }
 
 export declare const uiCard: DefineComponent<UiCardInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -230,7 +318,17 @@ tags: UiTagInterface_2[] | undefined;
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiCardInterface {
+export declare interface UiCardEventsInterface {
+    /** Emits when card is clicked */
+    (e: 'cardSelected', T: {
+        id: UiCardInterface["id"];
+        name: UiCardInterface["name"];
+        type: UiCardInterface["type"];
+        tags: UiCardInterface["tags"];
+    }): void;
+}
+
+export declare interface UiCardInterface {
     /** card id */
     id: string;
     /** card title */
@@ -277,7 +375,24 @@ stacked: boolean;
 height: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiChartInterface {
+export declare interface UiChartEventsInterface {
+    /** emitted when user clicks on range inputs */
+    (e: "selectedRange", T: {
+        range: {
+            from: Date | string;
+            to: Date | string;
+        };
+        chartId: UiChartInterface["id"];
+    }): void;
+    /** emitted when chart updated */
+    (e: "chartUpdated"): void;
+    /** emitted when a point inside chart is clicked */
+    (e: "dataPointSelection", T: any): void;
+    /** emitted when user clicks on enlarge icon */
+    (e: "maximizeChart", T: UiChartInterface["id"]): void;
+}
+
+export declare interface UiChartInterface {
     /** uiCircleChart sections labels */
     labels?: string[];
     /** default date ranges */
@@ -333,9 +448,9 @@ declare interface UiChartInterface {
 }
 
 export declare const uiCheckbox: __VLS_WithTemplateSlots_2<DefineComponent<UiCheckboxInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-checkboxChanged: (checkbox: UiCheckboxType) => any;
+checkboxChanged: (checkbox: UiCheckboxType_2) => any;
 }, string, PublicProps, Readonly<UiCheckboxInterface> & Readonly<{
-onCheckboxChanged?: ((checkbox: UiCheckboxType) => any) | undefined;
+onCheckboxChanged?: ((checkbox: UiCheckboxType_2) => any) | undefined;
 }>, {
 disabled: boolean;
 loading: boolean;
@@ -344,7 +459,12 @@ check: boolean;
     default?(_: {}): any;
 }>;
 
-declare interface UiCheckboxInterface {
+export declare interface UiCheckboxEventsInterface {
+    /** Emitted when click over checkbox */
+    (e: 'checkboxChanged', checkbox: UiCheckboxType): void;
+}
+
+export declare interface UiCheckboxInterface {
     /** Is checked or not */
     check?: boolean;
     /** Is disabled or not */
@@ -357,6 +477,13 @@ declare interface UiCheckboxInterface {
     text?: string;
 }
 
+export declare type UiCheckboxType = {
+    /** Is checked or not */
+    checked: boolean;
+    /** Internal value of checkbox */
+    value: string;
+};
+
 export declare const uiCircleChart: DefineComponent<UiChartInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 selectedRange: (T: {
 range: {
@@ -400,7 +527,12 @@ to: string | Date;
 } | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiDateRangeInterface {
+export declare interface UiDateRangeEventsInterface {
+    /** emitted when date range button is clicked */
+    (e: 'uiDateRangeButtonClicked', t: UiDateRangeInterface["values"] | undefined): void;
+}
+
+export declare interface UiDateRangeInterface {
     /** unique identifier */
     id: string;
     /** show skeleton */
@@ -417,7 +549,7 @@ declare interface UiDateRangeInterface {
         to: Date | string;
     };
     /** date range field colors */
-    color?: AllColors;
+    color?: AllColors_2;
     /** show error message below field */
     error?: string;
     /** is date range disabled */
@@ -439,7 +571,14 @@ loading: boolean;
 qty: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiDeviceStatusInterface {
+export declare interface UiDeviceStatusEventsInterface {
+    /** emitted when a tag is clicked*/
+    (e: 'deviceStatusTagClicked', T: UiTagInterface["event"]): void;
+    /** emitted when the link in the device status is clicked */
+    (e: 'deviceStatusQtyClicked', T: UiDeviceStatusInterface["id"]): void;
+}
+
+export declare interface UiDeviceStatusInterface {
     /** device id */
     id: string;
     /** device name */
@@ -447,7 +586,7 @@ declare interface UiDeviceStatusInterface {
     /** icon component from Heroicons */
     icon: any;
     /** icon background color */
-    color: AllColors;
+    color: AllColors_2;
     /** device quantity */
     qty: number;
     /** tags array */
@@ -464,7 +603,12 @@ onDragAndDropUpdated?: ((T: any) => any) | undefined;
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiDragAndDropInterface {
+export declare interface UiDragAndDropEventsInterface {
+    /** emitted when drag and drop elements are updated (dragged)*/
+    (e: "dragAndDropUpdated", T: any): void;
+}
+
+export declare interface UiDragAndDropInterface {
     /** drag and drop array of elements */
     elements: {
         id: number;
@@ -484,7 +628,12 @@ position: "left" | "right";
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiDropdownInterface {
+export declare interface UiDropdownEventsInterface {
+    /** On option selected */
+    (e: 'optionSelected', v: UiDropdownItemType): void;
+}
+
+export declare interface UiDropdownInterface {
     /** Dropdown items */
     items: UiDropdownItemType[];
     /** Set dropdown to left or right */
@@ -499,7 +648,7 @@ declare interface UiDropdownInterface {
     requiredText?: string;
 }
 
-declare type UiDropdownItemType = {
+export declare type UiDropdownItemType = {
     /** Name of item */
     name: string;
     /** Value of item */
@@ -512,7 +661,7 @@ export declare const uiDynamicStats: DefineComponent<UiDynamicStatsInterface, {}
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare interface UiDynamicStatsInterface {
+export declare interface UiDynamicStatsInterface {
     /** uiStat Array */
     dynamicStats: UiStatsInterface["item"][];
     /** show skeleton */
@@ -528,7 +677,12 @@ position: "left" | "right";
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiFilterInterface {
+export declare interface UiFilterEventsInterface {
+    /** emits UiFilterInterface["items"]["value"] when filter is selected */
+    (e: 'filterSelected', T: string): void;
+}
+
+export declare interface UiFilterInterface {
     /** items array */
     items: {
         /** item name */
@@ -591,7 +745,16 @@ onDeleteImage?: ((T: any) => any) | undefined;
 onImgClicked?: ((T: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare interface UiGalleryInterface {
+export declare interface UiGalleryEventsInterface {
+    /** emitted when a modal action is clicked, emits modal action */
+    (e: "modalAction", T: any): void;
+    /** emitted when delete image bin icon is clicked, emits image */
+    (e: "deleteImage", T: any): void;
+    /** emitted when an image is clicked, emits image */
+    (e: "imgClicked", T: any): void;
+}
+
+export declare interface UiGalleryInterface {
     /** unique id gallery */
     galleryId: string;
     /** images gallery array */
@@ -626,23 +789,23 @@ size: "big" | "small" | "medium" | "bigger" | "huge" | "massive";
 color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiIconInterface {
+export declare interface UiIconInterface {
     /** Imported icon from '@heroicons/vue/24/outline' */
     icon: FunctionalComponent;
     /** Size options (see type AllSizes) */
-    size?: AllSizes;
+    size?: AllSizes_2;
     /** Color options (see type AllColors) */
-    color?: AllColors;
+    color?: AllColors_2;
     /** Is loading or not */
     loading: boolean;
 }
 
 export declare const uiInput: DefineComponent<UiInputInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-inputChanged: (T: InputType) => any;
+inputChanged: (T: InputType_2) => any;
 rightAddOnClicked: () => any;
 addOnClicked: () => any;
 }, string, PublicProps, Readonly<UiInputInterface> & Readonly<{
-onInputChanged?: ((T: InputType) => any) | undefined;
+onInputChanged?: ((T: InputType_2) => any) | undefined;
 onRightAddOnClicked?: (() => any) | undefined;
 onAddOnClicked?: (() => any) | undefined;
 }>, {
@@ -652,16 +815,30 @@ color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black"
 placeholder: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+export declare interface UiInputEventsInterface {
+    /** Whenever the input changes */
+    (e: "inputChanged", T: InputType): void;
+    /** Right addon is clicked */
+    (e: "rightAddOnClicked"): void;
+    /** Addon clicked */
+    (e: "addOnClicked"): void;
+}
+
 export declare const uiInputFile: DefineComponent<UiInputFileInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-filesUploaded: (T: FileInputType) => any;
+filesUploaded: (T: FileInputType_2) => any;
 }, string, PublicProps, Readonly<UiInputFileInterface> & Readonly<{
-onFilesUploaded?: ((T: FileInputType) => any) | undefined;
+onFilesUploaded?: ((T: FileInputType_2) => any) | undefined;
 }>, {
 loading: boolean;
 icon: any;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiInputFileInterface {
+export declare interface UiInputFileEventsInterface {
+    /** Whenever files are dragged inside input field, or send the default way */
+    (e: "filesUploaded", T: FileInputType): void;
+}
+
+export declare interface UiInputFileInterface {
     /** Name of the input field */
     name: string;
     /** Id of the input field */
@@ -686,7 +863,7 @@ declare interface UiInputFileInterface {
     label?: string;
 }
 
-declare interface UiInputInterface {
+export declare interface UiInputInterface {
     /** Label in top of the input field */
     label?: string;
     /** Input field type */
@@ -700,7 +877,7 @@ declare interface UiInputInterface {
     /** Is disabled or not */
     disabled?: boolean;
     /** Color options (see type Colors) */
-    color?: AllColors;
+    color?: AllColors_2;
     /** Internal value of input field */
     value?: string;
     /** Text below the input field that shows the error */
@@ -719,13 +896,13 @@ declare interface UiInputInterface {
     loading: boolean;
 }
 
-declare const UiInputTypes: readonly ["text", "email", "password", "number", "date", "datetime-local"];
+export declare const UiInputTypes: readonly ["text", "email", "password", "number", "date", "datetime-local"];
 
 export declare const uiLoadingScreen: DefineComponent<UiLoadScreenInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<UiLoadScreenInterface> & Readonly<{}>, {
 fixed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare interface UiLoadScreenInterface {
+export declare interface UiLoadScreenInterface {
     /** title string */
     title?: string;
     /** message string */
@@ -752,7 +929,15 @@ open: boolean;
     default?(_: {}): any;
 }>;
 
-declare interface UiModalInterface {
+export declare interface UiModalEventsInterface {
+    /** emitted when a modal action is clicked, action emits: UiModalInterface["actions"]["value"] */
+    (e: 'modalAction', T: {
+        modal: UiModalInterface["modalName"];
+        action: string;
+    }): void;
+}
+
+export declare interface UiModalInterface {
     /** modal title */
     title: string;
     /** actions array */
@@ -767,7 +952,7 @@ declare interface UiModalInterface {
     /** show modal or not */
     open: boolean;
     /** modal type */
-    type?: Types;
+    type?: Types_2;
     /** show skeleton */
     loading?: boolean;
 }
@@ -780,7 +965,14 @@ onAction?: ((T: string) => any) | undefined;
 onNoResultsOptionSelected?: ((T: UiDropdownItemType_2) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare interface UiNoResultsInterface {
+export declare interface UiNoResultsEventsInterface {
+    /** action button clicked */
+    (e: "action", T: string): void;
+    /** dropdown option selected */
+    (e: "noResultsOptionSelected", T: UiDropdownItemType): void;
+}
+
+export declare interface UiNoResultsInterface {
     /** title string literal */
     title: string;
     /** message string literal */
@@ -808,9 +1000,14 @@ type: string;
 show: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiNotificationInterface {
+export declare interface UiNotificationEventsInterface {
+    /** emitted when X icon is clicked */
+    (e: 'closeNotification'): void;
+}
+
+export declare interface UiNotificationInterface {
     /** notification type */
-    type?: Types;
+    type?: Types_2;
     /** notification title */
     title: string;
     /** notification message */
@@ -839,7 +1036,12 @@ loading: boolean;
     of?(_: {}): any;
 }>;
 
-declare interface UiPaginationInterface {
+export declare interface UiPaginationEventsInterface {
+    /** emits when a button is clicked, emits a page number */
+    (e: "changePage", T: number): void;
+}
+
+export declare interface UiPaginationInterface {
     /** current page number */
     current: number;
     /** total number of pages */
@@ -872,7 +1074,7 @@ roomName: string;
 }) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiPriceCalendarInterface {
+export declare interface UiPriceCalendarInterface {
     /** show skeleton */
     loading: boolean;
     /** default starting date */
@@ -923,7 +1125,7 @@ declare interface UiPriceCalendarInterface {
     };
 }
 
-declare type UiPriceCalendarRoomType = {
+export declare type UiPriceCalendarRoomType = {
     /** room id */
     id: string;
     /** room name */
@@ -936,6 +1138,25 @@ declare type UiPriceCalendarRoomType = {
     selectionPrices: UiRoomTypeSelectionPriceType[];
 };
 
+export declare interface UiPricesCalendarEventsInterface {
+    /** when a date button is clicked */
+    (e: 'dateChanged', t: Date): void;
+    /** click change category prices in bulk button */
+    (e: 'changeCategoryBulkPrices'): void;
+    /** click on category price */
+    (e: 'changeCategorySelectionPrice', t: UiRoomTypeSelectionPriceType): void;
+    /** click on category upgrade price */
+    (e: 'changeCategoryUpgradePrice', t: UiRoomTypeSelectionPriceType): void;
+    /** click on room price */
+    (e: 'changeRoomPrice', t: {
+        price: UiRoomTypeSelectionPriceType;
+        roomId: string;
+        roomName: string;
+    }): void;
+    /** click on table action */
+    (e: 'tableAction', t: any): void;
+}
+
 export declare const uiRangeSlider: DefineComponent<UiRangeSliderInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 sliderUpdated: (T: any) => any;
 }, string, PublicProps, Readonly<UiRangeSliderInterface> & Readonly<{
@@ -945,7 +1166,12 @@ disabled: boolean;
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare interface UiRangeSliderInterface {
+export declare interface UiRangeSliderEventsInterface {
+    /** Whenever the slider is changed */
+    (e: "sliderUpdated", T: any): void;
+}
+
+export declare interface UiRangeSliderInterface {
     /** Is loading or not */
     loading: boolean;
     /** Is disabled or not */
@@ -972,7 +1198,12 @@ open: boolean;
     default?(_: {}): any;
 }>;
 
-declare interface UiRightSidebarInterface {
+export declare interface UiRightSidebarEventsInterface {
+    /** emits when click outside bar or X icon */
+    (e: "closeRightBar"): void;
+}
+
+export declare interface UiRightSidebarInterface {
     /** Sidebar title */
     title?: string;
     /** sidebar description or secondary text */
@@ -982,14 +1213,14 @@ declare interface UiRightSidebarInterface {
 }
 
 /** selection prices for this room based on dates */
-declare type UiRoomTypeSelectionPriceType = {
+export declare type UiRoomTypeSelectionPriceType = {
     date: Date;
     price: number;
 };
 
 export declare const uiSectionTitle: DefineComponent<UiSectionTitleInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<UiSectionTitleInterface> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiSectionTitleInterface {
+export declare interface UiSectionTitleInterface {
     /** section title */
     title: string;
     /** section description */
@@ -1007,7 +1238,12 @@ loading: boolean;
 color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiSelectInterface {
+export declare interface UiSelectEventsInterface {
+    /** When a item is selected */
+    (e: "selectChanged", T: SelectItemType): void;
+}
+
+export declare interface UiSelectInterface {
     /** Array of items */
     items: SelectItemType[];
     /** Label in top of the Select */
@@ -1015,7 +1251,7 @@ declare interface UiSelectInterface {
     /** Text below the input field that shows the error */
     error?: string;
     /** Color options (see type AllColors) */
-    color?: AllColors;
+    color?: AllColors_2;
     /** Selected item */
     select: SelectItemType;
     /** Is loading or not */
@@ -1034,7 +1270,12 @@ onSideBarClick?: ((t: string) => any) | undefined;
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare interface UiSidebarInterface {
+export declare interface UiSidebarEventsInterface {
+    /** emitted when a link is clicked, emits item id */
+    (e: 'sideBarClick', t: string): any;
+}
+
+export declare interface UiSidebarInterface {
     /** navigation array */
     navigation?: {
         /** name string literal */
@@ -1088,7 +1329,14 @@ loading: boolean;
 isFilterNavigation: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare interface UiSidebarV2Interface {
+export declare interface uiSidebarV2EventsInterface {
+    /** emits product name when clicked */
+    (e: 'productBarClick', t: string): void;
+    /** emitted when a link is clicked, emits item id */
+    (e: 'sideBarClick', t: string): void;
+}
+
+export declare interface UiSidebarV2Interface {
     /** navigation array */
     navigation?: {
         /** name string literal */
@@ -1144,7 +1392,7 @@ name: string;
 value: string;
 active?: boolean | undefined;
 }[]) => any;
-smartInputChanged: (T: InputType) => any;
+smartInputChanged: (T: InputType_2) => any;
 smartSelectChanged: (T: SelectItemType_2[]) => any;
 smartOptionSelected: (T: UiDropdownItemType_2) => any;
 }, string, PublicProps, Readonly<UiSmartFilterInterface> & Readonly<{
@@ -1154,15 +1402,28 @@ name: string;
 value: string;
 active?: boolean | undefined;
 }[]) => any) | undefined;
-onSmartInputChanged?: ((T: InputType) => any) | undefined;
+onSmartInputChanged?: ((T: InputType_2) => any) | undefined;
 onSmartSelectChanged?: ((T: SelectItemType_2[]) => any) | undefined;
 onSmartOptionSelected?: ((T: UiDropdownItemType_2) => any) | undefined;
 }>, {
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+export declare interface UiSmartFilterEventInterface {
+    /** when a filter is selected */
+    (e: 'smartFilterSelected', T: UiFilterInterface["items"]): void;
+    /** when an input is changed */
+    (e: 'smartInputChanged', T: InputType): void;
+    /** when a select is changed*/
+    (e: 'smartSelectChanged', T: UiSelectInterface["items"]): void;
+    /** when a dropdown option is selected */
+    (e: 'smartOptionSelected', T: UiDropdownItemType): void;
+    /** Right addon is clicked */
+    (e: "rightAddOnClicked"): void;
+}
+
 /** uiSmartFilter */
-declare interface UiSmartFilterInterface {
+export declare interface UiSmartFilterInterface {
     /** Filter items */
     items: {
         /** item name */
@@ -1190,7 +1451,12 @@ onStatClick?: ((T: string) => any) | undefined;
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiStatsInterface {
+export declare interface UiStatsEventsInterface {
+    /** emits when actionText is clicked, emits item.id */
+    (e: "statClick", T: string): void;
+}
+
+export declare interface UiStatsInterface {
     item: {
         /** stat icon */
         icon: any;
@@ -1209,7 +1475,7 @@ declare interface UiStatsInterface {
         /** helper text */
         explanation?: string;
         /** icon background color */
-        color?: AllColors;
+        color?: AllColors_2;
         /** show footer with action */
         showFooter?: boolean;
     };
@@ -1225,7 +1491,12 @@ onItemClicked?: ((T: string) => any) | undefined;
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiStripedCardInterface {
+export declare interface UiStripedCardEventsInterface {
+    /** emits when link is clicked, emits item emits */
+    (e: "itemClicked", T: string): void;
+}
+
+export declare interface UiStripedCardInterface {
     /** card title */
     title: string;
     /** card subtitle */
@@ -1247,7 +1518,12 @@ declare interface UiStripedCardInterface {
     loading?: boolean;
 }
 
-declare interface UiTabInterface {
+export declare interface UiTabEventsInterface {
+    /** emits when a tab is clicked, emits tab id */
+    (e: "tabClicked", T: string): void;
+}
+
+export declare interface UiTabInterface {
     /** tabs array */
     tabs: {
         /** tab string literal */
@@ -1301,7 +1577,30 @@ resetSelected: boolean;
 orderDirection: "desc" | "asc";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiTableInterface {
+export declare interface UiTableEventsInterface {
+    /** if table action is clicked, emits selected rows ids */
+    (e: "tableAction", T: {
+        action: string;
+        items: Array<string | number>;
+    }): void;
+    /** emits header value and asc desc */
+    (e: "orderBy", T: {
+        value: string;
+        orderDirection: "desc" | "asc";
+    }): void;
+    /** if colum is link and has custom info */
+    (e: "customEmit", T: {
+        data: {
+            content: string;
+            type: string;
+            emits: any;
+        };
+    }): void;
+    /** emitted when resetSelected prop is sent with true, use it to rollback resetSelected to false */
+    (e: "selectedItemsDeleted"): void;
+}
+
+export declare interface UiTableInterface {
     /** if you send this prop to the table with true it will reset all checked rows */
     resetSelected: boolean;
     /** header value the table is ordered */
@@ -1348,13 +1647,18 @@ color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black"
     default?(_: {}): any;
 }>;
 
-declare interface UiTagInterface {
+export declare interface UiTagEventsInterface {
+    /** When clicked, if props.event is defined. It emits the value of props.event */
+    (e: "tagEvent", T: UiTagInterface["event"]): void;
+}
+
+export declare interface UiTagInterface {
     /** Color options (see type AllColors) */
-    color?: AllColors;
+    color?: AllColors_2;
     /** Is loading or not */
     loading?: boolean;
     /** Size options (see type Sizes) */
-    size?: Sizes;
+    size?: Sizes_2;
     /** If tag is clickable, this is the name of the event will be fired */
     event?: string;
     /** In uiCard, uiDeviceStatus, tag instead of slot uses name */
@@ -1363,7 +1667,7 @@ declare interface UiTagInterface {
     text?: string;
 }
 
-declare interface UiTaskList {
+export declare interface UiTaskList {
     /** list of tasks */
     tasks: TaskType[];
     /** show skeleton */
@@ -1391,7 +1695,15 @@ color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black"
 placeholder: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiTextAreaInterface {
+export declare interface UiTextAreaEventsInterface {
+    /** Whenever text area value changes is emitted */
+    (e: "inputChanged", T: {
+        name: string;
+        value?: string;
+    }): void;
+}
+
+export declare interface UiTextAreaInterface {
     /** Name of the text area */
     name: string;
     /** Label in top of the text area */
@@ -1401,7 +1713,7 @@ declare interface UiTextAreaInterface {
     /** Value (text) of the text area */
     value?: string;
     /** Color options (see type Colors) */
-    color?: AllColors;
+    color?: AllColors_2;
     /** Is disabled or not */
     disabled?: boolean;
     /** Text below the text area that shows the error */
@@ -1423,7 +1735,14 @@ loading: boolean;
 empty: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiTimelineInterface {
+export declare interface UiTimelineEventsInterface {
+    /** when a timeline event is clicked, emits item id */
+    (e: 'timelineEventClicked', t: string | number): void;
+    /** emits when footer link is clicked */
+    (e: 'timelineFooterClicked', t: string): void;
+}
+
+export declare interface UiTimelineInterface {
     /** timeline title */
     name: string;
     /** items */
@@ -1500,7 +1819,17 @@ loading: boolean;
 checked: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiToggleInterface {
+export declare interface UiToggleEventsInterface {
+    /** emitted when toggle is changed */
+    (e: 'toggleChanged', T: {
+        item: UiToggleInterface["item"];
+        active: boolean;
+    }): void;
+    /** emitted when right action is clicked */
+    (e: 'actionClicked', item: UiToggleInterface["item"]): void;
+}
+
+export declare interface UiToggleInterface {
     /** Toggle item that contains title, subtitle, if it´s active or not, and the action */
     item: {
         title: string;
@@ -1522,7 +1851,12 @@ topBarClick: (T: string) => any;
 onTopBarClick?: ((T: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare interface UiTopbarInterface {
+export declare interface UiTopbarEventsInterface {
+    /** when clicked in any menu item */
+    (e: "topBarClick", T: string): void;
+}
+
+export declare interface UiTopbarInterface {
     /** brand logo */
     logo: string;
     /** show alert icon */
@@ -1557,7 +1891,18 @@ onTopBarClick?: ((T: string) => any) | undefined;
     default?(_: {}): any;
 }>;
 
-declare interface UiWrapperInterface {
+export declare interface UiWrapperEventsInterface {
+    /** emits product name when clicked */
+    (e: 'productBarClick', t: string): void;
+    /** emitted when a link is clicked, emits item id */
+    (e: 'sideBarClick', t: string): void;
+    /** When an item is selected */
+    (e: "selectChanged", T: SelectItemType): void;
+    /** when clicked in any menu item */
+    (e: "topBarClick", T: string): void;
+}
+
+export declare interface UiWrapperInterface {
     topbar: {
         /** product logo */
         logo: string;