@sme.up/ketchup 5.2.1-SNAPSHOT → 6.2.0-SNAPSHOT

package/dist/types/components.d.ts

@@ -11,7 +11,7 @@ import { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from
 import { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } from "./components/kup-autocomplete/kup-autocomplete-declarations";
 import { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload } from "./components/kup-box/kup-box-declarations";
 import { KupStore } from "./components/kup-state/kup-store";
-import { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
+import { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
 import { FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
 import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations";
 import { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
@@ -24,6 +24,7 @@ import { KupChipEventPayload, KupChipNode } from "./components/kup-chip/kup-chip
 import { FChipType } from "./f-components/f-chip/f-chip-declarations";
 import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
 import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
+import { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
 import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 import { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
@@ -32,9 +33,11 @@ import { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, Ku
 import { GeoJSON } from "geojson";
 import { XAXisComponentOption, YAXisComponentOption } from "echarts";
 import { KupFieldChangeEvent, KupFieldSubmitEvent } from "./components/kup-field/kup-field-declarations";
+import { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/kup-form/kup-form-declarations";
 import { KupBadge } from "./components/kup-badge/kup-badge";
 import { FImageData } from "./f-components/f-image/f-image-declarations";
 import { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
+import { KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 import { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 import { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
@@ -42,10 +45,9 @@ import { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarat
 import { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
 import { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
 import { KupSwitchEventPayload } from "./components/kup-switch/kup-switch-declarations";
-import { KupTabBarClickEventPayload, KupTabBarData, KupTabBarEventPayload } from "./components/kup-tab-bar/kup-tab-bar-declarations";
+import { KupTabBarEventPayload, KupTabBarNode } from "./components/kup-tab-bar/kup-tab-bar-declarations";
 import { KupTextFieldEventPayload } from "./components/kup-text-field/kup-text-field-declarations";
 import { KupTimePickerEventPayload } from "./components/kup-time-picker/kup-time-picker-declarations";
-import { KupTooltipActionCommandClickEventPayload, KupTooltipDefaultEventPayload, KupTooltipLoadEventPayload, KupTooltipTreeDynamicMassExpansionEventPayload, KupTooltipTreeNodeButtonClickEventPayload, KupTooltipTreeNodeDblClickEventPayload, KupTooltipTreeNodeExpandEventPayload, KupTooltipTreeNodeSelectedEventPayload, TooltipCellOptions, TooltipData, TooltipDetailData, TooltipRelatedObject } from "./components/kup-tooltip/kup-tooltip-declarations";
 import { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
 export namespace Components {
     interface KupAccordion {
@@ -342,11 +344,6 @@ export namespace Components {
           * @default true
          */
         "showSelection": boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-          * @default true
-         */
-        "showTooltipOnRightClick": boolean;
         /**
           * If sorting is enabled, specifies which column to sort
           * @default undefined
@@ -364,21 +361,6 @@ export namespace Components {
           * @default false
          */
         "swipeDisabled": boolean;
-        /**
-          * Defines the timeout for tooltip detail
-          * @default undefined
-         */
-        "tooltipDetailTimeout": number;
-        /**
-          * Enable show tooltip
-          * @default true
-         */
-        "tooltipEnabled": boolean;
-        /**
-          * Defines the timeout for tooltip load
-          * @default undefined
-         */
-        "tooltipLoadTimeout": number;
     }
     interface KupButton {
         /**
@@ -1008,6 +990,39 @@ export namespace Components {
         "textColor": Array<any>;
         "valueColor": Array<any>;
     }
+    interface KupDashboard {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * The data of the component.
+          * @default null
+         */
+        "data": KupDataDashboard;
+        /**
+          * Enable drag & drop of the section.
+          * @default false
+         */
+        "enableDesign": boolean;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+    }
     interface KupDataTable {
         /**
           * When true and when a row is missing some columns, the missing cells will be autogenerated.
@@ -1259,10 +1274,6 @@ export namespace Components {
           * If set to true, displays the button to load more records.
          */
         "showLoadMore": boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-         */
-        "showTooltipOnRightClick": boolean;
         /**
           * Defines the current sorting options.
          */
@@ -1285,18 +1296,6 @@ export namespace Components {
           * Sets the width of the table.
          */
         "tableWidth": string;
-        /**
-          * Defines the timeout for tooltip detail
-         */
-        "tooltipDetailTimeout": number;
-        /**
-          * Enable show tooltip
-         */
-        "tooltipEnabled": boolean;
-        /**
-          * Defines the timeout for tooltip load
-         */
-        "tooltipLoadTimeout": number;
         /**
           * Defines the current totals options
          */
@@ -1630,6 +1629,50 @@ export namespace Components {
          */
         "type": string;
     }
+    interface KupForm {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * Actual data of the form.
+          * @default null
+         */
+        "data": KupFormData;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Placement of fields' labels.
+          * @default KupFormLabelPlacement.LEFT
+         */
+        "labelPlacement": KupFormLabelPlacement;
+        /**
+          * How the form will arrange its content.
+          * @default null
+         */
+        "layout": KupFormLayout;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the focus on an editable table cell.
+          * @param column - Name of the column.
+          * @param rowId - Id of the row.
+         */
+        "setFocus": (column: string, rowId: string) => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+    }
     interface KupGauge {
         /**
           * Sets how much the arc of the gauge should be thick.
@@ -1854,6 +1897,39 @@ export namespace Components {
          */
         "sizeY": string;
     }
+    interface KupImageList {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * Actual data of the component.
+          * @default []
+         */
+        "data": KupDataNode[];
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * When enabled displays Material's ripple effect on clicked items.
+          * @default true
+         */
+        "ripple": boolean;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+    }
     interface KupLazy {
         /**
           * Sets the tag name of the component to be lazy loaded.
@@ -2528,7 +2604,7 @@ export namespace Components {
           * List of elements.
           * @default null
          */
-        "data": KupTabBarData[];
+        "data": KupTabBarNode[];
         /**
           * Used to retrieve component's props values.
           * @param descriptions - When provided and true, the result will be the list of props with their description.
@@ -2642,6 +2718,11 @@ export namespace Components {
           * @default null
          */
         "min": number;
+        /**
+          * The HTML name attribute used for form autocomplete.
+          * @default null
+         */
+        "name": string;
         /**
           * When set to true, the component will be rendered as an outlined field.
           * @default false
@@ -2755,63 +2836,6 @@ export namespace Components {
          */
         "timeMinutesStep": number;
     }
-    interface KupTooltip {
-        /**
-          * Data for cell options
-         */
-        "cellOptions": TooltipCellOptions;
-        /**
-          * Custom style of the component.
-          * @default ""
-          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-         */
-        "customStyle": string;
-        /**
-          * Data for top section
-         */
-        "data": TooltipData;
-        /**
-          * Data for the detail
-         */
-        "detailData": TooltipDetailData;
-        /**
-          * Timeout for loadDetail
-         */
-        "detailTimeout": number;
-        /**
-          * Used to retrieve component's props values.
-          * @param descriptions - When provided and true, the result will be the list of props with their description.
-          * @returns List of props as object, each key will be a prop.
-         */
-        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
-        /**
-          * Layout used to display the items
-         */
-        "layout": string;
-        /**
-          * Timeout for tooltip
-         */
-        "loadTimeout": number;
-        /**
-          * Owner of this tooltip
-         */
-        "owner": string;
-        /**
-          * This method is used to trigger a new render of the component.
-         */
-        "refresh": () => Promise<void>;
-        /**
-          * Container element for tooltip
-         */
-        "relatedObject": TooltipRelatedObject;
-        /**
-          * Sets the props to the component.
-          * @param props - Object containing props that will be set to the component.
-         */
-        "setProps": (props: GenericObject) => Promise<void>;
-        "setTooltipInfo": (relatedObject: TooltipRelatedObject) => Promise<void>;
-        "unsetTooltipInfo": () => Promise<void>;
-    }
     interface KupTree {
         /**
           * When enabled, the first level of depth will give an accordion look to nodes.
@@ -2970,24 +2994,8 @@ export namespace Components {
           * Shows the icons of the nodes.
          */
         "showIcons": boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-         */
-        "showTooltipOnRightClick": boolean;
         "stateId": string;
         "store": KupStore;
-        /**
-          * Defines the timeout for tooltip detail
-         */
-        "tooltipDetailTimeout": number;
-        /**
-          * Enable show tooltip
-         */
-        "tooltipEnabled": boolean;
-        /**
-          * Defines the timeout for tooltip load
-         */
-        "tooltipLoadTimeout": number;
         /**
           * Defines the current totals options.
          */
@@ -2999,6 +3007,162 @@ export namespace Components {
         "useDynamicExpansion": boolean;
     }
 }
+export interface KupAccordionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupAccordionElement;
+}
+export interface KupAutocompleteCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupAutocompleteElement;
+}
+export interface KupBadgeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupBadgeElement;
+}
+export interface KupBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupBoxElement;
+}
+export interface KupButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupButtonElement;
+}
+export interface KupButtonListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupButtonListElement;
+}
+export interface KupCalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupCalendarElement;
+}
+export interface KupCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupCardElement;
+}
+export interface KupChartCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupChartElement;
+}
+export interface KupCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupCheckboxElement;
+}
+export interface KupChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupChipElement;
+}
+export interface KupColorPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupColorPickerElement;
+}
+export interface KupComboboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupComboboxElement;
+}
+export interface KupDashCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupDashElement;
+}
+export interface KupDashListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupDashListElement;
+}
+export interface KupDashboardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupDashboardElement;
+}
+export interface KupDataTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupDataTableElement;
+}
+export interface KupDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupDatePickerElement;
+}
+export interface KupDrawerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupDrawerElement;
+}
+export interface KupDropdownButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupDropdownButtonElement;
+}
+export interface KupEchartCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupEchartElement;
+}
+export interface KupFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupFieldElement;
+}
+export interface KupIframeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupIframeElement;
+}
+export interface KupImageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupImageElement;
+}
+export interface KupImageListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupImageListElement;
+}
+export interface KupLazyCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupLazyElement;
+}
+export interface KupListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupListElement;
+}
+export interface KupNavBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupNavBarElement;
+}
+export interface KupNumericPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupNumericPickerElement;
+}
+export interface KupPhotoFrameCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupPhotoFrameElement;
+}
+export interface KupRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupRadioElement;
+}
+export interface KupRatingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupRatingElement;
+}
+export interface KupSnackbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupSnackbarElement;
+}
+export interface KupSpinnerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupSpinnerElement;
+}
+export interface KupSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupSwitchElement;
+}
+export interface KupTabBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupTabBarElement;
+}
+export interface KupTextFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupTextFieldElement;
+}
+export interface KupTimePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupTimePickerElement;
+}
+export interface KupTreeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupTreeElement;
+}
 declare global {
     interface HTMLKupAccordionElement extends Components.KupAccordion, HTMLStencilElement {
     }
@@ -3096,6 +3260,12 @@ declare global {
         prototype: HTMLKupDashListElement;
         new (): HTMLKupDashListElement;
     };
+    interface HTMLKupDashboardElement extends Components.KupDashboard, HTMLStencilElement {
+    }
+    var HTMLKupDashboardElement: {
+        prototype: HTMLKupDashboardElement;
+        new (): HTMLKupDashboardElement;
+    };
     interface HTMLKupDataTableElement extends Components.KupDataTable, HTMLStencilElement {
     }
     var HTMLKupDataTableElement: {
@@ -3132,6 +3302,12 @@ declare global {
         prototype: HTMLKupFieldElement;
         new (): HTMLKupFieldElement;
     };
+    interface HTMLKupFormElement extends Components.KupForm, HTMLStencilElement {
+    }
+    var HTMLKupFormElement: {
+        prototype: HTMLKupFormElement;
+        new (): HTMLKupFormElement;
+    };
     interface HTMLKupGaugeElement extends Components.KupGauge, HTMLStencilElement {
     }
     var HTMLKupGaugeElement: {
@@ -3156,6 +3332,12 @@ declare global {
         prototype: HTMLKupImageElement;
         new (): HTMLKupImageElement;
     };
+    interface HTMLKupImageListElement extends Components.KupImageList, HTMLStencilElement {
+    }
+    var HTMLKupImageListElement: {
+        prototype: HTMLKupImageListElement;
+        new (): HTMLKupImageListElement;
+    };
     interface HTMLKupLazyElement extends Components.KupLazy, HTMLStencilElement {
     }
     var HTMLKupLazyElement: {
@@ -3258,12 +3440,6 @@ declare global {
         prototype: HTMLKupTimePickerElement;
         new (): HTMLKupTimePickerElement;
     };
-    interface HTMLKupTooltipElement extends Components.KupTooltip, HTMLStencilElement {
-    }
-    var HTMLKupTooltipElement: {
-        prototype: HTMLKupTooltipElement;
-        new (): HTMLKupTooltipElement;
-    };
     interface HTMLKupTreeElement extends Components.KupTree, HTMLStencilElement {
     }
     var HTMLKupTreeElement: {
@@ -3287,16 +3463,19 @@ declare global {
         "kup-combobox": HTMLKupComboboxElement;
         "kup-dash": HTMLKupDashElement;
         "kup-dash-list": HTMLKupDashListElement;
+        "kup-dashboard": HTMLKupDashboardElement;
         "kup-data-table": HTMLKupDataTableElement;
         "kup-date-picker": HTMLKupDatePickerElement;
         "kup-drawer": HTMLKupDrawerElement;
         "kup-dropdown-button": HTMLKupDropdownButtonElement;
         "kup-echart": HTMLKupEchartElement;
         "kup-field": HTMLKupFieldElement;
+        "kup-form": HTMLKupFormElement;
         "kup-gauge": HTMLKupGaugeElement;
         "kup-grid": HTMLKupGridElement;
         "kup-iframe": HTMLKupIframeElement;
         "kup-image": HTMLKupImageElement;
+        "kup-image-list": HTMLKupImageListElement;
         "kup-lazy": HTMLKupLazyElement;
         "kup-list": HTMLKupListElement;
         "kup-magic-box": HTMLKupMagicBoxElement;
@@ -3314,7 +3493,6 @@ declare global {
         "kup-tab-bar": HTMLKupTabBarElement;
         "kup-text-field": HTMLKupTextFieldElement;
         "kup-time-picker": HTMLKupTimePickerElement;
-        "kup-tooltip": HTMLKupTooltipElement;
         "kup-tree": HTMLKupTreeElement;
     }
 }
@@ -3334,7 +3512,7 @@ declare namespace LocalJSX {
         /**
           * Fired when an item is selected.
          */
-        "onKup-accordion-itemselected"?: (event: CustomEvent<KupAccordionItemSelectedEventPayload>) => void;
+        "onKup-accordion-itemselected"?: (event: KupAccordionCustomEvent<KupAccordionItemSelectedEventPayload>) => void;
         /**
           * When enabled displays Material's ripple effect on item headers.
           * @default true
@@ -3383,13 +3561,13 @@ declare namespace LocalJSX {
           * @default 1
          */
         "minimumChars"?: number;
-        "onKup-autocomplete-blur"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
-        "onKup-autocomplete-change"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
-        "onKup-autocomplete-click"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
-        "onKup-autocomplete-focus"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
-        "onKup-autocomplete-iconclick"?: (event: CustomEvent<KupAutocompleteIconClickEventPayload>) => void;
-        "onKup-autocomplete-input"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
-        "onKup-autocomplete-itemclick"?: (event: CustomEvent<KupAutocompleteEventPayload>) => void;
+        "onKup-autocomplete-blur"?: (event: KupAutocompleteCustomEvent<KupAutocompleteEventPayload>) => void;
+        "onKup-autocomplete-change"?: (event: KupAutocompleteCustomEvent<KupAutocompleteEventPayload>) => void;
+        "onKup-autocomplete-click"?: (event: KupAutocompleteCustomEvent<KupAutocompleteEventPayload>) => void;
+        "onKup-autocomplete-focus"?: (event: KupAutocompleteCustomEvent<KupAutocompleteEventPayload>) => void;
+        "onKup-autocomplete-iconclick"?: (event: KupAutocompleteCustomEvent<KupAutocompleteIconClickEventPayload>) => void;
+        "onKup-autocomplete-input"?: (event: KupAutocompleteCustomEvent<KupAutocompleteEventPayload>) => void;
+        "onKup-autocomplete-itemclick"?: (event: KupAutocompleteCustomEvent<KupAutocompleteEventPayload>) => void;
         /**
           * Sets how to return the selected item value. Suported values: "code", "description", "both".
           * @default ItemsDisplayMode.CODE
@@ -3418,7 +3596,7 @@ declare namespace LocalJSX {
           * @default null
          */
         "imageData"?: GenericObject;
-        "onKup-badge-click"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-badge-click"?: (event: KupBadgeCustomEvent<KupEventPayload>) => void;
         /**
           * The text displayed inside the badge.
           * @default null
@@ -3500,32 +3678,32 @@ declare namespace LocalJSX {
         /**
           * Triggered when a box is auto selected via selectBox prop
          */
-        "onKup-box-autoselect"?: (event: CustomEvent<KupBoxAutoSelectEventPayload>) => void;
+        "onKup-box-autoselect"?: (event: KupBoxCustomEvent<KupBoxAutoSelectEventPayload>) => void;
         /**
           * Triggered when a box is clicked
          */
-        "onKup-box-click"?: (event: CustomEvent<KupBoxClickEventPayload>) => void;
+        "onKup-box-click"?: (event: KupBoxCustomEvent<KupBoxClickEventPayload>) => void;
         /**
           * Generic right click event on box.
          */
-        "onKup-box-contextmenu"?: (event: CustomEvent<KupBoxContextMenuEventPayload>) => void;
-        "onKup-box-didload"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-box-contextmenu"?: (event: KupBoxCustomEvent<KupBoxContextMenuEventPayload>) => void;
+        "onKup-box-didload"?: (event: KupBoxCustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when stop propagation event
          */
-        "onKup-box-didunload"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-box-didunload"?: (event: KupBoxCustomEvent<KupEventPayload>) => void;
         /**
           * When the row menu action icon is click
          */
-        "onKup-box-rowactionclick"?: (event: CustomEvent<KupBoxRowActionClickEventPayload>) => void;
+        "onKup-box-rowactionclick"?: (event: KupBoxCustomEvent<KupBoxRowActionClickEventPayload>) => void;
         /**
           * When the row menu action icon is click
          */
-        "onKup-box-rowactionmenuclick"?: (event: CustomEvent<KupBoxAutoSelectEventPayload>) => void;
+        "onKup-box-rowactionmenuclick"?: (event: KupBoxCustomEvent<KupBoxAutoSelectEventPayload>) => void;
         /**
           * Triggered when the multi selection checkbox changes value
          */
-        "onKup-box-selected"?: (event: CustomEvent<KupBoxSelectedEventPayload>) => void;
+        "onKup-box-selected"?: (event: KupBoxCustomEvent<KupBoxSelectedEventPayload>) => void;
         /**
           * Current page number
           * @default 1
@@ -3566,11 +3744,6 @@ declare namespace LocalJSX {
           * @default true
          */
         "showSelection"?: boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-          * @default true
-         */
-        "showTooltipOnRightClick"?: boolean;
         /**
           * If sorting is enabled, specifies which column to sort
           * @default undefined
@@ -3588,21 +3761,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "swipeDisabled"?: boolean;
-        /**
-          * Defines the timeout for tooltip detail
-          * @default undefined
-         */
-        "tooltipDetailTimeout"?: number;
-        /**
-          * Enable show tooltip
-          * @default true
-         */
-        "tooltipEnabled"?: boolean;
-        /**
-          * Defines the timeout for tooltip load
-          * @default undefined
-         */
-        "tooltipLoadTimeout"?: number;
     }
     interface KupButton {
         /**
@@ -3639,15 +3797,15 @@ declare namespace LocalJSX {
         /**
           * Triggered when the button loses focus.
          */
-        "onKup-button-blur"?: (event: CustomEvent<KupButtonClickEventPayload>) => void;
+        "onKup-button-blur"?: (event: KupButtonCustomEvent<KupButtonClickEventPayload>) => void;
         /**
           * Triggered when the button is clicked.
          */
-        "onKup-button-click"?: (event: CustomEvent<KupButtonClickEventPayload>) => void;
+        "onKup-button-click"?: (event: KupButtonCustomEvent<KupButtonClickEventPayload>) => void;
         /**
           * Triggered when the button is focused.
          */
-        "onKup-button-focus"?: (event: CustomEvent<KupButtonClickEventPayload>) => void;
+        "onKup-button-focus"?: (event: KupButtonCustomEvent<KupButtonClickEventPayload>) => void;
         /**
           * When set to true, the button show a spinner received in slot.
           * @default false
@@ -3691,7 +3849,7 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
-        "onKup-buttonlist-click"?: (event: CustomEvent<KupButtonListClickEventPayload>) => void;
+        "onKup-buttonlist-click"?: (event: KupButtonListCustomEvent<KupButtonListClickEventPayload>) => void;
         /**
           * When set to true, highlights the selected button with the secondary color of KupTheme.
           * @default true
@@ -3728,19 +3886,19 @@ declare namespace LocalJSX {
         /**
           * When a date is clicked.
          */
-        "onKup-calendar-dateclick"?: (event: CustomEvent<KupCalendarDateClickEventPayload>) => void;
+        "onKup-calendar-dateclick"?: (event: KupCalendarCustomEvent<KupCalendarDateClickEventPayload>) => void;
         /**
           * When an event is clicked.
          */
-        "onKup-calendar-eventclick"?: (event: CustomEvent<KupCalendarEventClickEventPayload>) => void;
+        "onKup-calendar-eventclick"?: (event: KupCalendarCustomEvent<KupCalendarEventClickEventPayload>) => void;
         /**
           * When a date is dropped.
          */
-        "onKup-calendar-eventdrop"?: (event: CustomEvent<KupCalendarEventDropEventPayload>) => void;
+        "onKup-calendar-eventdrop"?: (event: KupCalendarCustomEvent<KupCalendarEventDropEventPayload>) => void;
         /**
           * When the navigation change
          */
-        "onKup-calendar-viewchange"?: (event: CustomEvent<KupCalendarViewChangeEventPayload>) => void;
+        "onKup-calendar-viewchange"?: (event: KupCalendarCustomEvent<KupCalendarViewChangeEventPayload>) => void;
         /**
           * Type of the view.
           * @default KupCalendarViewTypes.MONTH
@@ -3782,19 +3940,19 @@ declare namespace LocalJSX {
         /**
           * Triggered when the card is clicked.
          */
-        "onKup-card-click"?: (event: CustomEvent<KupCardClickPayload>) => void;
+        "onKup-card-click"?: (event: KupCardCustomEvent<KupCardClickPayload>) => void;
         /**
           * Triggered when a dialog card is closed with the "X".
          */
-        "onKup-card-close"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-card-close"?: (event: KupCardCustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when a sub-component of the card emits an event.
          */
-        "onKup-card-event"?: (event: CustomEvent<KupCardEventPayload>) => void;
+        "onKup-card-event"?: (event: KupCardCustomEvent<KupCardEventPayload>) => void;
         /**
           * Triggered when the component is ready.
          */
-        "onKup-card-ready"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-card-ready"?: (event: KupCardCustomEvent<KupEventPayload>) => void;
         /**
           * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
           * @default "100%"
@@ -3882,7 +4040,7 @@ declare namespace LocalJSX {
         /**
           * Triggered when a chart serie is clicked
          */
-        "onKup-chart-click"?: (event: CustomEvent<KupChartClickEvent>) => void;
+        "onKup-chart-click"?: (event: KupChartCustomEvent<KupChartClickEvent>) => void;
         /**
           * The data series to be displayed. They must be of the same type.
           * @default undefined
@@ -3971,15 +4129,15 @@ declare namespace LocalJSX {
         /**
           * Triggered when the input element loses focus.
          */
-        "onKup-checkbox-blur"?: (event: CustomEvent<KupCheckboxEventPayload>) => void;
+        "onKup-checkbox-blur"?: (event: KupCheckboxCustomEvent<KupCheckboxEventPayload>) => void;
         /**
           * Triggered when the input element's value changes.
          */
-        "onKup-checkbox-change"?: (event: CustomEvent<KupCheckboxEventPayload>) => void;
+        "onKup-checkbox-change"?: (event: KupCheckboxCustomEvent<KupCheckboxEventPayload>) => void;
         /**
           * Triggered when the input element gets focused.
          */
-        "onKup-checkbox-focus"?: (event: CustomEvent<KupCheckboxEventPayload>) => void;
+        "onKup-checkbox-focus"?: (event: KupCheckboxCustomEvent<KupCheckboxEventPayload>) => void;
     }
     interface KupChip {
         /**
@@ -3996,19 +4154,19 @@ declare namespace LocalJSX {
         /**
           * Triggered when a chip loses focus.
          */
-        "onKup-chip-blur"?: (event: CustomEvent<KupChipEventPayload>) => void;
+        "onKup-chip-blur"?: (event: KupChipCustomEvent<KupChipEventPayload>) => void;
         /**
           * Triggered when a chip is clicked.
          */
-        "onKup-chip-click"?: (event: CustomEvent<KupChipEventPayload>) => void;
+        "onKup-chip-click"?: (event: KupChipCustomEvent<KupChipEventPayload>) => void;
         /**
           * Triggered when a chip gets focused.
          */
-        "onKup-chip-focus"?: (event: CustomEvent<KupChipEventPayload>) => void;
+        "onKup-chip-focus"?: (event: KupChipCustomEvent<KupChipEventPayload>) => void;
         /**
           * Triggered when the removal icon on input chips is clicked.
          */
-        "onKup-chip-iconclick"?: (event: CustomEvent<KupChipEventPayload>) => void;
+        "onKup-chip-iconclick"?: (event: KupChipCustomEvent<KupChipEventPayload>) => void;
         /**
           * The type of chip. Available types: input, filter, choice or empty for default.
           * @default FChipType.STANDARD
@@ -4037,7 +4195,7 @@ declare namespace LocalJSX {
           * @default ""
          */
         "initialValue"?: string;
-        "onKup-colorpicker-change"?: (event: CustomEvent<KupColorPickerEventPayload>) => void;
+        "onKup-colorpicker-change"?: (event: KupColorPickerCustomEvent<KupColorPickerEventPayload>) => void;
         /**
           * When true, the component's text field will be replaced by a swatch.
           * @default false
@@ -4071,13 +4229,13 @@ declare namespace LocalJSX {
           * Lets the combobox behave as a select element.
          */
         "isSelect"?: boolean;
-        "onKup-combobox-blur"?: (event: CustomEvent<KupComboboxEventPayload>) => void;
-        "onKup-combobox-change"?: (event: CustomEvent<KupComboboxEventPayload>) => void;
-        "onKup-combobox-click"?: (event: CustomEvent<KupComboboxEventPayload>) => void;
-        "onKup-combobox-focus"?: (event: CustomEvent<KupComboboxEventPayload>) => void;
-        "onKup-combobox-iconclick"?: (event: CustomEvent<KupComboboxIconClickEventPayload>) => void;
-        "onKup-combobox-input"?: (event: CustomEvent<KupComboboxEventPayload>) => void;
-        "onKup-combobox-itemclick"?: (event: CustomEvent<KupComboboxEventPayload>) => void;
+        "onKup-combobox-blur"?: (event: KupComboboxCustomEvent<KupComboboxEventPayload>) => void;
+        "onKup-combobox-change"?: (event: KupComboboxCustomEvent<KupComboboxEventPayload>) => void;
+        "onKup-combobox-click"?: (event: KupComboboxCustomEvent<KupComboboxEventPayload>) => void;
+        "onKup-combobox-focus"?: (event: KupComboboxCustomEvent<KupComboboxEventPayload>) => void;
+        "onKup-combobox-iconclick"?: (event: KupComboboxCustomEvent<KupComboboxIconClickEventPayload>) => void;
+        "onKup-combobox-input"?: (event: KupComboboxCustomEvent<KupComboboxEventPayload>) => void;
+        "onKup-combobox-itemclick"?: (event: KupComboboxCustomEvent<KupComboboxEventPayload>) => void;
         /**
           * Sets how to return the selected item value. Suported values: "code", "description", "both".
          */
@@ -4104,7 +4262,7 @@ declare namespace LocalJSX {
           * Sets the layout of the component.
          */
         "layout"?: string;
-        "onKup-dash-click"?: (event: CustomEvent<{
+        "onKup-dash-click"?: (event: KupDashCustomEvent<{
         id: number;
     }>) => void;
     }
@@ -4117,12 +4275,31 @@ declare namespace LocalJSX {
         "horizontal"?: boolean;
         "iconColor"?: Array<any>;
         "layout"?: string;
-        "onKup-dash-click"?: (event: CustomEvent<{
+        "onKup-dash-click"?: (event: KupDashListCustomEvent<{
         idx: number;
     }>) => void;
         "textColor"?: Array<any>;
         "valueColor"?: Array<any>;
     }
+    interface KupDashboard {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * The data of the component.
+          * @default null
+         */
+        "data"?: KupDataDashboard;
+        /**
+          * Enable drag & drop of the section.
+          * @default false
+         */
+        "enableDesign"?: boolean;
+        "onKup-dashboard-save"?: (event: KupDashboardCustomEvent<KupDashboardEventPayload>) => void;
+    }
     interface KupDataTable {
         /**
           * When true and when a row is missing some columns, the missing cells will be autogenerated.
@@ -4250,48 +4427,48 @@ declare namespace LocalJSX {
         /**
           * Generic click event on data table.
          */
-        "onKup-datatable-click"?: (event: CustomEvent<KupDatatableClickEventPayload>) => void;
+        "onKup-datatable-click"?: (event: KupDataTableCustomEvent<KupDatatableClickEventPayload>) => void;
         /**
           * Emitted by the column menu card when opened/closed or when a kup-card-event is fired.
          */
-        "onKup-datatable-columnmenu"?: (event: CustomEvent<KupDatatableColumnMenuEventPayload>) => void;
+        "onKup-datatable-columnmenu"?: (event: KupDataTableCustomEvent<KupDatatableColumnMenuEventPayload>) => void;
         /**
           * Event fired when columns are moved (sorted).
          */
-        "onKup-datatable-columnmove"?: (event: CustomEvent<KupDatatableColumnMoveEventPayload>) => void;
+        "onKup-datatable-columnmove"?: (event: KupDataTableCustomEvent<KupDatatableColumnMoveEventPayload>) => void;
         /**
           * Event fired when columns are removed (set to hidden).
          */
-        "onKup-datatable-columnremove"?: (event: CustomEvent<KupDatatableColumnRemoveEventPayload>) => void;
+        "onKup-datatable-columnremove"?: (event: KupDataTableCustomEvent<KupDatatableColumnRemoveEventPayload>) => void;
         /**
           * Generic right click event on data table.
          */
-        "onKup-datatable-contextmenu"?: (event: CustomEvent<KupDatatableClickEventPayload>) => void;
+        "onKup-datatable-contextmenu"?: (event: KupDataTableCustomEvent<KupDatatableClickEventPayload>) => void;
         /**
           * Generic double click event on data table.
          */
-        "onKup-datatable-dblclick"?: (event: CustomEvent<KupDatatableClickEventPayload>) => void;
+        "onKup-datatable-dblclick"?: (event: KupDataTableCustomEvent<KupDatatableClickEventPayload>) => void;
         /**
           * When component load is complete
          */
-        "onKup-datatable-didload"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-datatable-didload"?: (event: KupDataTableCustomEvent<KupEventPayload>) => void;
         /**
           * When component unload is complete
          */
-        "onKup-datatable-didunload"?: (event: CustomEvent<KupEventPayload>) => void;
-        "onKup-datatable-loadmoreclick"?: (event: CustomEvent<KupDatatableLoadMoreClickEventPayload>) => void;
+        "onKup-datatable-didunload"?: (event: KupDataTableCustomEvent<KupEventPayload>) => void;
+        "onKup-datatable-loadmoreclick"?: (event: KupDataTableCustomEvent<KupDatatableLoadMoreClickEventPayload>) => void;
         /**
           * When rows selections reset
          */
-        "onKup-datatable-resetselectedrows"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-datatable-resetselectedrows"?: (event: KupDataTableCustomEvent<KupEventPayload>) => void;
         /**
           * When a row action is clicked
          */
-        "onKup-datatable-rowactionclick"?: (event: CustomEvent<KupDatatableRowActionClickEventPayload>) => void;
+        "onKup-datatable-rowactionclick"?: (event: KupDataTableCustomEvent<KupDatatableRowActionClickEventPayload>) => void;
         /**
           * When a row is selected
          */
-        "onKup-datatable-rowselected"?: (event: CustomEvent<KupDatatableRowSelectedEventPayload>) => void;
+        "onKup-datatable-rowselected"?: (event: KupDataTableCustomEvent<KupDatatableRowSelectedEventPayload>) => void;
         /**
           * Current selected page set on component load
          */
@@ -4353,10 +4530,6 @@ declare namespace LocalJSX {
           * If set to true, displays the button to load more records.
          */
         "showLoadMore"?: boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-         */
-        "showTooltipOnRightClick"?: boolean;
         /**
           * Defines the current sorting options.
          */
@@ -4379,18 +4552,6 @@ declare namespace LocalJSX {
           * Sets the width of the table.
          */
         "tableWidth"?: string;
-        /**
-          * Defines the timeout for tooltip detail
-         */
-        "tooltipDetailTimeout"?: number;
-        /**
-          * Enable show tooltip
-         */
-        "tooltipEnabled"?: boolean;
-        /**
-          * Defines the timeout for tooltip load
-         */
-        "tooltipLoadTimeout"?: number;
         /**
           * Defines the current totals options
          */
@@ -4427,15 +4588,15 @@ declare namespace LocalJSX {
           * @default ""
          */
         "initialValue"?: string;
-        "onKup-datepicker-blur"?: (event: CustomEvent<KupDatePickerEventPayload>) => void;
-        "onKup-datepicker-change"?: (event: CustomEvent<KupDatePickerEventPayload>) => void;
-        "onKup-datepicker-cleariconclick"?: (event: CustomEvent<KupEventPayload>) => void;
-        "onKup-datepicker-click"?: (event: CustomEvent<KupDatePickerEventPayload>) => void;
-        "onKup-datepicker-focus"?: (event: CustomEvent<KupDatePickerEventPayload>) => void;
-        "onKup-datepicker-iconclick"?: (event: CustomEvent<KupDatePickerEventPayload>) => void;
-        "onKup-datepicker-input"?: (event: CustomEvent<KupDatePickerEventPayload>) => void;
-        "onKup-datepicker-itemclick"?: (event: CustomEvent<KupDatePickerEventPayload>) => void;
-        "onKup-datepicker-textfieldsubmit"?: (event: CustomEvent<KupDatePickerEventPayload>) => void;
+        "onKup-datepicker-blur"?: (event: KupDatePickerCustomEvent<KupDatePickerEventPayload>) => void;
+        "onKup-datepicker-change"?: (event: KupDatePickerCustomEvent<KupDatePickerEventPayload>) => void;
+        "onKup-datepicker-cleariconclick"?: (event: KupDatePickerCustomEvent<KupEventPayload>) => void;
+        "onKup-datepicker-click"?: (event: KupDatePickerCustomEvent<KupDatePickerEventPayload>) => void;
+        "onKup-datepicker-focus"?: (event: KupDatePickerCustomEvent<KupDatePickerEventPayload>) => void;
+        "onKup-datepicker-iconclick"?: (event: KupDatePickerCustomEvent<KupDatePickerEventPayload>) => void;
+        "onKup-datepicker-input"?: (event: KupDatePickerCustomEvent<KupDatePickerEventPayload>) => void;
+        "onKup-datepicker-itemclick"?: (event: KupDatePickerCustomEvent<KupDatePickerEventPayload>) => void;
+        "onKup-datepicker-textfieldsubmit"?: (event: KupDatePickerCustomEvent<KupDatePickerEventPayload>) => void;
     }
     interface KupDrawer {
         /**
@@ -4447,15 +4608,15 @@ declare namespace LocalJSX {
         /**
           * Fired when the drawer gets closed.
          */
-        "onKup-drawer-close"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-drawer-close"?: (event: KupDrawerCustomEvent<KupEventPayload>) => void;
         /**
           * Fired when the drawer gets opened.
          */
-        "onKup-drawer-open"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-drawer-open"?: (event: KupDrawerCustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when the component is ready.
          */
-        "onKup-drawer-ready"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-drawer-ready"?: (event: KupDrawerCustomEvent<KupEventPayload>) => void;
     }
     interface KupDropdownButton {
         /**
@@ -4502,23 +4663,23 @@ declare namespace LocalJSX {
         /**
           * Triggered when the primary button loses focus.
          */
-        "onKup-dropdownbutton-blur"?: (event: CustomEvent<KupDropdownButtonEventPayload>) => void;
+        "onKup-dropdownbutton-blur"?: (event: KupDropdownButtonCustomEvent<KupDropdownButtonEventPayload>) => void;
         /**
           * Triggered when a list item changes.
          */
-        "onKup-dropdownbutton-change"?: (event: CustomEvent<KupDropdownButtonEventPayload>) => void;
+        "onKup-dropdownbutton-change"?: (event: KupDropdownButtonCustomEvent<KupDropdownButtonEventPayload>) => void;
         /**
           * Triggered when the primary button is clicked.
          */
-        "onKup-dropdownbutton-click"?: (event: CustomEvent<KupDropdownButtonEventPayload>) => void;
+        "onKup-dropdownbutton-click"?: (event: KupDropdownButtonCustomEvent<KupDropdownButtonEventPayload>) => void;
         /**
           * Triggered when the primary button is focused.
          */
-        "onKup-dropdownbutton-focus"?: (event: CustomEvent<KupDropdownButtonEventPayload>) => void;
+        "onKup-dropdownbutton-focus"?: (event: KupDropdownButtonCustomEvent<KupDropdownButtonEventPayload>) => void;
         /**
           * Triggered when a list item is clicked.
          */
-        "onKup-dropdownbutton-itemclick"?: (event: CustomEvent<KupDropdownButtonEventPayload>) => void;
+        "onKup-dropdownbutton-itemclick"?: (event: KupDropdownButtonCustomEvent<KupDropdownButtonEventPayload>) => void;
         /**
           * Sets how to return the selected item value. Suported values: "code", "description", "both".
           * @default ItemsDisplayMode.CODE
@@ -4577,7 +4738,7 @@ declare namespace LocalJSX {
           * @default null
          */
         "map"?: KupEchartMaps | string | GeoJSON;
-        "onKup-echart-click"?: (event: CustomEvent<KupEchartClickEventPayload>) => void;
+        "onKup-echart-click"?: (event: KupEchartCustomEvent<KupEchartClickEventPayload>) => void;
         /**
           * The data series to be displayed. They must be of the same type.
           * @default []
@@ -4634,11 +4795,11 @@ declare namespace LocalJSX {
         /**
           * Launched when the value of the current FLD changes.
          */
-        "onKup-field-change"?: (event: CustomEvent<KupFieldChangeEvent>) => void;
+        "onKup-field-change"?: (event: KupFieldCustomEvent<KupFieldChangeEvent>) => void;
         /**
           * Launched when the FLD values are confirmed and a submit event is triggered.
          */
-        "onKup-field-submit"?: (event: CustomEvent<KupFieldSubmitEvent>) => void;
+        "onKup-field-submit"?: (event: KupFieldCustomEvent<KupFieldSubmitEvent>) => void;
         /**
           * Sets whether the submit button must be displayed or not.
           * @default false
@@ -4660,6 +4821,29 @@ declare namespace LocalJSX {
          */
         "type"?: string;
     }
+    interface KupForm {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * Actual data of the form.
+          * @default null
+         */
+        "data"?: KupFormData;
+        /**
+          * Placement of fields' labels.
+          * @default KupFormLabelPlacement.LEFT
+         */
+        "labelPlacement"?: KupFormLabelPlacement;
+        /**
+          * How the form will arrange its content.
+          * @default null
+         */
+        "layout"?: KupFormLayout;
+    }
     interface KupGauge {
         /**
           * Sets how much the arc of the gauge should be thick.
@@ -4771,8 +4955,8 @@ declare namespace LocalJSX {
           * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.
          */
         "isButton"?: boolean;
-        "onKup-iframe-error"?: (event: CustomEvent<KupEventPayload>) => void;
-        "onKup-iframe-load"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-iframe-error"?: (event: KupIframeCustomEvent<KupEventPayload>) => void;
+        "onKup-iframe-load"?: (event: KupIframeCustomEvent<KupEventPayload>) => void;
         /**
           * The address the iframe should be referencing to.
          */
@@ -4810,7 +4994,7 @@ declare namespace LocalJSX {
           * @default false
          */
         "isCanvas"?: boolean;
-        "onKup-image-click"?: (event: CustomEvent<KupImageClickEventPayload>) => void;
+        "onKup-image-click"?: (event: KupImageCustomEvent<KupImageClickEventPayload>) => void;
         /**
           * The resource used to fetch the image.
           * @default null
@@ -4827,6 +5011,27 @@ declare namespace LocalJSX {
          */
         "sizeY"?: string;
     }
+    interface KupImageList {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * Actual data of the component.
+          * @default []
+         */
+        "data"?: KupDataNode[];
+        "onKup-imagelist-click"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
+        "onKup-imagelist-contextmenu"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
+        "onKup-imagelist-dblclick"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
+        /**
+          * When enabled displays Material's ripple effect on clicked items.
+          * @default true
+         */
+        "ripple"?: boolean;
+    }
     interface KupLazy {
         /**
           * Sets the tag name of the component to be lazy loaded.
@@ -4847,7 +5052,7 @@ declare namespace LocalJSX {
         /**
           * Triggered when the component is loaded.
          */
-        "onKup-lazy-loaded"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-lazy-loaded"?: (event: KupLazyCustomEvent<KupEventPayload>) => void;
         /**
           * Decides when the sub-component should be rendered. By default when both the component props exist and the component is in the viewport.
           * @default KupLazyRender.BOTH
@@ -4901,9 +5106,9 @@ declare namespace LocalJSX {
           * @default false
          */
         "menuVisible"?: boolean;
-        "onKup-list-blur"?: (event: CustomEvent<KupEventPayload>) => void;
-        "onKup-list-click"?: (event: CustomEvent<KupListEventPayload>) => void;
-        "onKup-list-focus"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-list-blur"?: (event: KupListCustomEvent<KupEventPayload>) => void;
+        "onKup-list-click"?: (event: KupListCustomEvent<KupListEventPayload>) => void;
+        "onKup-list-focus"?: (event: KupListCustomEvent<KupEventPayload>) => void;
         /**
           * Defines the type of selection. Values accepted: listbox, radiogroup or group.
           * @default KupListRole.LISTBOX
@@ -4948,11 +5153,11 @@ declare namespace LocalJSX {
         /**
           * Triggered when the component is ready.
          */
-        "onKup-navbar-ready"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-navbar-ready"?: (event: KupNavBarCustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when the component is resize.
          */
-        "onKup-navbar-resize"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-navbar-resize"?: (event: KupNavBarCustomEvent<KupEventPayload>) => void;
         /**
           * Defines the style of the nav bar.
           * @default KupNavBarStyling.STANDARD
@@ -5006,15 +5211,15 @@ declare namespace LocalJSX {
           * @default false
          */
         "negative"?: boolean;
-        "onKup-numericpicker-blur"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
-        "onKup-numericpicker-change"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
-        "onKup-numericpicker-cleariconclick"?: (event: CustomEvent<KupEventPayload>) => void;
-        "onKup-numericpicker-click"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
-        "onKup-numericpicker-focus"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
-        "onKup-numericpicker-iconclick"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
-        "onKup-numericpicker-input"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
-        "onKup-numericpicker-itemclick"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
-        "onKup-numericpicker-textfieldsubmit"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-blur"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-change"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-cleariconclick"?: (event: KupNumericPickerCustomEvent<KupEventPayload>) => void;
+        "onKup-numericpicker-click"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-focus"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-iconclick"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-input"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-itemclick"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-textfieldsubmit"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
     }
     interface KupPhotoFrame {
         /**
@@ -5026,11 +5231,11 @@ declare namespace LocalJSX {
         /**
           * Triggered when the placeholder is loaded.
          */
-        "onKup-photoframe-placeholderload"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-photoframe-placeholderload"?: (event: KupPhotoFrameCustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when the resource is loaded.
          */
-        "onKup-photoframe-resourceload"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-photoframe-resourceload"?: (event: KupPhotoFrameCustomEvent<KupEventPayload>) => void;
         /**
           * Html attributes of the picture before the component enters the viewport.
           * @default {}
@@ -5175,15 +5380,15 @@ declare namespace LocalJSX {
         /**
           * Triggered when the input element loses focus.
          */
-        "onKup-radio-blur"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-radio-blur"?: (event: KupRadioCustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when the input element's value changes.
          */
-        "onKup-radio-change"?: (event: CustomEvent<KupRadioChangeEventPayload>) => void;
+        "onKup-radio-change"?: (event: KupRadioCustomEvent<KupRadioChangeEventPayload>) => void;
         /**
           * Triggered when the input element gets focused.
          */
-        "onKup-radio-focus"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-radio-focus"?: (event: KupRadioCustomEvent<KupEventPayload>) => void;
     }
     interface KupRating {
         /**
@@ -5202,7 +5407,7 @@ declare namespace LocalJSX {
           * @default 5
          */
         "maxValue"?: number;
-        "onKup-rating-click"?: (event: CustomEvent<KupRatingClickEventPayload>) => void;
+        "onKup-rating-click"?: (event: KupRatingCustomEvent<KupRatingClickEventPayload>) => void;
         /**
           * Rated stars.
           * @default 0
@@ -5229,7 +5434,7 @@ declare namespace LocalJSX {
         /**
           * Triggered when action button is clicked.
          */
-        "onKup-snackbar-actionclick"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-snackbar-actionclick"?: (event: KupSnackbarCustomEvent<KupEventPayload>) => void;
         /**
           * Sets the textual content of the snackbar.
           * @default ''
@@ -5286,7 +5491,7 @@ declare namespace LocalJSX {
         /**
           * Triggered when the component is ready.
          */
-        "onKup-spinner-ready"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-spinner-ready"?: (event: KupSpinnerCustomEvent<KupEventPayload>) => void;
     }
     interface KupSwitch {
         /**
@@ -5318,15 +5523,15 @@ declare namespace LocalJSX {
         /**
           * Triggered when the input element loses focus.
          */
-        "onKup-switch-blur"?: (event: CustomEvent<KupSwitchEventPayload>) => void;
+        "onKup-switch-blur"?: (event: KupSwitchCustomEvent<KupSwitchEventPayload>) => void;
         /**
           * Triggered when the input element's value changes.
          */
-        "onKup-switch-change"?: (event: CustomEvent<KupSwitchEventPayload>) => void;
+        "onKup-switch-change"?: (event: KupSwitchCustomEvent<KupSwitchEventPayload>) => void;
         /**
           * Triggered when the input element gets focused.
          */
-        "onKup-switch-focus"?: (event: CustomEvent<KupSwitchEventPayload>) => void;
+        "onKup-switch-focus"?: (event: KupSwitchCustomEvent<KupSwitchEventPayload>) => void;
     }
     interface KupTabBar {
         /**
@@ -5339,19 +5544,19 @@ declare namespace LocalJSX {
           * List of elements.
           * @default null
          */
-        "data"?: KupTabBarData[];
+        "data"?: KupTabBarNode[];
         /**
           * Triggered when the tab loses focus.
          */
-        "onKup-tabbar-blur"?: (event: CustomEvent<KupTabBarEventPayload>) => void;
+        "onKup-tabbar-blur"?: (event: KupTabBarCustomEvent<KupTabBarEventPayload>) => void;
         /**
           * Triggered when the tab is clicked.
          */
-        "onKup-tabbar-click"?: (event: CustomEvent<KupTabBarClickEventPayload>) => void;
+        "onKup-tabbar-click"?: (event: KupTabBarCustomEvent<KupTabBarEventPayload>) => void;
         /**
           * Triggered when the tab is focused.
          */
-        "onKup-tabbar-focus"?: (event: CustomEvent<KupTabBarEventPayload>) => void;
+        "onKup-tabbar-focus"?: (event: KupTabBarCustomEvent<KupTabBarEventPayload>) => void;
         /**
           * When enabled displays Material's ripple effect on item headers.
           * @default true
@@ -5440,38 +5645,43 @@ declare namespace LocalJSX {
           * @default null
          */
         "min"?: number;
+        /**
+          * The HTML name attribute used for form autocomplete.
+          * @default null
+         */
+        "name"?: string;
         /**
           * Triggered when the input element loses focus.
          */
-        "onKup-textfield-blur"?: (event: CustomEvent<KupTextFieldEventPayload>) => void;
+        "onKup-textfield-blur"?: (event: KupTextFieldCustomEvent<KupTextFieldEventPayload>) => void;
         /**
           * Triggered when the input element changes.
          */
-        "onKup-textfield-change"?: (event: CustomEvent<KupTextFieldEventPayload>) => void;
+        "onKup-textfield-change"?: (event: KupTextFieldCustomEvent<KupTextFieldEventPayload>) => void;
         /**
           * Triggered when the text field's clear icon is clicked.
          */
-        "onKup-textfield-cleariconclick"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-textfield-cleariconclick"?: (event: KupTextFieldCustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when the input element is clicked.
          */
-        "onKup-textfield-click"?: (event: CustomEvent<KupTextFieldEventPayload>) => void;
+        "onKup-textfield-click"?: (event: KupTextFieldCustomEvent<KupTextFieldEventPayload>) => void;
         /**
           * Triggered when the input element gets focused.
          */
-        "onKup-textfield-focus"?: (event: CustomEvent<KupTextFieldEventPayload>) => void;
+        "onKup-textfield-focus"?: (event: KupTextFieldCustomEvent<KupTextFieldEventPayload>) => void;
         /**
           * Triggered when the text field's icon is clicked.
          */
-        "onKup-textfield-iconclick"?: (event: CustomEvent<KupTextFieldEventPayload>) => void;
+        "onKup-textfield-iconclick"?: (event: KupTextFieldCustomEvent<KupTextFieldEventPayload>) => void;
         /**
           * Triggered when the input element receives an input.
          */
-        "onKup-textfield-input"?: (event: CustomEvent<KupTextFieldEventPayload>) => void;
+        "onKup-textfield-input"?: (event: KupTextFieldCustomEvent<KupTextFieldEventPayload>) => void;
         /**
           * Triggered when the Enter key is pressed.
          */
-        "onKup-textfield-submit"?: (event: CustomEvent<KupTextFieldEventPayload>) => void;
+        "onKup-textfield-submit"?: (event: KupTextFieldCustomEvent<KupTextFieldEventPayload>) => void;
         /**
           * When set to true, the component will be rendered as an outlined field.
           * @default false
@@ -5535,76 +5745,21 @@ declare namespace LocalJSX {
           * @default false
          */
         "manageSeconds"?: boolean;
-        "onKup-timepicker-blur"?: (event: CustomEvent<KupTimePickerEventPayload>) => void;
-        "onKup-timepicker-change"?: (event: CustomEvent<KupTimePickerEventPayload>) => void;
-        "onKup-timepicker-cleariconclick"?: (event: CustomEvent<KupEventPayload>) => void;
-        "onKup-timepicker-click"?: (event: CustomEvent<KupTimePickerEventPayload>) => void;
-        "onKup-timepicker-focus"?: (event: CustomEvent<KupTimePickerEventPayload>) => void;
-        "onKup-timepicker-iconclick"?: (event: CustomEvent<KupTimePickerEventPayload>) => void;
-        "onKup-timepicker-input"?: (event: CustomEvent<KupTimePickerEventPayload>) => void;
-        "onKup-timepicker-itemclick"?: (event: CustomEvent<KupTimePickerEventPayload>) => void;
-        "onKup-timepicker-textfieldsubmit"?: (event: CustomEvent<KupTimePickerEventPayload>) => void;
+        "onKup-timepicker-blur"?: (event: KupTimePickerCustomEvent<KupTimePickerEventPayload>) => void;
+        "onKup-timepicker-change"?: (event: KupTimePickerCustomEvent<KupTimePickerEventPayload>) => void;
+        "onKup-timepicker-cleariconclick"?: (event: KupTimePickerCustomEvent<KupEventPayload>) => void;
+        "onKup-timepicker-click"?: (event: KupTimePickerCustomEvent<KupTimePickerEventPayload>) => void;
+        "onKup-timepicker-focus"?: (event: KupTimePickerCustomEvent<KupTimePickerEventPayload>) => void;
+        "onKup-timepicker-iconclick"?: (event: KupTimePickerCustomEvent<KupTimePickerEventPayload>) => void;
+        "onKup-timepicker-input"?: (event: KupTimePickerCustomEvent<KupTimePickerEventPayload>) => void;
+        "onKup-timepicker-itemclick"?: (event: KupTimePickerCustomEvent<KupTimePickerEventPayload>) => void;
+        "onKup-timepicker-textfieldsubmit"?: (event: KupTimePickerCustomEvent<KupTimePickerEventPayload>) => void;
         /**
           * Minutes step.
           * @default 10
          */
         "timeMinutesStep"?: number;
     }
-    interface KupTooltip {
-        /**
-          * Data for cell options
-         */
-        "cellOptions"?: TooltipCellOptions;
-        /**
-          * Custom style of the component.
-          * @default ""
-          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-         */
-        "customStyle"?: string;
-        /**
-          * Data for top section
-         */
-        "data"?: TooltipData;
-        /**
-          * Data for the detail
-         */
-        "detailData"?: TooltipDetailData;
-        /**
-          * Timeout for loadDetail
-         */
-        "detailTimeout"?: number;
-        /**
-          * Layout used to display the items
-         */
-        "layout"?: string;
-        /**
-          * Timeout for tooltip
-         */
-        "loadTimeout"?: number;
-        "onKup-tooltip-actioncommandclick"?: (event: CustomEvent<KupTooltipActionCommandClickEventPayload>) => void;
-        "onKup-tooltip-defaultactionclick"?: (event: CustomEvent<KupTooltipDefaultEventPayload>) => void;
-        "onKup-tooltip-defaultoptionclick"?: (event: CustomEvent<KupTooltipDefaultEventPayload>) => void;
-        "onKup-tooltip-defaultpreviewclick"?: (event: CustomEvent<KupTooltipDefaultEventPayload>) => void;
-        "onKup-tooltip-loadcelloptions"?: (event: CustomEvent<KupTooltipLoadEventPayload>) => void;
-        "onKup-tooltip-loaddata"?: (event: CustomEvent<KupTooltipLoadEventPayload>) => void;
-        "onKup-tooltip-loaddetail"?: (event: CustomEvent<KupTooltipLoadEventPayload>) => void;
-        "onKup-tooltip-treedynamicmassexpansion"?: (event: CustomEvent<KupTooltipTreeDynamicMassExpansionEventPayload>) => void;
-        "onKup-tooltip-treenodebuttonclick"?: (event: CustomEvent<KupTooltipTreeNodeButtonClickEventPayload>) => void;
-        "onKup-tooltip-treenodedblclick"?: (event: CustomEvent<KupTooltipTreeNodeDblClickEventPayload>) => void;
-        "onKup-tooltip-treenodeexpand"?: (event: CustomEvent<KupTooltipTreeNodeExpandEventPayload>) => void;
-        /**
-          * Fired when a node of the tree has been selected
-         */
-        "onKup-tooltip-treenodeselected"?: (event: CustomEvent<KupTooltipTreeNodeSelectedEventPayload>) => void;
-        /**
-          * Owner of this tooltip
-         */
-        "owner"?: string;
-        /**
-          * Container element for tooltip
-         */
-        "relatedObject"?: TooltipRelatedObject;
-    }
     interface KupTree {
         /**
           * When enabled, the first level of depth will give an accordion look to nodes.
@@ -5675,30 +5830,30 @@ declare namespace LocalJSX {
           * The value of the global filter.
          */
         "globalFilterValue"?: string;
-        "onKup-tree-buttonclick"?: (event: CustomEvent<KupTreeNodeButtonClickEventPayload>) => void;
+        "onKup-tree-buttonclick"?: (event: KupTreeCustomEvent<KupTreeNodeButtonClickEventPayload>) => void;
         /**
           * When the column menu is being opened/closed.
          */
-        "onKup-tree-columnmenu"?: (event: CustomEvent<KupTreeColumnMenuEventPayload>) => void;
+        "onKup-tree-columnmenu"?: (event: KupTreeCustomEvent<KupTreeColumnMenuEventPayload>) => void;
         /**
           * Event fired when columns are removed (set to hidden).
          */
-        "onKup-tree-columnremove"?: (event: CustomEvent<KupTreeColumnRemoveEventPayload>) => void;
+        "onKup-tree-columnremove"?: (event: KupTreeCustomEvent<KupTreeColumnRemoveEventPayload>) => void;
         /**
           * Generic right click event on tree.
          */
-        "onKup-tree-contextmenu"?: (event: CustomEvent<KupTreeContextMenuEventPayload>) => void;
-        "onKup-tree-didload"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-tree-contextmenu"?: (event: KupTreeCustomEvent<KupTreeContextMenuEventPayload>) => void;
+        "onKup-tree-didload"?: (event: KupTreeCustomEvent<KupEventPayload>) => void;
         /**
           * Triggered when stop propagation event
          */
-        "onKup-tree-didunload"?: (event: CustomEvent<KupEventPayload>) => void;
-        "onKup-tree-dynamicmassexpansion"?: (event: CustomEvent<KupTreeDynamicMassExpansionEventPayload>) => void;
+        "onKup-tree-didunload"?: (event: KupTreeCustomEvent<KupEventPayload>) => void;
+        "onKup-tree-dynamicmassexpansion"?: (event: KupTreeCustomEvent<KupTreeDynamicMassExpansionEventPayload>) => void;
         /**
           * Fired when a KupTreeNode gets collapsed (closed).
          */
-        "onKup-tree-nodecollapse"?: (event: CustomEvent<KupTreeNodeCollapseEventPayload>) => void;
-        "onKup-tree-nodedblclick"?: (event: CustomEvent<KupTreeNodeCollapseEventPayload>) => void;
+        "onKup-tree-nodecollapse"?: (event: KupTreeCustomEvent<KupTreeNodeCollapseEventPayload>) => void;
+        "onKup-tree-nodedblclick"?: (event: KupTreeCustomEvent<KupTreeNodeCollapseEventPayload>) => void;
         /**
           * Fired when a node expansion ion has been triggered. Contains additional data when the tree is using the dynamicExpansion feature.
           * @event kup-tree-nodeexpand
@@ -5711,11 +5866,11 @@ declare namespace LocalJSX {
           * @see dynamicExpansionCallback *
           * @since 1.0.0
          */
-        "onKup-tree-nodeexpand"?: (event: CustomEvent<KupTreeNodeExpandEventPayload>) => void;
+        "onKup-tree-nodeexpand"?: (event: KupTreeCustomEvent<KupTreeNodeExpandEventPayload>) => void;
         /**
           * Fired when a node of the tree has been selected
          */
-        "onKup-tree-nodeselected"?: (event: CustomEvent<KupTreeNodeSelectedEventPayload>) => void;
+        "onKup-tree-nodeselected"?: (event: KupTreeCustomEvent<KupTreeNodeSelectedEventPayload>) => void;
         /**
           * Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column.
           * @default false;
@@ -5759,24 +5914,8 @@ declare namespace LocalJSX {
           * Shows the icons of the nodes.
          */
         "showIcons"?: boolean;
-        /**
-          * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-         */
-        "showTooltipOnRightClick"?: boolean;
         "stateId"?: string;
         "store"?: KupStore;
-        /**
-          * Defines the timeout for tooltip detail
-         */
-        "tooltipDetailTimeout"?: number;
-        /**
-          * Enable show tooltip
-         */
-        "tooltipEnabled"?: boolean;
-        /**
-          * Defines the timeout for tooltip load
-         */
-        "tooltipLoadTimeout"?: number;
         /**
           * Defines the current totals options.
          */
@@ -5804,16 +5943,19 @@ declare namespace LocalJSX {
         "kup-combobox": KupCombobox;
         "kup-dash": KupDash;
         "kup-dash-list": KupDashList;
+        "kup-dashboard": KupDashboard;
         "kup-data-table": KupDataTable;
         "kup-date-picker": KupDatePicker;
         "kup-drawer": KupDrawer;
         "kup-dropdown-button": KupDropdownButton;
         "kup-echart": KupEchart;
         "kup-field": KupField;
+        "kup-form": KupForm;
         "kup-gauge": KupGauge;
         "kup-grid": KupGrid;
         "kup-iframe": KupIframe;
         "kup-image": KupImage;
+        "kup-image-list": KupImageList;
         "kup-lazy": KupLazy;
         "kup-list": KupList;
         "kup-magic-box": KupMagicBox;
@@ -5831,7 +5973,6 @@ declare namespace LocalJSX {
         "kup-tab-bar": KupTabBar;
         "kup-text-field": KupTextField;
         "kup-time-picker": KupTimePicker;
-        "kup-tooltip": KupTooltip;
         "kup-tree": KupTree;
     }
 }
@@ -5855,16 +5996,19 @@ declare module "@stencil/core" {
             "kup-combobox": LocalJSX.KupCombobox & JSXBase.HTMLAttributes<HTMLKupComboboxElement>;
             "kup-dash": LocalJSX.KupDash & JSXBase.HTMLAttributes<HTMLKupDashElement>;
             "kup-dash-list": LocalJSX.KupDashList & JSXBase.HTMLAttributes<HTMLKupDashListElement>;
+            "kup-dashboard": LocalJSX.KupDashboard & JSXBase.HTMLAttributes<HTMLKupDashboardElement>;
             "kup-data-table": LocalJSX.KupDataTable & JSXBase.HTMLAttributes<HTMLKupDataTableElement>;
             "kup-date-picker": LocalJSX.KupDatePicker & JSXBase.HTMLAttributes<HTMLKupDatePickerElement>;
             "kup-drawer": LocalJSX.KupDrawer & JSXBase.HTMLAttributes<HTMLKupDrawerElement>;
             "kup-dropdown-button": LocalJSX.KupDropdownButton & JSXBase.HTMLAttributes<HTMLKupDropdownButtonElement>;
             "kup-echart": LocalJSX.KupEchart & JSXBase.HTMLAttributes<HTMLKupEchartElement>;
             "kup-field": LocalJSX.KupField & JSXBase.HTMLAttributes<HTMLKupFieldElement>;
+            "kup-form": LocalJSX.KupForm & JSXBase.HTMLAttributes<HTMLKupFormElement>;
             "kup-gauge": LocalJSX.KupGauge & JSXBase.HTMLAttributes<HTMLKupGaugeElement>;
             "kup-grid": LocalJSX.KupGrid & JSXBase.HTMLAttributes<HTMLKupGridElement>;
             "kup-iframe": LocalJSX.KupIframe & JSXBase.HTMLAttributes<HTMLKupIframeElement>;
             "kup-image": LocalJSX.KupImage & JSXBase.HTMLAttributes<HTMLKupImageElement>;
+            "kup-image-list": LocalJSX.KupImageList & JSXBase.HTMLAttributes<HTMLKupImageListElement>;
             "kup-lazy": LocalJSX.KupLazy & JSXBase.HTMLAttributes<HTMLKupLazyElement>;
             "kup-list": LocalJSX.KupList & JSXBase.HTMLAttributes<HTMLKupListElement>;
             "kup-magic-box": LocalJSX.KupMagicBox & JSXBase.HTMLAttributes<HTMLKupMagicBoxElement>;
@@ -5882,7 +6026,6 @@ declare module "@stencil/core" {
             "kup-tab-bar": LocalJSX.KupTabBar & JSXBase.HTMLAttributes<HTMLKupTabBarElement>;
             "kup-text-field": LocalJSX.KupTextField & JSXBase.HTMLAttributes<HTMLKupTextFieldElement>;
             "kup-time-picker": LocalJSX.KupTimePicker & JSXBase.HTMLAttributes<HTMLKupTimePickerElement>;
-            "kup-tooltip": LocalJSX.KupTooltip & JSXBase.HTMLAttributes<HTMLKupTooltipElement>;
             "kup-tree": LocalJSX.KupTree & JSXBase.HTMLAttributes<HTMLKupTreeElement>;
         }
     }