@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-08202.0

package/dist/types/components.d.ts

@@ -0,0 +1,3464 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { IAction } from "./components/ez-actions-button/ez-actions-button";
+import { IPosition } from "./components/ez-badge/interfaces/IPosition";
+import { IBreadcrumbItem } from "./components/ez-breadcrumb/ez-breadcrumb";
+import { CardItem } from "./components/ez-card-item/ez-card-item";
+import { CheckMode } from "./components/ez-check/CheckMode";
+import { IEzCheckBoxListPosition, IOption, ISearchArgument } from "./components/ez-combo-box/ez-combo-box";
+import { DataUnit, WaitingChange } from "@sankhyalabs/core";
+import { DialogType } from "./components/ez-dialog/DialogType";
+import { IDropdownItem, IDropdownSubAction } from "./components/ez-dropdown/structure/DropdownItem";
+import { IFormConfig, IRecordValidator } from "./utils/form/interfaces";
+import { FormItems } from "./components/ez-form-view/structure";
+import { IFormViewField } from "./components/ez-form-view/interfaces/IFormViewField";
+import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from "./components/ez-grid/controller/EzGridController";
+import { ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
+import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
+import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
+import { ListGroup, ListItem, SlotBuilder, TListMode } from "./components/ez-list/ez-list";
+import { THeightMode } from "./components/ez-modal/ez-modal";
+import { IMultiSelectionOption } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionOption";
+import { TFocusOptions } from "./components/ez-text-input/ez-text-input";
+import { IEzPopoverAnchorOptions } from "./components/ez-popover/ez-popover";
+import { Radio } from "./components/ez-radio-button/ez-radio-button";
+import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
+import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-combo-box/ez-combo-box";
+import { Tab } from "./components/ez-tabselector/ez-tabselector";
+import { IStyled } from "./components/ez-text-edit/ez-text-edit";
+import { TFocusOptions as TFocusOptions1 } from "./components/ez-text-input/ez-text-input";
+import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
+import { Node } from "./components/ez-tree/types/Node";
+import { EzFile } from "./components/ez-upload/ez-upload";
+import { IAppliedFilterColumnOptions, IFilterColumnConfigs } from "./components/ez-grid/subcomponents/filter-column";
+export namespace Components {
+    interface EzActionsButton {
+        /**
+          * Define a lista de ações. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "actions": Array<IAction>;
+        /**
+          * Se true a seta de ordenação será apresentada.
+         */
+        "arrowActive": boolean;
+        /**
+          * Se true o check será apresentado para os itens.
+         */
+        "checkOption": boolean;
+        /**
+          * Define o ícone do componente.
+         */
+        "displayIcon": string;
+        /**
+          * Se false o usuário não pode interagir com o componente.
+         */
+        "enabled": boolean;
+        /**
+          * Oculta a lista de ações.
+         */
+        "hideActions": () => Promise<void>;
+        /**
+          * Verifica se a lista de ações está aberta.
+         */
+        "isOpened": () => Promise<boolean>;
+        /**
+          * Se true o background será transparent.
+         */
+        "isTransparent": boolean;
+        /**
+          * Se true o label será apresentado.
+         */
+        "showLabel": boolean;
+        /**
+          * Determina o tamanho do ez-action-button.
+         */
+        "size": "small" | "medium" | "large";
+        /**
+          * Define o valor do componente.
+         */
+        "value": string;
+    }
+    interface EzAlert {
+        /**
+          * Define a cor e o ícone a serem exibidos no componente.
+         */
+        "alertType": 'warn' | 'critical' | 'success';
+    }
+    interface EzApplication {
+    }
+    interface EzBadge {
+        /**
+          * Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+         */
+        "iconLeft": string;
+        /**
+          * Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+         */
+        "iconRight": string;
+        /**
+          * Define o conteúdo textual ou numérico do componente.
+         */
+        "label": string;
+        /**
+          * Define a posição do ícone em relação ao elemento filho.
+         */
+        "position": IPosition;
+        /**
+          * Define o tamanho de acordo com o tipo utilizado pelo componente.
+         */
+        "size": "extra-large" | "large" | "medium" | "small-medium" | "small" | "extra-small";
+    }
+    interface EzBreadcrumb {
+        /**
+          * Define o modo de uso do Breadcrumb.
+         */
+        "fillMode": "auto" | "regular";
+        /**
+          * Lista de itens do breadcrumb.
+         */
+        "items": Array<IBreadcrumbItem>;
+        /**
+          * Define o limite máximo de itens a serem renderizados.
+         */
+        "maxItems": number;
+        /**
+          * Define a posição do Ellipsis nos itens visíveis do Breadcrumb.
+         */
+        "positionEllipsis": number;
+    }
+    interface EzButton {
+        /**
+          * Se false o usuário não pode interagir com o botão.
+         */
+        "enabled": boolean;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+         */
+        "iconName": string;
+        /**
+          * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
+         */
+        "image": string;
+        /**
+          * Texto a ser apresentado como título do botão.
+         */
+        "label": string;
+        /**
+          * Define o modo de uso do botão.
+         */
+        "mode": "regular" | "icon" | "link" | "label-icon";
+        /**
+          * Remove o foco do botão.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no botão.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Define o tamanho do ez-button.
+         */
+        "size": "small" | "medium" | "large" | undefined;
+    }
+    interface EzCalendar {
+        /**
+          * Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de espaço.
+         */
+        "fitHorizontal": (rightOffset: number) => Promise<void>;
+        /**
+          * Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de espaço.
+         */
+        "fitVertical": (topOffset: number, bottomOffset: number) => Promise<void>;
+        /**
+          * Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`.
+         */
+        "floating": boolean;
+        /**
+          * Oculta o ez-calendar.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Exibe o ez-calendar em uma posição determinada. É possível determinar o posicionamento através dos parâmetros, no formato css.
+         */
+        "show": (top?: string, left?: string, bottom?: string, right?: string) => Promise<void>;
+        /**
+          * Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`.
+         */
+        "showSeconds": boolean;
+        /**
+          * Se true a data considera horas e minutos.
+         */
+        "time": boolean;
+        /**
+          * Define o valor do calendário.
+         */
+        "value": Date;
+    }
+    interface EzCardItem {
+        /**
+          * Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`.
+         */
+        "item": CardItem;
+    }
+    interface EzCheck {
+        /**
+          * Define o modo compacto com espaçamento menor entre label e o input
+         */
+        "compact": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Obtém o modo escolhido.
+         */
+        "getMode": () => Promise<CheckMode>;
+        /**
+          * Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`).
+         */
+        "indeterminate": boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o modo de visualização do ez-check.
+         */
+        "mode": CheckMode;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Define o valor do campo.
+         */
+        "value": boolean;
+    }
+    interface EzChip {
+        /**
+          * Se false o usuário não pode interagir com o ez-chip.
+         */
+        "enabled": boolean;
+        /**
+          * Texto a ser apresentado como título do ez-chip.
+         */
+        "label": string;
+        /**
+          * Define o modo de uso do ez-chip.
+         */
+        "mode": "label" | "action";
+        /**
+          * Determina o posicionamento do botão de remover (não disponível no modo `action`).  Se não informado, não exibe o botão.
+         */
+        "removePosition": "left" | "right" | undefined;
+        /**
+          * Remove o foco do ez-chip.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no ez-chip.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.
+         */
+        "showNativeTooltip": boolean;
+        /**
+          * Define o valor do ez-chip.
+         */
+        "value": boolean;
+    }
+    interface EzCollapsibleBox {
+        /**
+          * Aplica o foco no campo de edição de título.
+         */
+        "applyFocusTextEdit": () => Promise<void>;
+        /**
+          * Define seu o componente deve ter borda
+         */
+        "boxBordered": boolean;
+        /**
+          * Cancela a edição de título.
+         */
+        "cancelEdition": () => Promise<void>;
+        /**
+          * Define uma condição para salvar ou não uma alteração.
+         */
+        "conditionalSave": Function;
+        /**
+          * Se true mostra o ícone para edição do componente.
+         */
+        "editable": boolean;
+        /**
+          * Define a posição do conteúdo do cabeçalho do componente.
+         */
+        "headerAlign": "center" | "left" | "right" | "stretch" | undefined;
+        /**
+          * Define o tamanho do texto e do ícone.
+         */
+        "headerSize": "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
+        /**
+          * Define o posicionamento do ícone.
+         */
+        "iconPlacement": "left" | "right";
+        /**
+          * Texto a ser apresentado como título do componente.
+         */
+        "label": string;
+        /**
+          * Se true mostra o ícone para remoção do componente.
+         */
+        "removable": boolean;
+        /**
+          * Oculta/mostra o conteúdo do ez-collapsible-box.
+         */
+        "showHide": () => Promise<void>;
+        /**
+          * Texto a ser apresentado como subtítulo do componente.
+         */
+        "subtitle": string;
+        /**
+          * Define o valor do componente.
+         */
+        "value": boolean;
+    }
+    interface EzComboBox {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Limpa o valor do campo de pesquisa
+         */
+        "clearValue": () => Promise<void>;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        "getValueAsync": () => Promise<unknown>;
+        /**
+          * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
+         */
+        "hideErrorOnFocusOut": boolean;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Informa se a pesquisa é do tipo texto.
+         */
+        "isTextSearch": boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define um posicionamento fixo para a lista de opções do CheckBox.
+         */
+        "listOptionsPosition": IEzCheckBoxListPosition;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Carrega as opções dinamicamente.
+         */
+        "optionLoader": (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+        /**
+          * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "options": Array<IOption>;
+        /**
+          * Se true ativa o modo pesquisa do ez-combo-box.
+         */
+        "searchMode": boolean;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Se true cada opção na lista exibe o `value` junto com `label`.
+         */
+        "showOptionValue": boolean;
+        /**
+          * Se true a opção selecionada exibe o `value` junto com `label`.
+         */
+        "showSelectedValue": boolean;
+        /**
+          * Se true remove a opção vazia da lista.
+         */
+        "suppressEmptyOption": boolean;
+        /**
+          * Se true desabilita a digitação dentro do componente.
+         */
+        "suppressSearch": boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value": IOption | string;
+    }
+    interface EzDateInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        "getValueAsync": () => Promise<Date>;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Define o valor do campo.
+         */
+        "value": Date;
+    }
+    interface EzDateTimeInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        "getValueAsync": () => Promise<Date>;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Se true considera segundos.
+         */
+        "showSeconds": boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value": Date;
+    }
+    interface EzDialog {
+        /**
+          * Define função a ser executada antes de fechar o modal
+         */
+        "beforeClose": Function;
+        /**
+          * Define se o ez-dialog será utilizado no modo de confirmação.
+         */
+        "confirm": boolean;
+        /**
+          * Define aparência do ez-dialog.
+         */
+        "dialogType": DialogType;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "ezTitle": string;
+        /**
+          * Define a menssagem exibida no ez-dialog.
+         */
+        "message": string;
+        /**
+          * Define se o ez-dialog está aberto.
+         */
+        "opened": boolean;
+        /**
+          * Define o ícone a ser exibido.
+         */
+        "personalizedIconPath": string;
+        /**
+          * Exibe o ez-dialog.
+         */
+        "show": (title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean, beforeClose: Function) => Promise<boolean>;
+    }
+    interface EzDropdown {
+        /**
+          * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement.
+         */
+        "itemBuilder": (item: IDropdownItem, level: number) => HTMLElement | string;
+        /**
+          * Lista de itens que vão ser apresentados no dropdown.
+         */
+        "items": Array<IDropdownItem>;
+        /**
+          * Último item que recebeu o click.
+         */
+        "value": IDropdownItem;
+    }
+    interface EzFileItem {
+        /**
+          * Define se o usuário pode remover o arquivo que está sendo apresentado.
+         */
+        "canRemove": boolean;
+        /**
+          * Define o nome do arquivo, com extensão.
+         */
+        "fileName": string;
+        /**
+          * Tamanho do arquivo (em bytes).
+         */
+        "fileSize": number;
+        /**
+          * Define qual ícone que representa o arquivo.
+         */
+        "iconName": string;
+        /**
+          * Percentual de carregamento do arquivo para o servidor.
+         */
+        "progress": number;
+    }
+    interface EzFilterInput {
+        /**
+          * Define se o campo irá funcionar de forma assíncrona.
+         */
+        "asyncSearch": boolean;
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Método responsável por resetar o valor do campo para o ultimo valor inputado.
+         */
+        "endSearch": () => Promise<void>;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Restringe o que o usuário pode digitar.
+         */
+        "restrict": string;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Método responsável por setar um novo valor ao campo.
+         */
+        "setValue": (newValue: string) => Promise<void>;
+        /**
+          * Define o valor do campo.
+         */
+        "value": string;
+    }
+    interface EzForm {
+        /**
+          * Configuração do formulário.
+         */
+        "config": IFormConfig;
+        /**
+          * Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Define um validador responsável pela integridade dos registros.
+         */
+        "recordsValidator": IRecordValidator;
+        /**
+          * Realiza validação no conteúdo de todos os campos.
+         */
+        "validate": () => Promise<void>;
+    }
+    interface EzFormView {
+        /**
+          * Define a lista de metadados usada para criar os campos de user interface.
+         */
+        "fields": Array<IFormViewField>;
+        "showUp": () => Promise<void>;
+    }
+    interface EzGrid {
+        /**
+          * Adiciona item de menu nas colunas.
+         */
+        "addColumnMenuItem": (label: string, name: string, action: Function, icon: HTMLElement | string) => Promise<void>;
+        /**
+          * Define se a edição está habilitada na grid.
+         */
+        "canEdit": boolean;
+        /**
+          * Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas.
+         */
+        "columnfilterDataSource": IMultiSelectionListDataSource;
+        /**
+          * Configuração de exibição da grade.
+         */
+        "config": IGridConfig;
+        /**
+          * Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos.
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Obtém a lista de definição de colunas.
+         */
+        "getColumns": () => Promise<Array<EzGridColumn>>;
+        /**
+          * Obtém o estado atual das colunas.
+         */
+        "getColumnsState": () => Promise<Array<EzGridColumn>>;
+        /**
+          * Obtém as linhas selecionadas.
+         */
+        "getSelection": () => Promise<Array<any>>;
+        /**
+          * Habilita a seleção de várias linhas.
+         */
+        "multipleSelection": boolean;
+        /**
+          * Aplica um filtro rápido.
+         */
+        "quickFilter": (term: string) => Promise<void>;
+        /**
+          * Define um validador responsável pela integridade dos registros.
+         */
+        "recordsValidator": IRecordValidator;
+        /**
+          * Configuração da seleção de grade no toast.
+         */
+        "selectionToastConfig": ISelectionToastConfig;
+        /**
+          * Endereço do servidor para obtenção dos dados.
+         */
+        "serverUrl": string;
+        /**
+          * Aplica a definição de colunas.
+         */
+        "setColumnsDef": (cols: Array<EzGridColumn>) => Promise<void>;
+        /**
+          * Aplica o estado das colunas.
+         */
+        "setColumnsState": (state: Array<EzGridColumnConfig>) => Promise<void>;
+        /**
+          * Insere os registros no ez-grid.
+         */
+        "setData": (data: Array<any>) => Promise<void>;
+        /**
+          * Define um `IStatusResolver` responsável pelo estado da coluna de status.
+         */
+        "statusResolver": IStatusResolver | StatusResolverFunction;
+        /**
+          * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
+         */
+        "useEnterLikeTab": boolean;
+    }
+    interface EzGuideNavigator {
+        /**
+          * Desabilita um ou mais itens.
+         */
+        "disableItem": (id: string | Array<string>) => Promise<void>;
+        /**
+          * Habilita um ou mais itens.
+         */
+        "enableItem": (id: string | Array<string>) => Promise<void>;
+        /**
+          * Obtem um array do caminho de itens da seleção atual.
+          * @returns Retorna um array do caminho de itens da seleção atual.
+         */
+        "getCurrentPath": () => Promise<Array<IGuideItem>>;
+        /**
+          * Obtem um item pelo id
+         */
+        "getItem": (id: string) => Promise<IGuideItem>;
+        /**
+          * Obtem o item pai a partir de um id
+         */
+        "getParent": (id: string) => Promise<IGuideItem>;
+        /**
+          * Lista de itens do menu de navegação.
+         */
+        "items": Array<IGuideItem>;
+        /**
+          * Define se o menu de navegação está aberto.
+         */
+        "open": boolean;
+        /**
+          * Seleciona o item desejado pelo ID.
+          * @param id - ID do item que receberá a seleção.
+         */
+        "selectGuide": (id: string) => Promise<void>;
+        /**
+          * Define o id do item selecionado.
+         */
+        "selectedId": string;
+        /**
+          * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+         */
+        "tooltipResolver": (item: IGuideItem, enabled: boolean, level: number) => string;
+        /**
+          * Atualiza um ou mais items
+         */
+        "updateItem": (item: IGuideItem | Array<IGuideItem>) => Promise<void>;
+    }
+    interface EzIcon {
+        /**
+          * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
+         */
+        "href": string;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+         */
+        "iconName": string;
+        /**
+          * Define o tamanho do ícone.
+         */
+        "size": "x-small" | "small"| "medium" | "large" | "x-large";
+    }
+    interface EzList {
+        /**
+          * Limpa o histórico da lista.
+         */
+        "clearHistory": () => Promise<void>;
+        /**
+          * Define a lista inicial do componente.
+         */
+        "dataSource": Array<ListGroup | ListItem>;
+        /**
+          * Se true habilita `drag and drop` para os itens.
+         */
+        "ezDraggable": boolean;
+        /**
+          * Se true os itens serão selecionáveis.
+         */
+        "ezSelectable": boolean;
+        /**
+          * Obtém a lista de items ou grupos.
+         */
+        "getList": () => Promise<Array<ListItem | ListGroup>>;
+        /**
+          * Obtém o item selecionado.
+         */
+        "getSelection": () => Promise<ListItem>;
+        /**
+          * Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista.
+         */
+        "hoverFeedback": boolean;
+        /**
+          * Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement.
+         */
+        "itemLeftSlotBuilder": SlotBuilder;
+        /**
+          * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement.
+         */
+        "itemSlotBuilder": SlotBuilder;
+        /**
+          * Define o modo de apresentação da lista.
+         */
+        "listMode"?: keyof TListMode;
+        /**
+          * Limpa a seleção atual
+         */
+        "removeSelection": () => Promise<void>;
+        /**
+          * Traz o conteúdo da lista para a área visível.
+         */
+        "scrollToTop": () => Promise<void>;
+        /**
+          * Aplica seleção nas linhas da lista.
+         */
+        "setSelection": (selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>;
+        /**
+          * Se true os grupos serão exibidos.
+         */
+        "useGroups": boolean;
+    }
+    interface EzLoadingBar {
+        /**
+          * Oculta o ez-loading-bar.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Exibe o ez-loading-bar.
+         */
+        "show": () => Promise<void>;
+    }
+    interface EzModal {
+        /**
+          * Define o alinhamento do ez-modal.
+         */
+        "align": "right" | "left";
+        /**
+          * Define se o ez-modal será fechado ao clicar `ESC`.
+         */
+        "closeEsc": boolean;
+        /**
+          * Define se o modal será fechado ao clicar fora do conteúdo.
+         */
+        "closeOutsideClick": boolean;
+        /**
+          * Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível.
+         */
+        "heightMode"?: keyof THeightMode;
+        /**
+          * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`.
+         */
+        "modalSize": string;
+        /**
+          * Define se o ez-modal está aberto.
+         */
+        "opened": boolean;
+        /**
+          * Define o tipo de scrim a ser aplicado no overlay do modal
+         */
+        "scrim": "medium" | "light";
+    }
+    interface EzModalContainer {
+        /**
+          * Define o texto do botão de cancelamento.
+         */
+        "cancelButtonLabel": string;
+        /**
+          * Define o estado do botão de cancelamento.
+         */
+        "cancelButtonStatus": "HIDDEN"|"ENABLED"|"DISABLED";
+        /**
+          * Texto do subtítulo, geralmente usado para orientação do usuário.
+         */
+        "modalSubTitle": string;
+        /**
+          * Texto a ser apresentado como título do modal.
+         */
+        "modalTitle": string;
+        /**
+          * Determina o texto do botão de confirmação.
+         */
+        "okButtonLabel": string;
+        /**
+          * Define o estado do botão de confirmação.
+         */
+        "okButtonStatus": "HIDDEN"|"ENABLED"|"DISABLED";
+        /**
+          * Define se o cabeçalho será mostrado.
+         */
+        "showTitleBar": boolean;
+    }
+    interface EzMultiSelectionList {
+        "clearFilteredOptions": () => Promise<void>;
+        /**
+          * Nome da coluna onde serão aplicadas as opções selecionadas.
+         */
+        "columnName": string;
+        /**
+          * Classe que implementa o método fetchData, responsável por realizar a pesquisa dos dados, com base no termo informado pelo usuário.
+         */
+        "dataSource": IMultiSelectionListDataSource;
+        /**
+          * Informa se a pesquisa é do tipo texto.
+         */
+        "isTextSearch": boolean;
+        /**
+          * Opções de filtros a serem exibidas na listagem.
+         */
+        "options": IMultiSelectionOption[];
+        /**
+          * Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false)
+         */
+        "useOptions": boolean;
+    }
+    interface EzNumberInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Se false, o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        "getValueAsync": () => Promise<number>;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento.
+         */
+        "precision": number;
+        /**
+          * Define qual é o mínimo de casas depois da vírgula. Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`.
+         */
+        "prettyPrecision": number;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": (options?: TFocusOptions) => Promise<void>;
+        /**
+          * Define o valor do campo.
+         */
+        "value": number;
+    }
+    interface EzPopover {
+        /**
+          * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+         */
+        "autoClose": boolean;
+        /**
+          * Ajusta o comportamento da largura do popover.
+         */
+        "boxWidth": "full-width" | "fit-content";
+        /**
+          * Oculta o ez-popover.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Define as tags que serão consideradas conteúdo.
+         */
+        "innerElement": Array<string> | string;
+        /**
+          * Define se o ez-popover está aberto.
+         */
+        "opened": boolean;
+        /**
+          * Define o tipo de overlay do popover.
+         */
+        "overlayType": "medium" | "light" | "none";
+        /**
+          * Exibe o ez-popover.
+         */
+        "show": (top?: string, left?: string) => Promise<void>;
+        /**
+          * Ancora a exibição do popOver a um elemento HTML.
+         */
+        "showUnder": (element: HTMLElement, options?: IEzPopoverAnchorOptions) => Promise<void>;
+        /**
+          * Atualiza a posição do popover.
+         */
+        "updatePosition": (top?: string, left?: string) => Promise<void>;
+    }
+    interface EzPopup {
+        /**
+          * Texto a ser apresentado como título do componente.
+         */
+        "ezTitle": string;
+        /**
+          * Define altura do componente.
+         */
+        "heightMode": "auto" | "full";
+        /**
+          * Define se o ez-popover está aberto.
+         */
+        "opened": boolean;
+        /**
+          * Define a largura do ez-popup.
+         */
+        "size": "x-small" | "small" | "medium" | "large" | "x-large";
+        /**
+          * Define se o componente utilizará cabeçalho.
+         */
+        "useHeader": boolean;
+    }
+    interface EzRadioButton {
+        /**
+          * Define a direção dos itens.
+         */
+        "direction": "vertical" | "horizontal";
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define as opções que serão apresentadas
+         */
+        "options": Array<Radio>;
+        /**
+          * Define o valor do campo.
+         */
+        "value": any;
+    }
+    interface EzScroller {
+        /**
+          * Define se haverá efeito de sombreado.
+         */
+        "activeShadow": boolean;
+        /**
+          * Define a direção em que haverá scroll.
+         */
+        "direction": EzScrollDirection;
+        /**
+          * Define se o `scroll` estará bloqueado.
+         */
+        "locked": boolean;
+    }
+    interface EzSearch {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Limpa o valor do campo de pesquisa
+         */
+        "clearValue": () => Promise<void>;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        "getValueAsync": () => Promise<unknown>;
+        /**
+          * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
+         */
+        "hideErrorOnFocusOut": boolean;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Informa se a pesquisa é do tipo texto.
+         */
+        "isTextSearch": boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define um posicionamento fixo para a lista de opções do CheckBox.
+         */
+        "listOptionsPosition": IEzCheckBoxListPosition1;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Carrega as opções dinamicamente.
+         */
+        "optionLoader": (argument: ISearchArgument1) => Promise<Array<IOption1>> | Array<IOption1> | IOption1;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Se false cada opção na lista deve exibir somente o `label`.
+         */
+        "showOptionValue": boolean;
+        /**
+          * Se false a opção selecionada deve exibir somente o `label`.
+         */
+        "showSelectedValue": boolean;
+        /**
+          * Se true remove a opção vazia da lista.
+         */
+        "suppressEmptyOption": boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value": IOption1 | string;
+    }
+    interface EzSidebarButton {
+    }
+    interface EzSkeleton {
+        /**
+          * Animation type
+          * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
+          * @memberof Skeleton
+         */
+        "animation": 'progress' | 'progress-dark' | 'pulse' | 'false';
+        /**
+          * Number of rows of current skeleton type
+          * @memberof Skeleton
+         */
+        "count": number;
+        /**
+          * Height of the skeleton ex. 100px, 100%, auto etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "height": string;
+        /**
+          * MarginBottom of the skeleton ex. 10px, 0 etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "marginBottom": string;
+        /**
+          * Variant of the skeleton - circle or row
+          * @type {('circle' | '')}
+          * @memberof Skeleton
+         */
+        "variant": 'circle' | 'rect' | 'text';
+        /**
+          * Width of the skeleton ex. 100px, 100%, auto etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "width": string;
+    }
+    interface EzTabselector {
+        /**
+          * Define o index da aba selecionada.
+         */
+        "selectedIndex": number;
+        /**
+          * Define a aba selecionada.
+         */
+        "selectedTab": string;
+        /**
+          * Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração.
+         */
+        "tabs": string | Array<Tab>;
+    }
+    interface EzTextArea {
+        /**
+          * Adiciona o argumento text no value do text area, seguindo as regras: - Se o cursor do mouse está posicionado em algum local do texto, o argumento será adicionado nesse local. - Se existir uma seleção no texto, o trecho selecionado deve ser substituído pelo argumento. - Se não existir seleção nem posicionamento do cursor do mouse, o argumento será adicionado no final do texto.
+          * @param text : texto que irá ser adicionado
+         */
+        "appendTextToSelection": (text: string) => Promise<void>;
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Ativa a opção de fazer resize do input.
+         */
+        "enableResize": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Define o número de linhas.
+         */
+        "rows": number;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Define o valor do campo.
+         */
+        "value": string;
+    }
+    interface EzTextEdit {
+        /**
+          * Aplica foco no campo.
+         */
+        "applyFocusSelect": () => Promise<void>;
+        /**
+          * Define atributos do estilo.
+         */
+        "styled": IStyled;
+        /**
+          * Define o valor do campo.
+         */
+        "value": string;
+    }
+    interface EzTextInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Aplica uma máscara no conteúdo conforme o padrão estabelecido
+         */
+        "mask": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Se true o campo não terá bordas.
+         */
+        "noBorder": boolean;
+        /**
+          * Restringe o que o usuário pode digitar.
+         */
+        "restrict": string;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": (options?: TFocusOptions) => Promise<void>;
+        /**
+          * Define o valor do campo.
+         */
+        "value": string;
+    }
+    interface EzTimeInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": ({ selectText }: TFocusOptions) => Promise<void>;
+        /**
+          * Se true considera segundos.
+         */
+        "showSeconds": boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value": number;
+    }
+    interface EzToast {
+        /**
+          * Se false, o usuário não consegue fechar.
+         */
+        "canClose": boolean;
+        /**
+          * Define o tempo de exibição em milissegundos.
+         */
+        "fadeTime": number;
+        /**
+          * Mensagem a ser exibida no componente.
+         */
+        "message": string;
+        /**
+          * Exibe o ez-toast.
+         */
+        "show": (message: string, fadeTime: number, useIcon: boolean, canClose?: boolean) => Promise<void>;
+        /**
+          * Se true permite a utilização do slot de ícone.
+         */
+        "useIcon": boolean;
+    }
+    interface EzTree {
+        /**
+          * Adiciona um ou mais itens. Opcionalmente pode-se determinar a qual item da árvore será anexado o item. Caso não informado parentId, adiciona no item selecionado. Observação para carga dinâmica (Lazyload): O parentId deve ser um item carregado atualmente na árvore.
+         */
+        "addChild": (item: ITreeItem, parentId?: string) => Promise<void>;
+        /**
+          * Efetua a seleção de um item.
+         */
+        "applyFilter": (pattern: string) => Promise<void>;
+        /**
+          * Desabilita um ou mais itens.
+         */
+        "disableItem": (id: string | Array<string>) => Promise<void>;
+        /**
+          * Habilita um ou mais itens.
+         */
+        "enableItem": (id: string | Array<string>) => Promise<void>;
+        /**
+          * Obtem um array do caminho de itens da seleção atual.
+          * @returns Retorna um array do caminho de itens da seleção atual.
+         */
+        "getCurrentPath": () => Promise<Array<ITreeItem>>;
+        /**
+          * Obtem um item pelo id
+         */
+        "getItem": (id: string) => Promise<ITreeItem>;
+        /**
+          * Obtem o item pai a partir de um id
+         */
+        "getParent": (id: string) => Promise<ITreeItem>;
+        /**
+          * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS.
+         */
+        "iconResolver": (item: ITreeItem, expanded: boolean, level: number) => string;
+        /**
+          * Define os itens apresentados na árvore.
+         */
+        "items": Array<ITreeItem>;
+        /**
+          * Realiza a abertura de um item, incluindo a hieraquia acima. Observação para carga dinâmica (Lazyload): O item solicitado já deve estar carregado na lista. Nos casos onde o item ainda não esteja  carregado o id pode ser uma string no formato "id1>>id2>>id3", tornando possível a carga a partir de um ponto já carregado.
+         */
+        "openItem": (id: string) => Promise<void>;
+        /**
+          * Efetua a seleção de um item.
+         */
+        "selectItem": (id: string) => Promise<void>;
+        /**
+          * Forma alternativa para atribuir o item selecionado por seu ID.
+         */
+        "selectedId": string;
+        /**
+          * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+         */
+        "tooltipResolver": (item: ITreeItem, enabled: boolean, level: number) => string;
+        /**
+          * Atualiza um item
+         */
+        "updateItem": (item: ITreeItem) => Promise<void>;
+        /**
+          * Define o item selecionado na árvore.
+         */
+        "value": ITreeItem;
+    }
+    interface EzUpload {
+        /**
+          * Adiciona arquivos.
+         */
+        "addFiles": (files: Array<File>) => Promise<void>;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho máximo (em bytes) de cada arquivo que pode ser transferido
+         */
+        "maxFileSize": number;
+        /**
+          * Define um limite para a quantidade de arquivos
+         */
+        "maxFiles": number;
+        /**
+          * Headers para a requisição Http
+         */
+        "requestHeaders": any;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Define o subtítulo utilizado no campo de upload
+         */
+        "subtitle": string;
+        /**
+          * Define a URL de deleção
+         */
+        "urlDelete": string;
+        /**
+          * Define a URL de upload
+         */
+        "urlUpload": string;
+        /**
+          * Define o valor do campo.
+         */
+        "value": Array<EzFile>;
+    }
+    interface EzViewStack {
+        /**
+          * Obtem o índice selecionado.
+         */
+        "getSelectedIndex": () => Promise<number>;
+        /**
+          * Exibe a visão de acordo com o índice.
+         */
+        "show": (index: number) => Promise<void>;
+    }
+    interface FilterColumn {
+        "columnLabel": string;
+        "columnName": string;
+        "dataSource": IMultiSelectionListDataSource;
+        "dataUnit": DataUnit;
+        "gridHeaderHidden": boolean;
+        "hide": () => Promise<void>;
+        "noHeaderTaskBar": boolean;
+        "opened": boolean;
+        "options": IMultiSelectionOption[];
+        /**
+          * Abre o filtro de coluna.
+          * @Params IFilterColumnConfigs informações para configurar o filtro
+         */
+        "show": (configs: IFilterColumnConfigs) => Promise<void>;
+    }
+    interface MultiSelectionBoxMessage {
+        "message": string;
+    }
+}
+export interface EzActionsButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzActionsButtonElement;
+}
+export interface EzApplicationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzApplicationElement;
+}
+export interface EzBreadcrumbCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzBreadcrumbElement;
+}
+export interface EzCalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzCalendarElement;
+}
+export interface EzCardItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzCardItemElement;
+}
+export interface EzCheckCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzCheckElement;
+}
+export interface EzChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzChipElement;
+}
+export interface EzCollapsibleBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzCollapsibleBoxElement;
+}
+export interface EzComboBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzComboBoxElement;
+}
+export interface EzDateInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzDateInputElement;
+}
+export interface EzDateTimeInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzDateTimeInputElement;
+}
+export interface EzDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzDialogElement;
+}
+export interface EzDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzDropdownElement;
+}
+export interface EzFileItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzFileItemElement;
+}
+export interface EzFilterInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzFilterInputElement;
+}
+export interface EzFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzFormElement;
+}
+export interface EzFormViewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzFormViewElement;
+}
+export interface EzGridCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzGridElement;
+}
+export interface EzGuideNavigatorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzGuideNavigatorElement;
+}
+export interface EzListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzListElement;
+}
+export interface EzModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzModalElement;
+}
+export interface EzModalContainerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzModalContainerElement;
+}
+export interface EzMultiSelectionListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzMultiSelectionListElement;
+}
+export interface EzNumberInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzNumberInputElement;
+}
+export interface EzPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzPopoverElement;
+}
+export interface EzPopupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzPopupElement;
+}
+export interface EzRadioButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzRadioButtonElement;
+}
+export interface EzSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSearchElement;
+}
+export interface EzSidebarButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSidebarButtonElement;
+}
+export interface EzTabselectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzTabselectorElement;
+}
+export interface EzTextAreaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzTextAreaElement;
+}
+export interface EzTextEditCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzTextEditElement;
+}
+export interface EzTextInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzTextInputElement;
+}
+export interface EzTimeInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzTimeInputElement;
+}
+export interface EzTreeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzTreeElement;
+}
+export interface EzUploadCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzUploadElement;
+}
+export interface FilterColumnCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFilterColumnElement;
+}
+declare global {
+    interface HTMLEzActionsButtonElement extends Components.EzActionsButton, HTMLStencilElement {
+    }
+    var HTMLEzActionsButtonElement: {
+        prototype: HTMLEzActionsButtonElement;
+        new (): HTMLEzActionsButtonElement;
+    };
+    interface HTMLEzAlertElement extends Components.EzAlert, HTMLStencilElement {
+    }
+    var HTMLEzAlertElement: {
+        prototype: HTMLEzAlertElement;
+        new (): HTMLEzAlertElement;
+    };
+    interface HTMLEzApplicationElement extends Components.EzApplication, HTMLStencilElement {
+    }
+    var HTMLEzApplicationElement: {
+        prototype: HTMLEzApplicationElement;
+        new (): HTMLEzApplicationElement;
+    };
+    interface HTMLEzBadgeElement extends Components.EzBadge, HTMLStencilElement {
+    }
+    var HTMLEzBadgeElement: {
+        prototype: HTMLEzBadgeElement;
+        new (): HTMLEzBadgeElement;
+    };
+    interface HTMLEzBreadcrumbElement extends Components.EzBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLEzBreadcrumbElement: {
+        prototype: HTMLEzBreadcrumbElement;
+        new (): HTMLEzBreadcrumbElement;
+    };
+    interface HTMLEzButtonElement extends Components.EzButton, HTMLStencilElement {
+    }
+    var HTMLEzButtonElement: {
+        prototype: HTMLEzButtonElement;
+        new (): HTMLEzButtonElement;
+    };
+    interface HTMLEzCalendarElement extends Components.EzCalendar, HTMLStencilElement {
+    }
+    var HTMLEzCalendarElement: {
+        prototype: HTMLEzCalendarElement;
+        new (): HTMLEzCalendarElement;
+    };
+    interface HTMLEzCardItemElement extends Components.EzCardItem, HTMLStencilElement {
+    }
+    var HTMLEzCardItemElement: {
+        prototype: HTMLEzCardItemElement;
+        new (): HTMLEzCardItemElement;
+    };
+    interface HTMLEzCheckElement extends Components.EzCheck, HTMLStencilElement {
+    }
+    var HTMLEzCheckElement: {
+        prototype: HTMLEzCheckElement;
+        new (): HTMLEzCheckElement;
+    };
+    interface HTMLEzChipElement extends Components.EzChip, HTMLStencilElement {
+    }
+    var HTMLEzChipElement: {
+        prototype: HTMLEzChipElement;
+        new (): HTMLEzChipElement;
+    };
+    interface HTMLEzCollapsibleBoxElement extends Components.EzCollapsibleBox, HTMLStencilElement {
+    }
+    var HTMLEzCollapsibleBoxElement: {
+        prototype: HTMLEzCollapsibleBoxElement;
+        new (): HTMLEzCollapsibleBoxElement;
+    };
+    interface HTMLEzComboBoxElement extends Components.EzComboBox, HTMLStencilElement {
+    }
+    var HTMLEzComboBoxElement: {
+        prototype: HTMLEzComboBoxElement;
+        new (): HTMLEzComboBoxElement;
+    };
+    interface HTMLEzDateInputElement extends Components.EzDateInput, HTMLStencilElement {
+    }
+    var HTMLEzDateInputElement: {
+        prototype: HTMLEzDateInputElement;
+        new (): HTMLEzDateInputElement;
+    };
+    interface HTMLEzDateTimeInputElement extends Components.EzDateTimeInput, HTMLStencilElement {
+    }
+    var HTMLEzDateTimeInputElement: {
+        prototype: HTMLEzDateTimeInputElement;
+        new (): HTMLEzDateTimeInputElement;
+    };
+    interface HTMLEzDialogElement extends Components.EzDialog, HTMLStencilElement {
+    }
+    var HTMLEzDialogElement: {
+        prototype: HTMLEzDialogElement;
+        new (): HTMLEzDialogElement;
+    };
+    interface HTMLEzDropdownElement extends Components.EzDropdown, HTMLStencilElement {
+    }
+    var HTMLEzDropdownElement: {
+        prototype: HTMLEzDropdownElement;
+        new (): HTMLEzDropdownElement;
+    };
+    interface HTMLEzFileItemElement extends Components.EzFileItem, HTMLStencilElement {
+    }
+    var HTMLEzFileItemElement: {
+        prototype: HTMLEzFileItemElement;
+        new (): HTMLEzFileItemElement;
+    };
+    interface HTMLEzFilterInputElement extends Components.EzFilterInput, HTMLStencilElement {
+    }
+    var HTMLEzFilterInputElement: {
+        prototype: HTMLEzFilterInputElement;
+        new (): HTMLEzFilterInputElement;
+    };
+    interface HTMLEzFormElement extends Components.EzForm, HTMLStencilElement {
+    }
+    var HTMLEzFormElement: {
+        prototype: HTMLEzFormElement;
+        new (): HTMLEzFormElement;
+    };
+    interface HTMLEzFormViewElement extends Components.EzFormView, HTMLStencilElement {
+    }
+    var HTMLEzFormViewElement: {
+        prototype: HTMLEzFormViewElement;
+        new (): HTMLEzFormViewElement;
+    };
+    interface HTMLEzGridElement extends Components.EzGrid, HTMLStencilElement {
+    }
+    var HTMLEzGridElement: {
+        prototype: HTMLEzGridElement;
+        new (): HTMLEzGridElement;
+    };
+    interface HTMLEzGuideNavigatorElement extends Components.EzGuideNavigator, HTMLStencilElement {
+    }
+    var HTMLEzGuideNavigatorElement: {
+        prototype: HTMLEzGuideNavigatorElement;
+        new (): HTMLEzGuideNavigatorElement;
+    };
+    interface HTMLEzIconElement extends Components.EzIcon, HTMLStencilElement {
+    }
+    var HTMLEzIconElement: {
+        prototype: HTMLEzIconElement;
+        new (): HTMLEzIconElement;
+    };
+    interface HTMLEzListElement extends Components.EzList, HTMLStencilElement {
+    }
+    var HTMLEzListElement: {
+        prototype: HTMLEzListElement;
+        new (): HTMLEzListElement;
+    };
+    interface HTMLEzLoadingBarElement extends Components.EzLoadingBar, HTMLStencilElement {
+    }
+    var HTMLEzLoadingBarElement: {
+        prototype: HTMLEzLoadingBarElement;
+        new (): HTMLEzLoadingBarElement;
+    };
+    interface HTMLEzModalElement extends Components.EzModal, HTMLStencilElement {
+    }
+    var HTMLEzModalElement: {
+        prototype: HTMLEzModalElement;
+        new (): HTMLEzModalElement;
+    };
+    interface HTMLEzModalContainerElement extends Components.EzModalContainer, HTMLStencilElement {
+    }
+    var HTMLEzModalContainerElement: {
+        prototype: HTMLEzModalContainerElement;
+        new (): HTMLEzModalContainerElement;
+    };
+    interface HTMLEzMultiSelectionListElement extends Components.EzMultiSelectionList, HTMLStencilElement {
+    }
+    var HTMLEzMultiSelectionListElement: {
+        prototype: HTMLEzMultiSelectionListElement;
+        new (): HTMLEzMultiSelectionListElement;
+    };
+    interface HTMLEzNumberInputElement extends Components.EzNumberInput, HTMLStencilElement {
+    }
+    var HTMLEzNumberInputElement: {
+        prototype: HTMLEzNumberInputElement;
+        new (): HTMLEzNumberInputElement;
+    };
+    interface HTMLEzPopoverElement extends Components.EzPopover, HTMLStencilElement {
+    }
+    var HTMLEzPopoverElement: {
+        prototype: HTMLEzPopoverElement;
+        new (): HTMLEzPopoverElement;
+    };
+    interface HTMLEzPopupElement extends Components.EzPopup, HTMLStencilElement {
+    }
+    var HTMLEzPopupElement: {
+        prototype: HTMLEzPopupElement;
+        new (): HTMLEzPopupElement;
+    };
+    interface HTMLEzRadioButtonElement extends Components.EzRadioButton, HTMLStencilElement {
+    }
+    var HTMLEzRadioButtonElement: {
+        prototype: HTMLEzRadioButtonElement;
+        new (): HTMLEzRadioButtonElement;
+    };
+    interface HTMLEzScrollerElement extends Components.EzScroller, HTMLStencilElement {
+    }
+    var HTMLEzScrollerElement: {
+        prototype: HTMLEzScrollerElement;
+        new (): HTMLEzScrollerElement;
+    };
+    interface HTMLEzSearchElement extends Components.EzSearch, HTMLStencilElement {
+    }
+    var HTMLEzSearchElement: {
+        prototype: HTMLEzSearchElement;
+        new (): HTMLEzSearchElement;
+    };
+    interface HTMLEzSidebarButtonElement extends Components.EzSidebarButton, HTMLStencilElement {
+    }
+    var HTMLEzSidebarButtonElement: {
+        prototype: HTMLEzSidebarButtonElement;
+        new (): HTMLEzSidebarButtonElement;
+    };
+    interface HTMLEzSkeletonElement extends Components.EzSkeleton, HTMLStencilElement {
+    }
+    var HTMLEzSkeletonElement: {
+        prototype: HTMLEzSkeletonElement;
+        new (): HTMLEzSkeletonElement;
+    };
+    interface HTMLEzTabselectorElement extends Components.EzTabselector, HTMLStencilElement {
+    }
+    var HTMLEzTabselectorElement: {
+        prototype: HTMLEzTabselectorElement;
+        new (): HTMLEzTabselectorElement;
+    };
+    interface HTMLEzTextAreaElement extends Components.EzTextArea, HTMLStencilElement {
+    }
+    var HTMLEzTextAreaElement: {
+        prototype: HTMLEzTextAreaElement;
+        new (): HTMLEzTextAreaElement;
+    };
+    interface HTMLEzTextEditElement extends Components.EzTextEdit, HTMLStencilElement {
+    }
+    var HTMLEzTextEditElement: {
+        prototype: HTMLEzTextEditElement;
+        new (): HTMLEzTextEditElement;
+    };
+    interface HTMLEzTextInputElement extends Components.EzTextInput, HTMLStencilElement {
+    }
+    var HTMLEzTextInputElement: {
+        prototype: HTMLEzTextInputElement;
+        new (): HTMLEzTextInputElement;
+    };
+    interface HTMLEzTimeInputElement extends Components.EzTimeInput, HTMLStencilElement {
+    }
+    var HTMLEzTimeInputElement: {
+        prototype: HTMLEzTimeInputElement;
+        new (): HTMLEzTimeInputElement;
+    };
+    interface HTMLEzToastElement extends Components.EzToast, HTMLStencilElement {
+    }
+    var HTMLEzToastElement: {
+        prototype: HTMLEzToastElement;
+        new (): HTMLEzToastElement;
+    };
+    interface HTMLEzTreeElement extends Components.EzTree, HTMLStencilElement {
+    }
+    var HTMLEzTreeElement: {
+        prototype: HTMLEzTreeElement;
+        new (): HTMLEzTreeElement;
+    };
+    interface HTMLEzUploadElement extends Components.EzUpload, HTMLStencilElement {
+    }
+    var HTMLEzUploadElement: {
+        prototype: HTMLEzUploadElement;
+        new (): HTMLEzUploadElement;
+    };
+    interface HTMLEzViewStackElement extends Components.EzViewStack, HTMLStencilElement {
+    }
+    var HTMLEzViewStackElement: {
+        prototype: HTMLEzViewStackElement;
+        new (): HTMLEzViewStackElement;
+    };
+    interface HTMLFilterColumnElement extends Components.FilterColumn, HTMLStencilElement {
+    }
+    var HTMLFilterColumnElement: {
+        prototype: HTMLFilterColumnElement;
+        new (): HTMLFilterColumnElement;
+    };
+    interface HTMLMultiSelectionBoxMessageElement extends Components.MultiSelectionBoxMessage, HTMLStencilElement {
+    }
+    var HTMLMultiSelectionBoxMessageElement: {
+        prototype: HTMLMultiSelectionBoxMessageElement;
+        new (): HTMLMultiSelectionBoxMessageElement;
+    };
+    interface HTMLElementTagNameMap {
+        "ez-actions-button": HTMLEzActionsButtonElement;
+        "ez-alert": HTMLEzAlertElement;
+        "ez-application": HTMLEzApplicationElement;
+        "ez-badge": HTMLEzBadgeElement;
+        "ez-breadcrumb": HTMLEzBreadcrumbElement;
+        "ez-button": HTMLEzButtonElement;
+        "ez-calendar": HTMLEzCalendarElement;
+        "ez-card-item": HTMLEzCardItemElement;
+        "ez-check": HTMLEzCheckElement;
+        "ez-chip": HTMLEzChipElement;
+        "ez-collapsible-box": HTMLEzCollapsibleBoxElement;
+        "ez-combo-box": HTMLEzComboBoxElement;
+        "ez-date-input": HTMLEzDateInputElement;
+        "ez-date-time-input": HTMLEzDateTimeInputElement;
+        "ez-dialog": HTMLEzDialogElement;
+        "ez-dropdown": HTMLEzDropdownElement;
+        "ez-file-item": HTMLEzFileItemElement;
+        "ez-filter-input": HTMLEzFilterInputElement;
+        "ez-form": HTMLEzFormElement;
+        "ez-form-view": HTMLEzFormViewElement;
+        "ez-grid": HTMLEzGridElement;
+        "ez-guide-navigator": HTMLEzGuideNavigatorElement;
+        "ez-icon": HTMLEzIconElement;
+        "ez-list": HTMLEzListElement;
+        "ez-loading-bar": HTMLEzLoadingBarElement;
+        "ez-modal": HTMLEzModalElement;
+        "ez-modal-container": HTMLEzModalContainerElement;
+        "ez-multi-selection-list": HTMLEzMultiSelectionListElement;
+        "ez-number-input": HTMLEzNumberInputElement;
+        "ez-popover": HTMLEzPopoverElement;
+        "ez-popup": HTMLEzPopupElement;
+        "ez-radio-button": HTMLEzRadioButtonElement;
+        "ez-scroller": HTMLEzScrollerElement;
+        "ez-search": HTMLEzSearchElement;
+        "ez-sidebar-button": HTMLEzSidebarButtonElement;
+        "ez-skeleton": HTMLEzSkeletonElement;
+        "ez-tabselector": HTMLEzTabselectorElement;
+        "ez-text-area": HTMLEzTextAreaElement;
+        "ez-text-edit": HTMLEzTextEditElement;
+        "ez-text-input": HTMLEzTextInputElement;
+        "ez-time-input": HTMLEzTimeInputElement;
+        "ez-toast": HTMLEzToastElement;
+        "ez-tree": HTMLEzTreeElement;
+        "ez-upload": HTMLEzUploadElement;
+        "ez-view-stack": HTMLEzViewStackElement;
+        "filter-column": HTMLFilterColumnElement;
+        "multi-selection-box-message": HTMLMultiSelectionBoxMessageElement;
+    }
+}
+declare namespace LocalJSX {
+    interface EzActionsButton {
+        /**
+          * Define a lista de ações. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "actions"?: Array<IAction>;
+        /**
+          * Se true a seta de ordenação será apresentada.
+         */
+        "arrowActive"?: boolean;
+        /**
+          * Se true o check será apresentado para os itens.
+         */
+        "checkOption"?: boolean;
+        /**
+          * Define o ícone do componente.
+         */
+        "displayIcon"?: string;
+        /**
+          * Se false o usuário não pode interagir com o componente.
+         */
+        "enabled"?: boolean;
+        /**
+          * Se true o background será transparent.
+         */
+        "isTransparent"?: boolean;
+        /**
+          * Emitido ao acionar uma ação.
+         */
+        "onEzAction"?: (event: EzActionsButtonCustomEvent<IAction>) => void;
+        /**
+          * Se true o label será apresentado.
+         */
+        "showLabel"?: boolean;
+        /**
+          * Determina o tamanho do ez-action-button.
+         */
+        "size"?: "small" | "medium" | "large";
+        /**
+          * Define o valor do componente.
+         */
+        "value"?: string;
+    }
+    interface EzAlert {
+        /**
+          * Define a cor e o ícone a serem exibidos no componente.
+         */
+        "alertType"?: 'warn' | 'critical' | 'success';
+    }
+    interface EzApplication {
+        /**
+          * Evento disparado quando a aplicação for carregada.
+         */
+        "onApplicationLoaded"?: (event: EzApplicationCustomEvent<boolean>) => void;
+    }
+    interface EzBadge {
+        /**
+          * Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+         */
+        "iconLeft"?: string;
+        /**
+          * Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+         */
+        "iconRight"?: string;
+        /**
+          * Define o conteúdo textual ou numérico do componente.
+         */
+        "label"?: string;
+        /**
+          * Define a posição do ícone em relação ao elemento filho.
+         */
+        "position"?: IPosition;
+        /**
+          * Define o tamanho de acordo com o tipo utilizado pelo componente.
+         */
+        "size"?: "extra-large" | "large" | "medium" | "small-medium" | "small" | "extra-small";
+    }
+    interface EzBreadcrumb {
+        /**
+          * Define o modo de uso do Breadcrumb.
+         */
+        "fillMode"?: "auto" | "regular";
+        /**
+          * Lista de itens do breadcrumb.
+         */
+        "items"?: Array<IBreadcrumbItem>;
+        /**
+          * Define o limite máximo de itens a serem renderizados.
+         */
+        "maxItems"?: number;
+        /**
+          * Emitido quando um item do breadcrumb é selecionado.
+         */
+        "onSelectedItem"?: (event: EzBreadcrumbCustomEvent<IBreadcrumbItem>) => void;
+        /**
+          * Define a posição do Ellipsis nos itens visíveis do Breadcrumb.
+         */
+        "positionEllipsis"?: number;
+    }
+    interface EzButton {
+        /**
+          * Se false o usuário não pode interagir com o botão.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+         */
+        "iconName"?: string;
+        /**
+          * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
+         */
+        "image"?: string;
+        /**
+          * Texto a ser apresentado como título do botão.
+         */
+        "label"?: string;
+        /**
+          * Define o modo de uso do botão.
+         */
+        "mode"?: "regular" | "icon" | "link" | "label-icon";
+        /**
+          * Define o tamanho do ez-button.
+         */
+        "size"?: "small" | "medium" | "large" | undefined;
+    }
+    interface EzCalendar {
+        /**
+          * Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`.
+         */
+        "floating"?: boolean;
+        /**
+          * Emitido quando acontece a alteração de valor do calendário.
+         */
+        "onEzChange"?: (event: EzCalendarCustomEvent<Date>) => void;
+        /**
+          * Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`.
+         */
+        "showSeconds"?: boolean;
+        /**
+          * Se true a data considera horas e minutos.
+         */
+        "time"?: boolean;
+        /**
+          * Define o valor do calendário.
+         */
+        "value"?: Date;
+    }
+    interface EzCardItem {
+        /**
+          * Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`.
+         */
+        "item"?: CardItem;
+        /**
+          * Emitido sempre que o ez-card é clicado.
+         */
+        "onEzClick"?: (event: EzCardItemCustomEvent<CardItem>) => void;
+    }
+    interface EzCheck {
+        /**
+          * Define o modo compacto com espaçamento menor entre label e o input
+         */
+        "compact"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`).
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o modo de visualização do ez-check.
+         */
+        "mode"?: CheckMode;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzCheckCustomEvent<any>) => void;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: boolean;
+    }
+    interface EzChip {
+        /**
+          * Se false o usuário não pode interagir com o ez-chip.
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto a ser apresentado como título do ez-chip.
+         */
+        "label"?: string;
+        /**
+          * Define o modo de uso do ez-chip.
+         */
+        "mode"?: "label" | "action";
+        /**
+          * Emitido no modo "action" quando o usuário clica no ez-chip.
+         */
+        "onActionClick"?: (event: EzChipCustomEvent<void>) => void;
+        /**
+          * Emitido quando o botão de remoção é acionado.
+         */
+        "onRemoveChip"?: (event: EzChipCustomEvent<void>) => void;
+        /**
+          * Emitido quando acontece a alteração de valor do ez-chip.
+         */
+        "onValueChange"?: (event: EzChipCustomEvent<boolean>) => void;
+        /**
+          * Determina o posicionamento do botão de remover (não disponível no modo `action`).  Se não informado, não exibe o botão.
+         */
+        "removePosition"?: "left" | "right" | undefined;
+        /**
+          * Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.
+         */
+        "showNativeTooltip"?: boolean;
+        /**
+          * Define o valor do ez-chip.
+         */
+        "value"?: boolean;
+    }
+    interface EzCollapsibleBox {
+        /**
+          * Define seu o componente deve ter borda
+         */
+        "boxBordered"?: boolean;
+        /**
+          * Define uma condição para salvar ou não uma alteração.
+         */
+        "conditionalSave"?: Function;
+        /**
+          * Se true mostra o ícone para edição do componente.
+         */
+        "editable"?: boolean;
+        /**
+          * Define a posição do conteúdo do cabeçalho do componente.
+         */
+        "headerAlign"?: "center" | "left" | "right" | "stretch" | undefined;
+        /**
+          * Define o tamanho do texto e do ícone.
+         */
+        "headerSize"?: "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
+        /**
+          * Define o posicionamento do ícone.
+         */
+        "iconPlacement"?: "left" | "right";
+        /**
+          * Texto a ser apresentado como título do componente.
+         */
+        "label"?: string;
+        /**
+          * Emitido quando acontece a alteração de valor do componente.
+         */
+        "onEzChange"?: (event: EzCollapsibleBoxCustomEvent<boolean>) => void;
+        /**
+          * Emitido quando o modo de edição da label for aberto e fechado (onEzEditLabelMode).
+         */
+        "onEzEditLabelMode"?: (event: EzCollapsibleBoxCustomEvent<boolean>) => void;
+        /**
+          * Emitido ao remover o componente (onEzRemove).
+         */
+        "onEzRemove"?: (event: EzCollapsibleBoxCustomEvent<EzCollapsibleBox>) => void;
+        /**
+          * Emitido ao concluir edição da label (onEzSaveEditLabel).
+         */
+        "onEzSaveEditLabel"?: (event: EzCollapsibleBoxCustomEvent<CustomEvent>) => void;
+        /**
+          * Se true mostra o ícone para remoção do componente.
+         */
+        "removable"?: boolean;
+        /**
+          * Texto a ser apresentado como subtítulo do componente.
+         */
+        "subtitle"?: string;
+        /**
+          * Define o valor do componente.
+         */
+        "value"?: boolean;
+    }
+    interface EzComboBox {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
+         */
+        "hideErrorOnFocusOut"?: boolean;
+        /**
+          * Informa se a pesquisa é do tipo texto.
+         */
+        "isTextSearch"?: boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define um posicionamento fixo para a lista de opções do CheckBox.
+         */
+        "listOptionsPosition"?: IEzCheckBoxListPosition;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzComboBoxCustomEvent<IOption>) => void;
+        /**
+          * Carrega as opções dinamicamente.
+         */
+        "optionLoader"?: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+        /**
+          * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "options"?: Array<IOption>;
+        /**
+          * Se true ativa o modo pesquisa do ez-combo-box.
+         */
+        "searchMode"?: boolean;
+        /**
+          * Se true cada opção na lista exibe o `value` junto com `label`.
+         */
+        "showOptionValue"?: boolean;
+        /**
+          * Se true a opção selecionada exibe o `value` junto com `label`.
+         */
+        "showSelectedValue"?: boolean;
+        /**
+          * Se true remove a opção vazia da lista.
+         */
+        "suppressEmptyOption"?: boolean;
+        /**
+          * Se true desabilita a digitação dentro do componente.
+         */
+        "suppressSearch"?: boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: IOption | string;
+    }
+    interface EzDateInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+         */
+        "onEzCancelWaitingChange"?: (event: EzDateInputCustomEvent<void>) => void;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzDateInputCustomEvent<Date>) => void;
+        /**
+          * Emitido ao iniciar a alteração (digitação incompleta).
+         */
+        "onEzStartChange"?: (event: EzDateInputCustomEvent<WaitingChange>) => void;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: Date;
+    }
+    interface EzDateTimeInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+         */
+        "onEzCancelWaitingChange"?: (event: EzDateTimeInputCustomEvent<void>) => void;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzDateTimeInputCustomEvent<Date>) => void;
+        /**
+          * Emitido ao iniciar a alteração (digitação incompleta).
+         */
+        "onEzStartChange"?: (event: EzDateTimeInputCustomEvent<WaitingChange>) => void;
+        /**
+          * Se true considera segundos.
+         */
+        "showSeconds"?: boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: Date;
+    }
+    interface EzDialog {
+        /**
+          * Define função a ser executada antes de fechar o modal
+         */
+        "beforeClose"?: Function;
+        /**
+          * Define se o ez-dialog será utilizado no modo de confirmação.
+         */
+        "confirm"?: boolean;
+        /**
+          * Define aparência do ez-dialog.
+         */
+        "dialogType"?: DialogType;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "ezTitle"?: string;
+        /**
+          * Define a menssagem exibida no ez-dialog.
+         */
+        "message"?: string;
+        /**
+          * Emitido ao confirmar o ez-dialog.
+         */
+        "onEzAccept"?: (event: EzDialogCustomEvent<boolean>) => void;
+        /**
+          * Emitido ao cancelar o ez-dialog.
+         */
+        "onEzCancel"?: (event: EzDialogCustomEvent<boolean>) => void;
+        /**
+          * Define se o ez-dialog está aberto.
+         */
+        "opened"?: boolean;
+        /**
+          * Define o ícone a ser exibido.
+         */
+        "personalizedIconPath"?: string;
+    }
+    interface EzDropdown {
+        /**
+          * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement.
+         */
+        "itemBuilder"?: (item: IDropdownItem, level: number) => HTMLElement | string;
+        /**
+          * Lista de itens que vão ser apresentados no dropdown.
+         */
+        "items"?: Array<IDropdownItem>;
+        /**
+          * Emitido quando ocorrer um click em um item da lista, o IDropdownItem que recebeu o click deve ser enviado como data do evento.
+         */
+        "onEzClick"?: (event: EzDropdownCustomEvent<IDropdownItem>) => void;
+        /**
+          * Emitido quando ocorrer um click em uma ação secundaria do item,  o IDropdownSubAction deve ser enviado como data do evento.
+         */
+        "onEzSubActionClick"?: (event: EzDropdownCustomEvent<IDropdownSubAction>) => void;
+        /**
+          * Último item que recebeu o click.
+         */
+        "value"?: IDropdownItem;
+    }
+    interface EzFileItem {
+        /**
+          * Define se o usuário pode remover o arquivo que está sendo apresentado.
+         */
+        "canRemove"?: boolean;
+        /**
+          * Define o nome do arquivo, com extensão.
+         */
+        "fileName"?: string;
+        /**
+          * Tamanho do arquivo (em bytes).
+         */
+        "fileSize"?: number;
+        /**
+          * Define qual ícone que representa o arquivo.
+         */
+        "iconName"?: string;
+        /**
+          * Emitido ao clicar no ez-file-input (exceto no botão de remover).
+         */
+        "onEzClick"?: (event: EzFileItemCustomEvent<string>) => void;
+        /**
+          * Emitido ao clicar no botão de remover.
+         */
+        "onEzRemove"?: (event: EzFileItemCustomEvent<string>) => void;
+        /**
+          * Percentual de carregamento do arquivo para o servidor.
+         */
+        "progress"?: number;
+    }
+    interface EzFilterInput {
+        /**
+          * Define se o campo irá funcionar de forma assíncrona.
+         */
+        "asyncSearch"?: boolean;
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzFilterInputCustomEvent<string>) => void;
+        /**
+          * Emitido quando acontece o foco no campo.
+         */
+        "onEzFocusIn"?: (event: EzFilterInputCustomEvent<void>) => void;
+        /**
+          * Emitido quando está sendo realizada uma pesquisa no modo asyncSearch.
+         */
+        "onEzSearching"?: (event: EzFilterInputCustomEvent<string>) => void;
+        /**
+          * Restringe o que o usuário pode digitar.
+         */
+        "restrict"?: string;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: string;
+    }
+    interface EzForm {
+        /**
+          * Configuração do formulário.
+         */
+        "config"?: IFormConfig;
+        /**
+          * Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Evento disparado quando o formulário está disponível na DOM.
+         */
+        "onEzReady"?: (event: EzFormCustomEvent<void>) => void;
+        /**
+          * Responsável por notificar quando ocorrer a renderização de itens do formulário.
+         */
+        "onFormItemsReady"?: (event: EzFormCustomEvent<FormItems>) => void;
+        /**
+          * Define um validador responsável pela integridade dos registros.
+         */
+        "recordsValidator"?: IRecordValidator;
+    }
+    interface EzFormView {
+        /**
+          * Define a lista de metadados usada para criar os campos de user interface.
+         */
+        "fields"?: Array<IFormViewField>;
+        /**
+          * Evento emitido quando o componente foi totalmente carregado na DOM.
+         */
+        "onEzContentReady"?: (event: EzFormViewCustomEvent<Array<HTMLElement>>) => void;
+        /**
+          * Responsável por notificar quando ocorrer a renderização de itens do formulário.
+         */
+        "onFormItemsReady"?: (event: EzFormViewCustomEvent<FormItems>) => void;
+    }
+    interface EzGrid {
+        /**
+          * Define se a edição está habilitada na grid.
+         */
+        "canEdit"?: boolean;
+        /**
+          * Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas.
+         */
+        "columnfilterDataSource"?: IMultiSelectionListDataSource;
+        /**
+          * Configuração de exibição da grade.
+         */
+        "config"?: IGridConfig;
+        /**
+          * Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos.
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Habilita a seleção de várias linhas.
+         */
+        "multipleSelection"?: boolean;
+        /**
+          * Emitido quando o componente estiver completamente carregado.
+         */
+        "onComponentReady"?: (event: EzGridCustomEvent<void>) => void;
+        /**
+          * Emitido quando acontece a alteração de configuração do grade.
+         */
+        "onConfigChange"?: (event: EzGridCustomEvent<IGridConfig>) => void;
+        /**
+          * Emitido quando acontece a alteração de estado das colunas do grid: Ordenação, largura, etc.
+         */
+        "onEzColumnStateChange"?: (event: EzGridCustomEvent<EzGridColumStateEvent>) => void;
+        /**
+          * Emitido com o duplo clique de uma linha
+         */
+        "onEzDoubleClick"?: (event: EzGridCustomEvent<any>) => void;
+        /**
+          * Emitido quando acontece a alteração de seleção de linhas.
+         */
+        "onEzSelectionChange"?: (event: EzGridCustomEvent<ISelection>) => void;
+        /**
+          * Define um validador responsável pela integridade dos registros.
+         */
+        "recordsValidator"?: IRecordValidator;
+        /**
+          * Configuração da seleção de grade no toast.
+         */
+        "selectionToastConfig"?: ISelectionToastConfig;
+        /**
+          * Endereço do servidor para obtenção dos dados.
+         */
+        "serverUrl"?: string;
+        /**
+          * Define um `IStatusResolver` responsável pelo estado da coluna de status.
+         */
+        "statusResolver"?: IStatusResolver | StatusResolverFunction;
+        /**
+          * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
+         */
+        "useEnterLikeTab"?: boolean;
+    }
+    interface EzGuideNavigator {
+        /**
+          * Lista de itens do menu de navegação.
+         */
+        "items"?: Array<IGuideItem>;
+        /**
+          * Evento emitido quando o item selecionado no navigator é alterado.
+         */
+        "onEzSelectionChange"?: (event: EzGuideNavigatorCustomEvent<IGuideItem>) => void;
+        /**
+          * Define se o menu de navegação está aberto.
+         */
+        "open"?: boolean;
+        /**
+          * Define o id do item selecionado.
+         */
+        "selectedId"?: string;
+        /**
+          * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+         */
+        "tooltipResolver"?: (item: IGuideItem, enabled: boolean, level: number) => string;
+    }
+    interface EzIcon {
+        /**
+          * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
+         */
+        "href"?: string;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+         */
+        "iconName"?: string;
+        /**
+          * Define o tamanho do ícone.
+         */
+        "size"?: "x-small" | "small"| "medium" | "large" | "x-large";
+    }
+    interface EzList {
+        /**
+          * Define a lista inicial do componente.
+         */
+        "dataSource"?: Array<ListGroup | ListItem>;
+        /**
+          * Se true habilita `drag and drop` para os itens.
+         */
+        "ezDraggable"?: boolean;
+        /**
+          * Se true os itens serão selecionáveis.
+         */
+        "ezSelectable"?: boolean;
+        /**
+          * Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista.
+         */
+        "hoverFeedback"?: boolean;
+        /**
+          * Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement.
+         */
+        "itemLeftSlotBuilder"?: SlotBuilder;
+        /**
+          * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement.
+         */
+        "itemSlotBuilder"?: SlotBuilder;
+        /**
+          * Define o modo de apresentação da lista.
+         */
+        "listMode"?: keyof TListMode;
+        /**
+          * Emitido quando acontece a alteração de estado da lista.
+         */
+        "onEzChange"?: (event: EzListCustomEvent<Array<ListItem | ListGroup>>) => void;
+        /**
+          * Emitido quando acontece a alteração de um item do checkbox.
+         */
+        "onEzCheckChange"?: (event: EzListCustomEvent<ListItem>) => void;
+        /**
+          * Emitido sempre que um item da lista for selecionado.
+         */
+        "onEzSelectItem"?: (event: EzListCustomEvent<ListItem>) => void;
+        /**
+          * Se true os grupos serão exibidos.
+         */
+        "useGroups"?: boolean;
+    }
+    interface EzLoadingBar {
+    }
+    interface EzModal {
+        /**
+          * Define o alinhamento do ez-modal.
+         */
+        "align"?: "right" | "left";
+        /**
+          * Define se o ez-modal será fechado ao clicar `ESC`.
+         */
+        "closeEsc"?: boolean;
+        /**
+          * Define se o modal será fechado ao clicar fora do conteúdo.
+         */
+        "closeOutsideClick"?: boolean;
+        /**
+          * Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível.
+         */
+        "heightMode"?: keyof THeightMode;
+        /**
+          * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`.
+         */
+        "modalSize"?: string;
+        /**
+          * Emitido quando o modal é fechado.
+         */
+        "onEzCloseModal"?: (event: EzModalCustomEvent<boolean>) => void;
+        /**
+          * Emitido quando o modal é aberto.
+         */
+        "onEzOpenModal"?: (event: EzModalCustomEvent<any>) => void;
+        /**
+          * Define se o ez-modal está aberto.
+         */
+        "opened"?: boolean;
+        /**
+          * Define o tipo de scrim a ser aplicado no overlay do modal
+         */
+        "scrim"?: "medium" | "light";
+    }
+    interface EzModalContainer {
+        /**
+          * Define o texto do botão de cancelamento.
+         */
+        "cancelButtonLabel"?: string;
+        /**
+          * Define o estado do botão de cancelamento.
+         */
+        "cancelButtonStatus"?: "HIDDEN"|"ENABLED"|"DISABLED";
+        /**
+          * Texto do subtítulo, geralmente usado para orientação do usuário.
+         */
+        "modalSubTitle"?: string;
+        /**
+          * Texto a ser apresentado como título do modal.
+         */
+        "modalTitle"?: string;
+        /**
+          * Determina o texto do botão de confirmação.
+         */
+        "okButtonLabel"?: string;
+        /**
+          * Define o estado do botão de confirmação.
+         */
+        "okButtonStatus"?: "HIDDEN"|"ENABLED"|"DISABLED";
+        /**
+          * Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado. LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
+         */
+        "onEzModalAction"?: (event: EzModalContainerCustomEvent<string>) => void;
+        /**
+          * Define se o cabeçalho será mostrado.
+         */
+        "showTitleBar"?: boolean;
+    }
+    interface EzMultiSelectionList {
+        /**
+          * Nome da coluna onde serão aplicadas as opções selecionadas.
+         */
+        "columnName"?: string;
+        /**
+          * Classe que implementa o método fetchData, responsável por realizar a pesquisa dos dados, com base no termo informado pelo usuário.
+         */
+        "dataSource"?: IMultiSelectionListDataSource;
+        /**
+          * Informa se a pesquisa é do tipo texto.
+         */
+        "isTextSearch"?: boolean;
+        /**
+          * Evento que informa que a lista de opções selecionadas sofreu alteração.
+         */
+        "onChangeFilteredOptions"?: (event: EzMultiSelectionListCustomEvent<IMultiSelectionOption[]>) => void;
+        /**
+          * Opções de filtros a serem exibidas na listagem.
+         */
+        "options"?: IMultiSelectionOption[];
+        /**
+          * Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false)
+         */
+        "useOptions"?: boolean;
+    }
+    interface EzNumberInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false, o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+         */
+        "onEzCancelWaitingChange"?: (event: EzNumberInputCustomEvent<void>) => void;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzNumberInputCustomEvent<number>) => void;
+        /**
+          * Emitido ao iniciar a alteração (digitação incompleta).
+         */
+        "onEzStartChange"?: (event: EzNumberInputCustomEvent<WaitingChange>) => void;
+        /**
+          * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento.
+         */
+        "precision"?: number;
+        /**
+          * Define qual é o mínimo de casas depois da vírgula. Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`.
+         */
+        "prettyPrecision"?: number;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: number;
+    }
+    interface EzPopover {
+        /**
+          * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+         */
+        "autoClose"?: boolean;
+        /**
+          * Ajusta o comportamento da largura do popover.
+         */
+        "boxWidth"?: "full-width" | "fit-content";
+        /**
+          * Define as tags que serão consideradas conteúdo.
+         */
+        "innerElement"?: Array<string> | string;
+        /**
+          * Emitido quando acontece a alteração de estado do componente.
+         */
+        "onEzVisibilityChange"?: (event: EzPopoverCustomEvent<boolean>) => void;
+        /**
+          * Define se o ez-popover está aberto.
+         */
+        "opened"?: boolean;
+        /**
+          * Define o tipo de overlay do popover.
+         */
+        "overlayType"?: "medium" | "light" | "none";
+    }
+    interface EzPopup {
+        /**
+          * Texto a ser apresentado como título do componente.
+         */
+        "ezTitle"?: string;
+        /**
+          * Define altura do componente.
+         */
+        "heightMode"?: "auto" | "full";
+        /**
+          * Emitido ao clicar no botão de fechar (onEzClosePopup).
+         */
+        "onEzClosePopup"?: (event: EzPopupCustomEvent<any>) => void;
+        /**
+          * Define se o ez-popover está aberto.
+         */
+        "opened"?: boolean;
+        /**
+          * Define a largura do ez-popup.
+         */
+        "size"?: "x-small" | "small" | "medium" | "large" | "x-large";
+        /**
+          * Define se o componente utilizará cabeçalho.
+         */
+        "useHeader"?: boolean;
+    }
+    interface EzRadioButton {
+        /**
+          * Define a direção dos itens.
+         */
+        "direction"?: "vertical" | "horizontal";
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzRadioButtonCustomEvent<any>) => void;
+        /**
+          * Define as opções que serão apresentadas
+         */
+        "options"?: Array<Radio>;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: any;
+    }
+    interface EzScroller {
+        /**
+          * Define se haverá efeito de sombreado.
+         */
+        "activeShadow"?: boolean;
+        /**
+          * Define a direção em que haverá scroll.
+         */
+        "direction"?: EzScrollDirection;
+        /**
+          * Define se o `scroll` estará bloqueado.
+         */
+        "locked"?: boolean;
+    }
+    interface EzSearch {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
+         */
+        "hideErrorOnFocusOut"?: boolean;
+        /**
+          * Informa se a pesquisa é do tipo texto.
+         */
+        "isTextSearch"?: boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define um posicionamento fixo para a lista de opções do CheckBox.
+         */
+        "listOptionsPosition"?: IEzCheckBoxListPosition1;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzSearchCustomEvent<IOption1>) => void;
+        /**
+          * Carrega as opções dinamicamente.
+         */
+        "optionLoader"?: (argument: ISearchArgument1) => Promise<Array<IOption1>> | Array<IOption1> | IOption1;
+        /**
+          * Se false cada opção na lista deve exibir somente o `label`.
+         */
+        "showOptionValue"?: boolean;
+        /**
+          * Se false a opção selecionada deve exibir somente o `label`.
+         */
+        "showSelectedValue"?: boolean;
+        /**
+          * Se true remove a opção vazia da lista.
+         */
+        "suppressEmptyOption"?: boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: IOption1 | string;
+    }
+    interface EzSidebarButton {
+        /**
+          * Emitido sempre que o ez-sidebar-button é clicado.
+         */
+        "onEzClick"?: (event: EzSidebarButtonCustomEvent<void>) => void;
+    }
+    interface EzSkeleton {
+        /**
+          * Animation type
+          * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
+          * @memberof Skeleton
+         */
+        "animation"?: 'progress' | 'progress-dark' | 'pulse' | 'false';
+        /**
+          * Number of rows of current skeleton type
+          * @memberof Skeleton
+         */
+        "count"?: number;
+        /**
+          * Height of the skeleton ex. 100px, 100%, auto etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "height"?: string;
+        /**
+          * MarginBottom of the skeleton ex. 10px, 0 etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "marginBottom"?: string;
+        /**
+          * Variant of the skeleton - circle or row
+          * @type {('circle' | '')}
+          * @memberof Skeleton
+         */
+        "variant"?: 'circle' | 'rect' | 'text';
+        /**
+          * Width of the skeleton ex. 100px, 100%, auto etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "width"?: string;
+    }
+    interface EzTabselector {
+        /**
+          * Emitido quando acontece a alteração de valor do componente.
+         */
+        "onEzChange"?: (event: EzTabselectorCustomEvent<Tab>) => void;
+        /**
+          * Define o index da aba selecionada.
+         */
+        "selectedIndex"?: number;
+        /**
+          * Define a aba selecionada.
+         */
+        "selectedTab"?: string;
+        /**
+          * Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração.
+         */
+        "tabs"?: string | Array<Tab>;
+    }
+    interface EzTextArea {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Ativa a opção de fazer resize do input.
+         */
+        "enableResize"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzTextAreaCustomEvent<string>) => void;
+        /**
+          * Define o número de linhas.
+         */
+        "rows"?: number;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: string;
+    }
+    interface EzTextEdit {
+        /**
+          * Emitido ao cancelar uma edição
+         */
+        "onCancelEdition"?: (event: EzTextEditCustomEvent<any>) => void;
+        /**
+          * Emitido ao salvar uma edição
+         */
+        "onSaveEdition"?: (event: EzTextEditCustomEvent<any>) => void;
+        /**
+          * Define atributos do estilo.
+         */
+        "styled"?: IStyled;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: string;
+    }
+    interface EzTextInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Aplica uma máscara no conteúdo conforme o padrão estabelecido
+         */
+        "mask"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Se true o campo não terá bordas.
+         */
+        "noBorder"?: boolean;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzTextInputCustomEvent<string>) => void;
+        /**
+          * Restringe o que o usuário pode digitar.
+         */
+        "restrict"?: string;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: string;
+    }
+    interface EzTimeInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+         */
+        "onEzCancelWaitingChange"?: (event: EzTimeInputCustomEvent<void>) => void;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzTimeInputCustomEvent<number>) => void;
+        /**
+          * Emitido ao iniciar a alteração (digitação incompleta).
+         */
+        "onEzStartChange"?: (event: EzTimeInputCustomEvent<WaitingChange>) => void;
+        /**
+          * Se true considera segundos.
+         */
+        "showSeconds"?: boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: number;
+    }
+    interface EzToast {
+        /**
+          * Se false, o usuário não consegue fechar.
+         */
+        "canClose"?: boolean;
+        /**
+          * Define o tempo de exibição em milissegundos.
+         */
+        "fadeTime"?: number;
+        /**
+          * Mensagem a ser exibida no componente.
+         */
+        "message"?: string;
+        /**
+          * Se true permite a utilização do slot de ícone.
+         */
+        "useIcon"?: boolean;
+    }
+    interface EzTree {
+        /**
+          * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS.
+         */
+        "iconResolver"?: (item: ITreeItem, expanded: boolean, level: number) => string;
+        /**
+          * Define os itens apresentados na árvore.
+         */
+        "items"?: Array<ITreeItem>;
+        /**
+          * Emitido quando um item é selecionado na árvore.
+         */
+        "onEzChange"?: (event: EzTreeCustomEvent<ITreeItem>) => void;
+        /**
+          * Emitido quando um item é aberto na árvore.
+         */
+        "onEzOpenItem"?: (event: EzTreeCustomEvent<ITreeItem>) => void;
+        /**
+          * Forma alternativa para atribuir o item selecionado por seu ID.
+         */
+        "selectedId"?: string;
+        /**
+          * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+         */
+        "tooltipResolver"?: (item: ITreeItem, enabled: boolean, level: number) => string;
+        /**
+          * Define o item selecionado na árvore.
+         */
+        "value"?: ITreeItem;
+    }
+    interface EzUpload {
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho máximo (em bytes) de cada arquivo que pode ser transferido
+         */
+        "maxFileSize"?: number;
+        /**
+          * Define um limite para a quantidade de arquivos
+         */
+        "maxFiles"?: number;
+        /**
+          * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+         */
+        "onEzCancelWaitingChange"?: (event: EzUploadCustomEvent<void>) => void;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzUploadCustomEvent<Array<EzFile>>) => void;
+        /**
+          * Emitido ao iniciar a alteração (remover ou adicionar um arquivo).
+         */
+        "onEzStartChange"?: (event: EzUploadCustomEvent<WaitingChange>) => void;
+        /**
+          * Headers para a requisição Http
+         */
+        "requestHeaders"?: any;
+        /**
+          * Define o subtítulo utilizado no campo de upload
+         */
+        "subtitle"?: string;
+        /**
+          * Define a URL de deleção
+         */
+        "urlDelete"?: string;
+        /**
+          * Define a URL de upload
+         */
+        "urlUpload"?: string;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: Array<EzFile>;
+    }
+    interface EzViewStack {
+    }
+    interface FilterColumn {
+        "columnLabel"?: string;
+        "columnName"?: string;
+        "dataSource"?: IMultiSelectionListDataSource;
+        "dataUnit"?: DataUnit;
+        "gridHeaderHidden"?: boolean;
+        "noHeaderTaskBar"?: boolean;
+        "onApplyFilterColumnOptions"?: (event: FilterColumnCustomEvent<IAppliedFilterColumnOptions>) => void;
+        "opened"?: boolean;
+        "options"?: IMultiSelectionOption[];
+    }
+    interface MultiSelectionBoxMessage {
+        "message"?: string;
+    }
+    interface IntrinsicElements {
+        "ez-actions-button": EzActionsButton;
+        "ez-alert": EzAlert;
+        "ez-application": EzApplication;
+        "ez-badge": EzBadge;
+        "ez-breadcrumb": EzBreadcrumb;
+        "ez-button": EzButton;
+        "ez-calendar": EzCalendar;
+        "ez-card-item": EzCardItem;
+        "ez-check": EzCheck;
+        "ez-chip": EzChip;
+        "ez-collapsible-box": EzCollapsibleBox;
+        "ez-combo-box": EzComboBox;
+        "ez-date-input": EzDateInput;
+        "ez-date-time-input": EzDateTimeInput;
+        "ez-dialog": EzDialog;
+        "ez-dropdown": EzDropdown;
+        "ez-file-item": EzFileItem;
+        "ez-filter-input": EzFilterInput;
+        "ez-form": EzForm;
+        "ez-form-view": EzFormView;
+        "ez-grid": EzGrid;
+        "ez-guide-navigator": EzGuideNavigator;
+        "ez-icon": EzIcon;
+        "ez-list": EzList;
+        "ez-loading-bar": EzLoadingBar;
+        "ez-modal": EzModal;
+        "ez-modal-container": EzModalContainer;
+        "ez-multi-selection-list": EzMultiSelectionList;
+        "ez-number-input": EzNumberInput;
+        "ez-popover": EzPopover;
+        "ez-popup": EzPopup;
+        "ez-radio-button": EzRadioButton;
+        "ez-scroller": EzScroller;
+        "ez-search": EzSearch;
+        "ez-sidebar-button": EzSidebarButton;
+        "ez-skeleton": EzSkeleton;
+        "ez-tabselector": EzTabselector;
+        "ez-text-area": EzTextArea;
+        "ez-text-edit": EzTextEdit;
+        "ez-text-input": EzTextInput;
+        "ez-time-input": EzTimeInput;
+        "ez-toast": EzToast;
+        "ez-tree": EzTree;
+        "ez-upload": EzUpload;
+        "ez-view-stack": EzViewStack;
+        "filter-column": FilterColumn;
+        "multi-selection-box-message": MultiSelectionBoxMessage;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "ez-actions-button": LocalJSX.EzActionsButton & JSXBase.HTMLAttributes<HTMLEzActionsButtonElement>;
+            "ez-alert": LocalJSX.EzAlert & JSXBase.HTMLAttributes<HTMLEzAlertElement>;
+            "ez-application": LocalJSX.EzApplication & JSXBase.HTMLAttributes<HTMLEzApplicationElement>;
+            "ez-badge": LocalJSX.EzBadge & JSXBase.HTMLAttributes<HTMLEzBadgeElement>;
+            "ez-breadcrumb": LocalJSX.EzBreadcrumb & JSXBase.HTMLAttributes<HTMLEzBreadcrumbElement>;
+            "ez-button": LocalJSX.EzButton & JSXBase.HTMLAttributes<HTMLEzButtonElement>;
+            "ez-calendar": LocalJSX.EzCalendar & JSXBase.HTMLAttributes<HTMLEzCalendarElement>;
+            "ez-card-item": LocalJSX.EzCardItem & JSXBase.HTMLAttributes<HTMLEzCardItemElement>;
+            "ez-check": LocalJSX.EzCheck & JSXBase.HTMLAttributes<HTMLEzCheckElement>;
+            "ez-chip": LocalJSX.EzChip & JSXBase.HTMLAttributes<HTMLEzChipElement>;
+            "ez-collapsible-box": LocalJSX.EzCollapsibleBox & JSXBase.HTMLAttributes<HTMLEzCollapsibleBoxElement>;
+            "ez-combo-box": LocalJSX.EzComboBox & JSXBase.HTMLAttributes<HTMLEzComboBoxElement>;
+            "ez-date-input": LocalJSX.EzDateInput & JSXBase.HTMLAttributes<HTMLEzDateInputElement>;
+            "ez-date-time-input": LocalJSX.EzDateTimeInput & JSXBase.HTMLAttributes<HTMLEzDateTimeInputElement>;
+            "ez-dialog": LocalJSX.EzDialog & JSXBase.HTMLAttributes<HTMLEzDialogElement>;
+            "ez-dropdown": LocalJSX.EzDropdown & JSXBase.HTMLAttributes<HTMLEzDropdownElement>;
+            "ez-file-item": LocalJSX.EzFileItem & JSXBase.HTMLAttributes<HTMLEzFileItemElement>;
+            "ez-filter-input": LocalJSX.EzFilterInput & JSXBase.HTMLAttributes<HTMLEzFilterInputElement>;
+            "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
+            "ez-form-view": LocalJSX.EzFormView & JSXBase.HTMLAttributes<HTMLEzFormViewElement>;
+            "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
+            "ez-guide-navigator": LocalJSX.EzGuideNavigator & JSXBase.HTMLAttributes<HTMLEzGuideNavigatorElement>;
+            "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
+            "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;
+            "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;
+            "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes<HTMLEzModalElement>;
+            "ez-modal-container": LocalJSX.EzModalContainer & JSXBase.HTMLAttributes<HTMLEzModalContainerElement>;
+            "ez-multi-selection-list": LocalJSX.EzMultiSelectionList & JSXBase.HTMLAttributes<HTMLEzMultiSelectionListElement>;
+            "ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes<HTMLEzNumberInputElement>;
+            "ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes<HTMLEzPopoverElement>;
+            "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
+            "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
+            "ez-scroller": LocalJSX.EzScroller & JSXBase.HTMLAttributes<HTMLEzScrollerElement>;
+            "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
+            "ez-sidebar-button": LocalJSX.EzSidebarButton & JSXBase.HTMLAttributes<HTMLEzSidebarButtonElement>;
+            "ez-skeleton": LocalJSX.EzSkeleton & JSXBase.HTMLAttributes<HTMLEzSkeletonElement>;
+            "ez-tabselector": LocalJSX.EzTabselector & JSXBase.HTMLAttributes<HTMLEzTabselectorElement>;
+            "ez-text-area": LocalJSX.EzTextArea & JSXBase.HTMLAttributes<HTMLEzTextAreaElement>;
+            "ez-text-edit": LocalJSX.EzTextEdit & JSXBase.HTMLAttributes<HTMLEzTextEditElement>;
+            "ez-text-input": LocalJSX.EzTextInput & JSXBase.HTMLAttributes<HTMLEzTextInputElement>;
+            "ez-time-input": LocalJSX.EzTimeInput & JSXBase.HTMLAttributes<HTMLEzTimeInputElement>;
+            "ez-toast": LocalJSX.EzToast & JSXBase.HTMLAttributes<HTMLEzToastElement>;
+            "ez-tree": LocalJSX.EzTree & JSXBase.HTMLAttributes<HTMLEzTreeElement>;
+            "ez-upload": LocalJSX.EzUpload & JSXBase.HTMLAttributes<HTMLEzUploadElement>;
+            "ez-view-stack": LocalJSX.EzViewStack & JSXBase.HTMLAttributes<HTMLEzViewStackElement>;
+            "filter-column": LocalJSX.FilterColumn & JSXBase.HTMLAttributes<HTMLFilterColumnElement>;
+            "multi-selection-box-message": LocalJSX.MultiSelectionBoxMessage & JSXBase.HTMLAttributes<HTMLMultiSelectionBoxMessageElement>;
+        }
+    }
+}