xv-webcomponents 0.1.38 → 0.1.41

package/dist/types/components.d.ts

@@ -7,28 +7,39 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { SIZE_VAR } from "./types/enum";
 import { DropdownItemData } from "./components/xv-dropdown/_vars";
+import { XvFileUploaderVariants } from "./components/xv-file-uploader/_vars";
 import { NOTIFICATION_VARIANTS } from "./components/xv-notification/_vars";
 import { OverflowMenuEvent, OverflowMenuVariant } from "./components/xv-overflow-menu/_vars";
 import { PROGRESS_ITEM_STATUS, PROGRESS_VARIANTS } from "./components/xv-progress-indicator/_vars";
 import { SelectRowDto, XV_SORT_DIR, XVTableSortDto } from "./components/xv-table/_vars";
 import { TABS_VATIANT } from "./components/xv-tabs/_vars";
-import { TextInputStatus } from "./components/xv-text-input/_vars";
+import { Placement } from "@popperjs/core";
 export { SIZE_VAR } from "./types/enum";
 export { DropdownItemData } from "./components/xv-dropdown/_vars";
+export { XvFileUploaderVariants } from "./components/xv-file-uploader/_vars";
 export { NOTIFICATION_VARIANTS } from "./components/xv-notification/_vars";
 export { OverflowMenuEvent, OverflowMenuVariant } from "./components/xv-overflow-menu/_vars";
 export { PROGRESS_ITEM_STATUS, PROGRESS_VARIANTS } from "./components/xv-progress-indicator/_vars";
 export { SelectRowDto, XV_SORT_DIR, XVTableSortDto } from "./components/xv-table/_vars";
 export { TABS_VATIANT } from "./components/xv-tabs/_vars";
-export { TextInputStatus } from "./components/xv-text-input/_vars";
+export { Placement } from "@popperjs/core";
 export namespace Components {
     interface XvAccordionV2 {
+        /**
+          * @default false
+         */
         "multiple": boolean;
         "toggleItem": (value: string) => Promise<{ opened: Set<string>; id: string; }>;
         "value": string;
+        /**
+          * @default uidGenerator()
+         */
         "xvId": string;
     }
     interface XvAccordionV2Item {
+        /**
+          * @default false
+         */
         "disabled": boolean;
         "label": string;
         "value": string;
@@ -37,45 +48,65 @@ export namespace Components {
     }
     interface XvButtonV2 {
         /**
-          * Container width Button
+          * Button for full width
+          * @default false
          */
         "block": boolean;
         /**
-          * Disabled state
+          * Button disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
-          * Button label
+          * Button label is optional you can use just inside content
          */
-        "label": string;
+        "label"?: string;
+        /**
+          * Button loading state
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * Button size
+          * @default SIZE_VAR.MD
+         */
+        "size": SIZE_VAR;
         /**
           * Button type
+          * @default 'button'
          */
-        "type": 'button' | 'reset' | 'submit';
+        "type": 'button' | 'submit' | 'reset';
         /**
-          * Variant
+          * Button variants
+          * @default 'primary'
          */
-        "variant": 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
+        "variant": 'primary' | 'secondary' | 'ghost' | 'danger' | 'tertiary';
     }
     interface XvCardV2 {
         "body": string;
         "footer": string;
         "header": string;
         "media": string;
+        /**
+          * @default 'vertical'
+         */
         "variant": 'horizontal' | 'vertical';
     }
     interface XvCheckboxV2 {
         /**
           * Default checked status
+          * @default false
          */
         "checked": boolean;
         /**
           * Disabled status
+          * @default false
          */
         "disabled": boolean;
         "error"?: string | boolean;
         /**
           * Using for forms
+          * @default false
          */
         "indeterminate": boolean;
         /**
@@ -88,33 +119,62 @@ export namespace Components {
         "name": string;
         /**
           * Change checkmark icon to minus
+          * @default false
          */
         "partial": boolean;
         /**
           * Input readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * The same like default checkbox prop
+          * @default false
          */
         "required": boolean;
         "size"?: SIZE_VAR;
         /**
           * Input value
+          * @default 'on'
          */
         "value": string;
     }
+    interface XvDataTable {
+        "block"?: boolean;
+        /**
+          * @default []
+         */
+        "columnWidths": (string | null)[];
+        "description"?: string;
+        "label"?: string;
+        /**
+          * @default SIZE_VAR.MD
+         */
+        "size": SIZE_VAR;
+    }
+    interface XvDataTableCell {
+        "multiline": number;
+        "name"?: string;
+        "width"?: string;
+    }
+    interface XvDataTableRow {
+        "variant"?: 'checkbox';
+    }
     interface XvDropdownV2 {
         "defaultValue"?: DropdownItemData['value'];
         "disabled"?: boolean;
         "error"?: string;
         "helper"?: string;
+        "info"?: string;
         "label"?: string;
         "loading"?: boolean;
         "multiple"?: boolean;
         "open"?: boolean;
         "placeholder"?: string;
         "required"?: boolean;
+        /**
+          * @default SIZE_VAR.MD
+         */
         "size": SIZE_VAR;
         "warning"?: string;
     }
@@ -125,90 +185,226 @@ export namespace Components {
      * should be created and emitted 'itemSelected' event
      */
     interface XvDropdownV2Item {
+        /**
+          * @default false
+         */
         "disabled": boolean;
+        /**
+          * @default false
+         */
         "selected": DropdownItemData['selected'];
+        /**
+          * @default ''
+         */
         "value": DropdownItemData['value'];
     }
+    interface XvFileUploader {
+        /**
+          * @default []
+         */
+        "accept": string[];
+        "addText"?: string;
+        "description"?: string;
+        "disabled"?: boolean;
+        "error"?: string;
+        /**
+          * @default []
+         */
+        "errors": string[] | { primary: string; secondary: string; }[];
+        /**
+          * @default []
+         */
+        "files": File[];
+        "label"?: string;
+        /**
+          * @default []
+         */
+        "loadingStates": ('loading' | 'success' | 'uploaded')[];
+        /**
+          * @default 5
+         */
+        "maxFileSizeMB": number;
+        /**
+          * @default 20
+         */
+        "maxFiles": number;
+        /**
+          * @default true
+         */
+        "multiple": boolean;
+        /**
+          * @default SIZE_VAR.MD
+         */
+        "size": SIZE_VAR;
+        /**
+          * @default XvFileUploaderVariants.BUTTON
+         */
+        "variant": XvFileUploaderVariants;
+    }
     interface XvFooter {
     }
     interface XvHeader {
     }
     interface XvLinkV2 {
+        /**
+          * @default false
+         */
         "disabled": boolean;
         "href": string;
+        /**
+          * @default 'md'
+         */
         "size": 'sm' | 'md' | 'lg';
         "target": '_self' | '_blank' | '_parent' | '_top';
+        /**
+          * @default 'inline'
+         */
         "variant": 'standalone' | 'inline' | 'ghost';
     }
     interface XvLoaderV2 {
         /**
           * Is component displayed
+          * @default true
          */
         "show": boolean;
         /**
           * Size of loader. Default size depends of font size
+          * @default SIZE_VAR.MD
          */
         "size": SIZE_VAR;
         /**
           * Message direction
+          * @default 'horizontal'
          */
         "variant": 'vertical' | 'horizontal';
     }
+    interface XvLoginModal {
+        /**
+          * @default false
+         */
+        "visible": boolean;
+    }
     interface XvModalV2 {
         "closeModal": () => Promise<boolean>;
         /**
           * Is modal opened
+          * @default false
          */
         "open": boolean;
         "openModal": () => Promise<boolean>;
         /**
           * When need scroll modal content
+          * @default true
          */
         "overflow": boolean;
         /**
           * If true then modal not be closed on backdrop click
+          * @default false
          */
         "permanent": boolean;
         /**
           * Size of modal. But max size is 90% view width
+          * @default SIZE_VAR.MD
          */
         "size": SIZE_VAR;
     }
     interface XvNotificationV2 {
+        /**
+          * @default false
+         */
         "dismissible": boolean;
+        /**
+          * @default NOTIFICATION_VARIANTS.INFO
+         */
         "variant": NOTIFICATION_VARIANTS;
     }
+    interface XvNumberInputV2 {
+        "block"?: boolean;
+        "disabled"?: boolean;
+        "error"?: string | boolean;
+        "helper"?: string;
+        "label": string;
+        /**
+          * @default false
+         */
+        "loading": boolean;
+        "max"?: number;
+        "min"?: number;
+        "name": string;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        /**
+          * @default SIZE_VAR.MD
+         */
+        "size": SIZE_VAR;
+        /**
+          * @default 10
+         */
+        "step": number;
+        "value": number;
+        "warning"?: string | boolean;
+    }
     interface XvOverflowMenuV2 {
+        /**
+          * @default false
+         */
         "disabled": boolean;
+        /**
+          * @default false
+         */
         "open": boolean;
+        /**
+          * @default 'left'
+         */
         "position": 'left' | 'right';
+        /**
+          * @default SIZE_VAR.MD
+         */
         "size": SIZE_VAR;
     }
     interface XvOverflowMenuV2Item {
+        /**
+          * @default false
+         */
         "disabled": boolean;
         "value": OverflowMenuEvent['value'];
+        /**
+          * @default OverflowMenuVariant.DEFAULT
+         */
         "variant": OverflowMenuVariant;
     }
     interface XvProgressIndicatorV2 {
         /**
           * Current progress from 0 to 100
+          * @default 0
          */
         "progress": number;
         /**
           * Size of progress enum SIZE_VAR possible options `XS | SM | MD | LG | XL`
+          * @default SIZE_VAR.MD
          */
         "size": SIZE_VAR;
         /**
           * Progress variant enum PROGRESS_VARIANTS possible option `horizontal`
+          * @default PROGRESS_VARIANTS.DEFAULT
          */
         "variant": PROGRESS_VARIANTS;
     }
     interface XvProgressIndicatorV2Item {
+        /**
+          * @default PROGRESS_ITEM_STATUS.NO_STARTED
+         */
         "status": PROGRESS_ITEM_STATUS;
     }
     interface XvTabV2 {
+        /**
+          * @default false
+         */
         "disabled": boolean;
         "label": string;
+        /**
+          * @default false
+         */
         "loading": boolean;
         "name"?: number | string;
     }
@@ -225,7 +421,13 @@ export namespace Components {
         "sort"?: XV_SORT_DIR | '';
     }
     interface XvTableV2Expand {
+        /**
+          * @default false
+         */
         "disabled": boolean;
+        /**
+          * @default false
+         */
         "open": boolean;
     }
     interface XvTableV2Row {
@@ -243,6 +445,7 @@ export namespace Components {
     interface XvTabsV2 {
         /**
           * Index of active tab
+          * @default 0
          */
         "active": number | string;
         /**
@@ -255,14 +458,30 @@ export namespace Components {
         "loading"?: boolean;
         /**
           * Variant of tabs from TABS_VATIANT enum
+          * @default TABS_VATIANT.DEFAULT
          */
         "variant": TABS_VATIANT;
     }
     interface XvTagV2 {
+        /**
+          * @default ''
+         */
         "bg": string;
+        /**
+          * @default false
+         */
         "closeable": boolean;
+        /**
+          * @default ''
+         */
         "color": string;
+        /**
+          * @default false
+         */
         "disabled": boolean;
+        /**
+          * @default 'md'
+         */
         "size": 'sm' | 'md' | 'lg';
     }
     /**
@@ -271,27 +490,49 @@ export namespace Components {
      * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
      */
     interface XvTextInputV2 {
-        "disabled": boolean;
-        "helper": string;
-        "label"?: string;
+        "block"?: boolean;
+        "disabled"?: boolean;
+        "error"?: string | boolean;
+        "helper"?: string;
+        "label": string;
+        /**
+          * @default false
+         */
         "loading": boolean;
-        "name"?: string;
+        "name": string;
         "placeholder"?: string;
-        "readonly": boolean;
+        "readonly"?: boolean;
+        /**
+          * @default SIZE_VAR.MD
+         */
         "size": SIZE_VAR;
-        "status": TextInputStatus;
+        /**
+          * @default 'text'
+         */
+        "type": 'text' | 'email' | 'password' | 'url' | 'tel';
+        /**
+          * @default ''
+         */
         "value": string;
+        "warning"?: string | boolean;
     }
-    interface XvTooltipV2 {
+    interface XvToggleTip {
+        /**
+          * @default false
+         */
+        "open": boolean;
         /**
-          * Message what will be shown for tooltip *
+          * @default 'auto'
          */
+        "position": Placement;
+        "setPopover": (open: boolean) => Promise<boolean>;
+    }
+    interface XvTooltipV2 {
         "message": string;
-        "multiline": boolean;
         /**
-          * Tooltip and arrow position related to element possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'. By default, "top"
+          * @default 'auto'
          */
-        "position": 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+        "position": Placement;
     }
 }
 export interface XvAccordionV2CustomEvent<T> extends CustomEvent<T> {
@@ -302,10 +543,6 @@ export interface XvAccordionV2ItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvAccordionV2ItemElement;
 }
-export interface XvButtonV2CustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLXvButtonV2Element;
-}
 export interface XvCheckboxV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvCheckboxV2Element;
@@ -318,6 +555,14 @@ export interface XvDropdownV2ItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvDropdownV2ItemElement;
 }
+export interface XvFileUploaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvFileUploaderElement;
+}
+export interface XvLoginModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvLoginModalElement;
+}
 export interface XvModalV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvModalV2Element;
@@ -326,6 +571,10 @@ export interface XvNotificationV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvNotificationV2Element;
 }
+export interface XvNumberInputV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvNumberInputV2Element;
+}
 export interface XvOverflowMenuV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvOverflowMenuV2Element;
@@ -354,6 +603,10 @@ export interface XvTextInputV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvTextInputV2Element;
 }
+export interface XvToggleTipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvToggleTipElement;
+}
 declare global {
     interface HTMLXvAccordionV2ElementEventMap {
         "accordionChange": { opened: Set<string>, id: string };
@@ -395,18 +648,7 @@ declare global {
         prototype: HTMLXvBreadcrumbsV2Element;
         new (): HTMLXvBreadcrumbsV2Element;
     };
-    interface HTMLXvButtonV2ElementEventMap {
-        "buttonClick": MouseEvent;
-    }
     interface HTMLXvButtonV2Element extends Components.XvButtonV2, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLXvButtonV2ElementEventMap>(type: K, listener: (this: HTMLXvButtonV2Element, ev: XvButtonV2CustomEvent<HTMLXvButtonV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLXvButtonV2ElementEventMap>(type: K, listener: (this: HTMLXvButtonV2Element, ev: XvButtonV2CustomEvent<HTMLXvButtonV2ElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLXvButtonV2Element: {
         prototype: HTMLXvButtonV2Element;
@@ -438,6 +680,24 @@ declare global {
         prototype: HTMLXvCheckboxV2Element;
         new (): HTMLXvCheckboxV2Element;
     };
+    interface HTMLXvDataTableElement extends Components.XvDataTable, HTMLStencilElement {
+    }
+    var HTMLXvDataTableElement: {
+        prototype: HTMLXvDataTableElement;
+        new (): HTMLXvDataTableElement;
+    };
+    interface HTMLXvDataTableCellElement extends Components.XvDataTableCell, HTMLStencilElement {
+    }
+    var HTMLXvDataTableCellElement: {
+        prototype: HTMLXvDataTableCellElement;
+        new (): HTMLXvDataTableCellElement;
+    };
+    interface HTMLXvDataTableRowElement extends Components.XvDataTableRow, HTMLStencilElement {
+    }
+    var HTMLXvDataTableRowElement: {
+        prototype: HTMLXvDataTableRowElement;
+        new (): HTMLXvDataTableRowElement;
+    };
     interface HTMLXvDropdownV2ElementEventMap {
         "changeSelection": DropdownItemData[];
     }
@@ -478,6 +738,23 @@ declare global {
         prototype: HTMLXvDropdownV2ItemElement;
         new (): HTMLXvDropdownV2ItemElement;
     };
+    interface HTMLXvFileUploaderElementEventMap {
+        "filesChange": File[];
+    }
+    interface HTMLXvFileUploaderElement extends Components.XvFileUploader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvFileUploaderElementEventMap>(type: K, listener: (this: HTMLXvFileUploaderElement, ev: XvFileUploaderCustomEvent<HTMLXvFileUploaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXvFileUploaderElementEventMap>(type: K, listener: (this: HTMLXvFileUploaderElement, ev: XvFileUploaderCustomEvent<HTMLXvFileUploaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXvFileUploaderElement: {
+        prototype: HTMLXvFileUploaderElement;
+        new (): HTMLXvFileUploaderElement;
+    };
     interface HTMLXvFooterElement extends Components.XvFooter, HTMLStencilElement {
     }
     var HTMLXvFooterElement: {
@@ -502,6 +779,23 @@ declare global {
         prototype: HTMLXvLoaderV2Element;
         new (): HTMLXvLoaderV2Element;
     };
+    interface HTMLXvLoginModalElementEventMap {
+        "close": void;
+    }
+    interface HTMLXvLoginModalElement extends Components.XvLoginModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvLoginModalElementEventMap>(type: K, listener: (this: HTMLXvLoginModalElement, ev: XvLoginModalCustomEvent<HTMLXvLoginModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXvLoginModalElementEventMap>(type: K, listener: (this: HTMLXvLoginModalElement, ev: XvLoginModalCustomEvent<HTMLXvLoginModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXvLoginModalElement: {
+        prototype: HTMLXvLoginModalElement;
+        new (): HTMLXvLoginModalElement;
+    };
     interface HTMLXvModalV2ElementEventMap {
         "openChange": boolean;
     }
@@ -536,6 +830,23 @@ declare global {
         prototype: HTMLXvNotificationV2Element;
         new (): HTMLXvNotificationV2Element;
     };
+    interface HTMLXvNumberInputV2ElementEventMap {
+        "valueChange": number;
+    }
+    interface HTMLXvNumberInputV2Element extends Components.XvNumberInputV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvNumberInputV2ElementEventMap>(type: K, listener: (this: HTMLXvNumberInputV2Element, ev: XvNumberInputV2CustomEvent<HTMLXvNumberInputV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXvNumberInputV2ElementEventMap>(type: K, listener: (this: HTMLXvNumberInputV2Element, ev: XvNumberInputV2CustomEvent<HTMLXvNumberInputV2ElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXvNumberInputV2Element: {
+        prototype: HTMLXvNumberInputV2Element;
+        new (): HTMLXvNumberInputV2Element;
+    };
     interface HTMLXvOverflowMenuV2ElementEventMap {
         "selectItem": OverflowMenuEvent;
     }
@@ -691,6 +1002,23 @@ declare global {
         prototype: HTMLXvTextInputV2Element;
         new (): HTMLXvTextInputV2Element;
     };
+    interface HTMLXvToggleTipElementEventMap {
+        "openChange": boolean;
+    }
+    interface HTMLXvToggleTipElement extends Components.XvToggleTip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvToggleTipElementEventMap>(type: K, listener: (this: HTMLXvToggleTipElement, ev: XvToggleTipCustomEvent<HTMLXvToggleTipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXvToggleTipElementEventMap>(type: K, listener: (this: HTMLXvToggleTipElement, ev: XvToggleTipCustomEvent<HTMLXvToggleTipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLXvToggleTipElement: {
+        prototype: HTMLXvToggleTipElement;
+        new (): HTMLXvToggleTipElement;
+    };
     interface HTMLXvTooltipV2Element extends Components.XvTooltipV2, HTMLStencilElement {
     }
     var HTMLXvTooltipV2Element: {
@@ -704,14 +1032,20 @@ declare global {
         "xv-button-v2": HTMLXvButtonV2Element;
         "xv-card-v2": HTMLXvCardV2Element;
         "xv-checkbox-v2": HTMLXvCheckboxV2Element;
+        "xv-data-table": HTMLXvDataTableElement;
+        "xv-data-table-cell": HTMLXvDataTableCellElement;
+        "xv-data-table-row": HTMLXvDataTableRowElement;
         "xv-dropdown-v2": HTMLXvDropdownV2Element;
         "xv-dropdown-v2-item": HTMLXvDropdownV2ItemElement;
+        "xv-file-uploader": HTMLXvFileUploaderElement;
         "xv-footer": HTMLXvFooterElement;
         "xv-header": HTMLXvHeaderElement;
         "xv-link-v2": HTMLXvLinkV2Element;
         "xv-loader-v2": HTMLXvLoaderV2Element;
+        "xv-login-modal": HTMLXvLoginModalElement;
         "xv-modal-v2": HTMLXvModalV2Element;
         "xv-notification-v2": HTMLXvNotificationV2Element;
+        "xv-number-input-v2": HTMLXvNumberInputV2Element;
         "xv-overflow-menu-v2": HTMLXvOverflowMenuV2Element;
         "xv-overflow-menu-v2-item": HTMLXvOverflowMenuV2ItemElement;
         "xv-progress-indicator-v2": HTMLXvProgressIndicatorV2Element;
@@ -724,17 +1058,27 @@ declare global {
         "xv-tabs-v2": HTMLXvTabsV2Element;
         "xv-tag-v2": HTMLXvTagV2Element;
         "xv-text-input-v2": HTMLXvTextInputV2Element;
+        "xv-toggle-tip": HTMLXvToggleTipElement;
         "xv-tooltip-v2": HTMLXvTooltipV2Element;
     }
 }
 declare namespace LocalJSX {
     interface XvAccordionV2 {
+        /**
+          * @default false
+         */
         "multiple"?: boolean;
         "onAccordionChange"?: (event: XvAccordionV2CustomEvent<{ opened: Set<string>, id: string }>) => void;
         "value"?: string;
+        /**
+          * @default uidGenerator()
+         */
         "xvId"?: string;
     }
     interface XvAccordionV2Item {
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "label"?: string;
         "onItemToggle"?: (event: XvAccordionV2ItemCustomEvent<any>) => void;
@@ -744,49 +1088,65 @@ declare namespace LocalJSX {
     }
     interface XvButtonV2 {
         /**
-          * Container width Button
+          * Button for full width
+          * @default false
          */
         "block"?: boolean;
         /**
-          * Disabled state
+          * Button disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
-          * Button label
+          * Button label is optional you can use just inside content
          */
         "label"?: string;
         /**
-          * Emits when the button is clicked
+          * Button loading state
+          * @default false
          */
-        "onButtonClick"?: (event: XvButtonV2CustomEvent<MouseEvent>) => void;
+        "loading"?: boolean;
+        /**
+          * Button size
+          * @default SIZE_VAR.MD
+         */
+        "size"?: SIZE_VAR;
         /**
           * Button type
+          * @default 'button'
          */
-        "type"?: 'button' | 'reset' | 'submit';
+        "type"?: 'button' | 'submit' | 'reset';
         /**
-          * Variant
+          * Button variants
+          * @default 'primary'
          */
-        "variant"?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
+        "variant"?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'tertiary';
     }
     interface XvCardV2 {
         "body"?: string;
         "footer"?: string;
         "header"?: string;
         "media"?: string;
+        /**
+          * @default 'vertical'
+         */
         "variant"?: 'horizontal' | 'vertical';
     }
     interface XvCheckboxV2 {
         /**
           * Default checked status
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Disabled status
+          * @default false
          */
         "disabled"?: boolean;
         "error"?: string | boolean;
         /**
           * Using for forms
+          * @default false
          */
         "indeterminate"?: boolean;
         /**
@@ -815,27 +1175,53 @@ declare namespace LocalJSX {
         "onEventInput"?: (event: XvCheckboxV2CustomEvent<boolean>) => void;
         /**
           * Change checkmark icon to minus
+          * @default false
          */
         "partial"?: boolean;
         /**
           * Input readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * The same like default checkbox prop
+          * @default false
          */
         "required"?: boolean;
         "size"?: SIZE_VAR;
         /**
           * Input value
+          * @default 'on'
          */
         "value"?: string;
     }
+    interface XvDataTable {
+        "block"?: boolean;
+        /**
+          * @default []
+         */
+        "columnWidths"?: (string | null)[];
+        "description"?: string;
+        "label"?: string;
+        /**
+          * @default SIZE_VAR.MD
+         */
+        "size"?: SIZE_VAR;
+    }
+    interface XvDataTableCell {
+        "multiline"?: number;
+        "name"?: string;
+        "width"?: string;
+    }
+    interface XvDataTableRow {
+        "variant"?: 'checkbox';
+    }
     interface XvDropdownV2 {
         "defaultValue"?: DropdownItemData['value'];
         "disabled"?: boolean;
         "error"?: string;
         "helper"?: string;
+        "info"?: string;
         "label"?: string;
         "loading"?: boolean;
         "multiple"?: boolean;
@@ -843,6 +1229,9 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "placeholder"?: string;
         "required"?: boolean;
+        /**
+          * @default SIZE_VAR.MD
+         */
         "size"?: SIZE_VAR;
         "warning"?: string;
     }
@@ -853,93 +1242,232 @@ declare namespace LocalJSX {
      * should be created and emitted 'itemSelected' event
      */
     interface XvDropdownV2Item {
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "onItemSelected"?: (event: XvDropdownV2ItemCustomEvent<DropdownItemData>) => void;
+        /**
+          * @default false
+         */
         "selected"?: DropdownItemData['selected'];
+        /**
+          * @default ''
+         */
         "value"?: DropdownItemData['value'];
     }
+    interface XvFileUploader {
+        /**
+          * @default []
+         */
+        "accept"?: string[];
+        "addText"?: string;
+        "description"?: string;
+        "disabled"?: boolean;
+        "error"?: string;
+        /**
+          * @default []
+         */
+        "errors"?: string[] | { primary: string; secondary: string; }[];
+        /**
+          * @default []
+         */
+        "files"?: File[];
+        "label"?: string;
+        /**
+          * @default []
+         */
+        "loadingStates"?: ('loading' | 'success' | 'uploaded')[];
+        /**
+          * @default 5
+         */
+        "maxFileSizeMB"?: number;
+        /**
+          * @default 20
+         */
+        "maxFiles"?: number;
+        /**
+          * @default true
+         */
+        "multiple"?: boolean;
+        "onFilesChange"?: (event: XvFileUploaderCustomEvent<File[]>) => void;
+        /**
+          * @default SIZE_VAR.MD
+         */
+        "size"?: SIZE_VAR;
+        /**
+          * @default XvFileUploaderVariants.BUTTON
+         */
+        "variant"?: XvFileUploaderVariants;
+    }
     interface XvFooter {
     }
     interface XvHeader {
     }
     interface XvLinkV2 {
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "href"?: string;
+        /**
+          * @default 'md'
+         */
         "size"?: 'sm' | 'md' | 'lg';
         "target"?: '_self' | '_blank' | '_parent' | '_top';
+        /**
+          * @default 'inline'
+         */
         "variant"?: 'standalone' | 'inline' | 'ghost';
     }
     interface XvLoaderV2 {
         /**
           * Is component displayed
+          * @default true
          */
         "show"?: boolean;
         /**
           * Size of loader. Default size depends of font size
+          * @default SIZE_VAR.MD
          */
         "size"?: SIZE_VAR;
         /**
           * Message direction
+          * @default 'horizontal'
          */
         "variant"?: 'vertical' | 'horizontal';
     }
+    interface XvLoginModal {
+        "onClose"?: (event: XvLoginModalCustomEvent<void>) => void;
+        /**
+          * @default false
+         */
+        "visible"?: boolean;
+    }
     interface XvModalV2 {
         "onOpenChange"?: (event: XvModalV2CustomEvent<boolean>) => void;
         /**
           * Is modal opened
+          * @default false
          */
         "open"?: boolean;
         /**
           * When need scroll modal content
+          * @default true
          */
         "overflow"?: boolean;
         /**
           * If true then modal not be closed on backdrop click
+          * @default false
          */
         "permanent"?: boolean;
         /**
           * Size of modal. But max size is 90% view width
+          * @default SIZE_VAR.MD
          */
         "size"?: SIZE_VAR;
     }
     interface XvNotificationV2 {
+        /**
+          * @default false
+         */
         "dismissible"?: boolean;
         "onClose"?: (event: XvNotificationV2CustomEvent<MouseEvent>) => void;
+        /**
+          * @default NOTIFICATION_VARIANTS.INFO
+         */
         "variant"?: NOTIFICATION_VARIANTS;
     }
+    interface XvNumberInputV2 {
+        "block"?: boolean;
+        "disabled"?: boolean;
+        "error"?: string | boolean;
+        "helper"?: string;
+        "label"?: string;
+        /**
+          * @default false
+         */
+        "loading"?: boolean;
+        "max"?: number;
+        "min"?: number;
+        "name"?: string;
+        "onValueChange"?: (event: XvNumberInputV2CustomEvent<number>) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        /**
+          * @default SIZE_VAR.MD
+         */
+        "size"?: SIZE_VAR;
+        /**
+          * @default 10
+         */
+        "step"?: number;
+        "value"?: number;
+        "warning"?: string | boolean;
+    }
     interface XvOverflowMenuV2 {
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "onSelectItem"?: (event: XvOverflowMenuV2CustomEvent<OverflowMenuEvent>) => void;
+        /**
+          * @default false
+         */
         "open"?: boolean;
+        /**
+          * @default 'left'
+         */
         "position"?: 'left' | 'right';
+        /**
+          * @default SIZE_VAR.MD
+         */
         "size"?: SIZE_VAR;
     }
     interface XvOverflowMenuV2Item {
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "onItemClick"?: (event: XvOverflowMenuV2ItemCustomEvent<OverflowMenuEvent>) => void;
         "value"?: OverflowMenuEvent['value'];
+        /**
+          * @default OverflowMenuVariant.DEFAULT
+         */
         "variant"?: OverflowMenuVariant;
     }
     interface XvProgressIndicatorV2 {
         /**
           * Current progress from 0 to 100
+          * @default 0
          */
         "progress"?: number;
         /**
           * Size of progress enum SIZE_VAR possible options `XS | SM | MD | LG | XL`
+          * @default SIZE_VAR.MD
          */
         "size"?: SIZE_VAR;
         /**
           * Progress variant enum PROGRESS_VARIANTS possible option `horizontal`
+          * @default PROGRESS_VARIANTS.DEFAULT
          */
         "variant"?: PROGRESS_VARIANTS;
     }
     interface XvProgressIndicatorV2Item {
+        /**
+          * @default PROGRESS_ITEM_STATUS.NO_STARTED
+         */
         "status"?: PROGRESS_ITEM_STATUS;
     }
     interface XvTabV2 {
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "label"?: string;
+        /**
+          * @default false
+         */
         "loading"?: boolean;
         "name"?: number | string;
     }
@@ -957,7 +1485,13 @@ declare namespace LocalJSX {
         "sort"?: XV_SORT_DIR | '';
     }
     interface XvTableV2Expand {
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
+        /**
+          * @default false
+         */
         "open"?: boolean;
     }
     interface XvTableV2Row {
@@ -977,6 +1511,7 @@ declare namespace LocalJSX {
     interface XvTabsV2 {
         /**
           * Index of active tab
+          * @default 0
          */
         "active"?: number | string;
         /**
@@ -993,15 +1528,31 @@ declare namespace LocalJSX {
         "onActiveChange"?: (event: XvTabsV2CustomEvent<number | string>) => void;
         /**
           * Variant of tabs from TABS_VATIANT enum
+          * @default TABS_VATIANT.DEFAULT
          */
         "variant"?: TABS_VATIANT;
     }
     interface XvTagV2 {
+        /**
+          * @default ''
+         */
         "bg"?: string;
+        /**
+          * @default false
+         */
         "closeable"?: boolean;
+        /**
+          * @default ''
+         */
         "color"?: string;
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "onCloseClick"?: (event: XvTagV2CustomEvent<PointerEvent>) => void;
+        /**
+          * @default 'md'
+         */
         "size"?: 'sm' | 'md' | 'lg';
     }
     /**
@@ -1010,28 +1561,50 @@ declare namespace LocalJSX {
      * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
      */
     interface XvTextInputV2 {
+        "block"?: boolean;
         "disabled"?: boolean;
+        "error"?: string | boolean;
         "helper"?: string;
         "label"?: string;
+        /**
+          * @default false
+         */
         "loading"?: boolean;
         "name"?: string;
         "onValueChange"?: (event: XvTextInputV2CustomEvent<string>) => void;
         "placeholder"?: string;
         "readonly"?: boolean;
+        /**
+          * @default SIZE_VAR.MD
+         */
         "size"?: SIZE_VAR;
-        "status"?: TextInputStatus;
+        /**
+          * @default 'text'
+         */
+        "type"?: 'text' | 'email' | 'password' | 'url' | 'tel';
+        /**
+          * @default ''
+         */
         "value"?: string;
+        "warning"?: string | boolean;
     }
-    interface XvTooltipV2 {
+    interface XvToggleTip {
+        "onOpenChange"?: (event: XvToggleTipCustomEvent<boolean>) => void;
+        /**
+          * @default false
+         */
+        "open"?: boolean;
         /**
-          * Message what will be shown for tooltip *
+          * @default 'auto'
          */
+        "position"?: Placement;
+    }
+    interface XvTooltipV2 {
         "message"?: string;
-        "multiline"?: boolean;
         /**
-          * Tooltip and arrow position related to element possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'. By default, "top"
+          * @default 'auto'
          */
-        "position"?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+        "position"?: Placement;
     }
     interface IntrinsicElements {
         "xv-accordion-v2": XvAccordionV2;
@@ -1040,14 +1613,20 @@ declare namespace LocalJSX {
         "xv-button-v2": XvButtonV2;
         "xv-card-v2": XvCardV2;
         "xv-checkbox-v2": XvCheckboxV2;
+        "xv-data-table": XvDataTable;
+        "xv-data-table-cell": XvDataTableCell;
+        "xv-data-table-row": XvDataTableRow;
         "xv-dropdown-v2": XvDropdownV2;
         "xv-dropdown-v2-item": XvDropdownV2Item;
+        "xv-file-uploader": XvFileUploader;
         "xv-footer": XvFooter;
         "xv-header": XvHeader;
         "xv-link-v2": XvLinkV2;
         "xv-loader-v2": XvLoaderV2;
+        "xv-login-modal": XvLoginModal;
         "xv-modal-v2": XvModalV2;
         "xv-notification-v2": XvNotificationV2;
+        "xv-number-input-v2": XvNumberInputV2;
         "xv-overflow-menu-v2": XvOverflowMenuV2;
         "xv-overflow-menu-v2-item": XvOverflowMenuV2Item;
         "xv-progress-indicator-v2": XvProgressIndicatorV2;
@@ -1060,6 +1639,7 @@ declare namespace LocalJSX {
         "xv-tabs-v2": XvTabsV2;
         "xv-tag-v2": XvTagV2;
         "xv-text-input-v2": XvTextInputV2;
+        "xv-toggle-tip": XvToggleTip;
         "xv-tooltip-v2": XvTooltipV2;
     }
 }
@@ -1073,6 +1653,9 @@ declare module "@stencil/core" {
             "xv-button-v2": LocalJSX.XvButtonV2 & JSXBase.HTMLAttributes<HTMLXvButtonV2Element>;
             "xv-card-v2": LocalJSX.XvCardV2 & JSXBase.HTMLAttributes<HTMLXvCardV2Element>;
             "xv-checkbox-v2": LocalJSX.XvCheckboxV2 & JSXBase.HTMLAttributes<HTMLXvCheckboxV2Element>;
+            "xv-data-table": LocalJSX.XvDataTable & JSXBase.HTMLAttributes<HTMLXvDataTableElement>;
+            "xv-data-table-cell": LocalJSX.XvDataTableCell & JSXBase.HTMLAttributes<HTMLXvDataTableCellElement>;
+            "xv-data-table-row": LocalJSX.XvDataTableRow & JSXBase.HTMLAttributes<HTMLXvDataTableRowElement>;
             "xv-dropdown-v2": LocalJSX.XvDropdownV2 & JSXBase.HTMLAttributes<HTMLXvDropdownV2Element>;
             /**
              * xv-dropdown-item — custom dropdown list item
@@ -1081,12 +1664,15 @@ declare module "@stencil/core" {
              * should be created and emitted 'itemSelected' event
              */
             "xv-dropdown-v2-item": LocalJSX.XvDropdownV2Item & JSXBase.HTMLAttributes<HTMLXvDropdownV2ItemElement>;
+            "xv-file-uploader": LocalJSX.XvFileUploader & JSXBase.HTMLAttributes<HTMLXvFileUploaderElement>;
             "xv-footer": LocalJSX.XvFooter & JSXBase.HTMLAttributes<HTMLXvFooterElement>;
             "xv-header": LocalJSX.XvHeader & JSXBase.HTMLAttributes<HTMLXvHeaderElement>;
             "xv-link-v2": LocalJSX.XvLinkV2 & JSXBase.HTMLAttributes<HTMLXvLinkV2Element>;
             "xv-loader-v2": LocalJSX.XvLoaderV2 & JSXBase.HTMLAttributes<HTMLXvLoaderV2Element>;
+            "xv-login-modal": LocalJSX.XvLoginModal & JSXBase.HTMLAttributes<HTMLXvLoginModalElement>;
             "xv-modal-v2": LocalJSX.XvModalV2 & JSXBase.HTMLAttributes<HTMLXvModalV2Element>;
             "xv-notification-v2": LocalJSX.XvNotificationV2 & JSXBase.HTMLAttributes<HTMLXvNotificationV2Element>;
+            "xv-number-input-v2": LocalJSX.XvNumberInputV2 & JSXBase.HTMLAttributes<HTMLXvNumberInputV2Element>;
             "xv-overflow-menu-v2": LocalJSX.XvOverflowMenuV2 & JSXBase.HTMLAttributes<HTMLXvOverflowMenuV2Element>;
             "xv-overflow-menu-v2-item": LocalJSX.XvOverflowMenuV2Item & JSXBase.HTMLAttributes<HTMLXvOverflowMenuV2ItemElement>;
             "xv-progress-indicator-v2": LocalJSX.XvProgressIndicatorV2 & JSXBase.HTMLAttributes<HTMLXvProgressIndicatorV2Element>;
@@ -1104,6 +1690,7 @@ declare module "@stencil/core" {
              * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
              */
             "xv-text-input-v2": LocalJSX.XvTextInputV2 & JSXBase.HTMLAttributes<HTMLXvTextInputV2Element>;
+            "xv-toggle-tip": LocalJSX.XvToggleTip & JSXBase.HTMLAttributes<HTMLXvToggleTipElement>;
             "xv-tooltip-v2": LocalJSX.XvTooltipV2 & JSXBase.HTMLAttributes<HTMLXvTooltipV2Element>;
         }
     }