@sankhyalabs/ezui 6.0.2 → 6.1.0-dev.10

package/dist/types/components.d.ts

@@ -7,7 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IAction } from "./utils";
 import { AlertItem } from "./components/ez-alert-list/ez-alert-list";
-import { ListItem, SlotBuilder } from "./components/ez-list/ez-list";
+import { SlotBuilder } from "./components/ez-list/ez-list";
 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";
@@ -21,15 +21,18 @@ import { ICustomEditor } from "./utils/customEditor/interfaces/ICustomEditor";
 import { IFormViewField } from "./components/ez-form-view/interfaces";
 import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
 import { DialogType } from "./components/ez-dialog/DialogType";
+import { ListItem } from "./components/ez-sortable-list/ez-sortable-list";
+import { DoubleListSlots, EmptyMessage } from "./components/ez-double-list/ez-double-list";
 import { IDropdownItem, IDropdownSubAction } from "./components/ez-dropdown/structure/DropdownItem";
 import { IFieldConfig, IFormConfig, IRecordValidator } from "./utils/form/interfaces";
 import { FormItems } from "./components/ez-form-view/structure";
 import { IFormViewField as IFormViewField1 } from "./components/ez-form-view/interfaces/IFormViewField";
 import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from "./components/ez-grid/controller/EzGridController";
-import { ICustomFormatter, ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
+import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
 import { ICustomRender } from "./utils/customRender/interfaces/ICustomRender";
 import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
+import { RichToolbarCommand } from "./components/ez-rich-text/ez-rich-toolbar/RichToolbarHelper";
 import { ListGroup, ListItem as ListItem1, SlotBuilder as SlotBuilder1, 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";
@@ -39,15 +42,20 @@ import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./component
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
 import { IOption as IOption2, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
+import { IOption as IOption3, OptionLoaderFunction } from "./components/ez-search-plus/ez-search-plus";
+import { IOption as IOption4 } from "./components/ez-search-plus/ez-search-plus";
 import { ModeMenuEnum, SizeMenuEnum, TypeMenuEnum } from "./components/ez-sidebar-navigator/interfaces";
+import { SkeletonAnimation, SkeletonVariant } from "./components/ez-skeleton/ez-skeleton.constants";
+import { ListItem as ListItem2 } from "./components/ez-sortable-list/ez-sortable-list";
 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 { Placement } from "@floating-ui/dom";
 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";
-import { IOption as IOption3 } from "./components/ez-search/ez-search";
+import { IOption as IOption5 } from "./components/ez-search/ez-search";
 export namespace Components {
     interface EzActionsButton {
         /**
@@ -133,6 +141,28 @@ export namespace Components {
     }
     interface EzApplication {
     }
+    interface EzAvatar {
+        /**
+          * URL da imagem do Avatar.
+         */
+        "imageSrc"?: string;
+        /**
+          * Se true, o Avatar será interativo. Caso contrário, será estático.
+         */
+        "isInteractive": boolean;
+        /**
+          * Nome do usuário para exibição da inicial.
+         */
+        "name"?: string;
+        /**
+          * Define o formato do Avatar: 'circle' ou 'square'.
+         */
+        "shape": 'circle' | 'square';
+        /**
+          * Tamanho do Avatar (valores permitidos): '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200', '180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'.
+         */
+        "size": '320' | '300' | '280' | '260' | '240' | '220' | '200' | '180' | '160' | '140' | '120' | '100' | '80' | '60';
+    }
     interface EzBadge {
         /**
           * Define a posição do ícone em relação ao elemento.
@@ -298,6 +328,10 @@ export namespace Components {
         "yAxis": ChartAxis | Array<ChartAxis>;
     }
     interface EzCheck {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * Define o modo compacto com espaçamento menor entre label e o input
          */
@@ -332,6 +366,10 @@ export namespace Components {
         "value": boolean;
     }
     interface EzChip {
+        /**
+          * Desabilita a alteração da propriedade value ao clicar.
+         */
+        "disableAutoUpdateValue": boolean;
         /**
           * Se false o usuário não pode interagir com o ez-chip.
          */
@@ -420,6 +458,10 @@ export namespace Components {
         "value": boolean;
     }
     interface EzComboBox {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -477,6 +519,10 @@ export namespace Components {
           * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
          */
         "options": Array<IOption>;
+        /**
+          * Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções.
+         */
+        "preventAutoFocus": boolean;
         /**
           * Remove o foco do campo.
          */
@@ -505,6 +551,10 @@ export namespace Components {
           * Se true desabilita a digitação dentro do componente.
          */
         "suppressSearch": boolean;
+        /**
+          * Texto a ser apresentado na opção de valor nulo.
+         */
+        "textEmptyOption": string;
         /**
           * Define o valor do campo.
          */
@@ -611,6 +661,10 @@ export namespace Components {
         "value": any;
     }
     interface EzDateInput {
+        /**
+          * Texto alternativo ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -654,6 +708,10 @@ export namespace Components {
         "value": Date;
     }
     interface EzDateTimeInput {
+        /**
+          * Texto alternativo ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -735,12 +793,16 @@ export namespace Components {
         "show": (title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean, beforeClose: Function) => Promise<boolean>;
     }
     interface EzDoubleList {
+        /**
+          * Objeto que define as mensagens a serem exibidas quando a lista está vazia Exemplo: { LEFT_LIST?: "Lista lado esquerdo vazia.", RIGHT_LIST?: "Lista lado direito vazia."; }
+         */
+        "emptyMessage": EmptyMessage;
         /**
           * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa".
          */
         "entityLabel": string;
         /**
-          * Variação plura do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".
+          * Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".
          */
         "entityLabelPlural": string;
         /**
@@ -768,6 +830,14 @@ export namespace Components {
           * Define o título da lista destino.
          */
         "rightTitle": string;
+        /**
+          * Objeto que define os métodos de construção dos elementos visuais para os itens de cada lista.  Este objeto permite configurar dinamicamente os elementos HTML que serão exibidos ao lado esquerdo e direito dos itens em ambas as listas (`LEFT_LIST` e `RIGHT_LIST`).
+         */
+        "slotsListBuilder": DoubleListSlots;
+        /**
+          * Define se irá exibir apenas a lista da direita.
+         */
+        "useOnlyRightList": boolean;
     }
     interface EzDropdown {
         /**
@@ -876,6 +946,10 @@ export namespace Components {
           * Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.
          */
         "dataUnit": DataUnit;
+        /**
+          * Define uma ancoragem
+         */
+        "elementFocusSearchField": HTMLElement;
         /**
           * Determina o campo que deve ficar em evidência.
          */
@@ -892,6 +966,10 @@ export namespace Components {
           * Altera/adiciona uma propriedade nos metadados do campo.
          */
         "setFieldProp": (fieldName: string, propName: string, value: any) => Promise<void>;
+        /**
+          * Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F
+         */
+        "useSearchField": boolean;
         /**
           * Realiza validação no conteúdo de todos os campos.
          */
@@ -1006,6 +1084,10 @@ export namespace Components {
           * Localiza determinada coluna tornando-a visível.
          */
         "locateColumn": (columnName: string) => Promise<void>;
+        /**
+          * Define o modo de uso da grade
+         */
+        "mode": IGridMode;
         /**
           * Habilita a seleção de várias linhas.
          */
@@ -1070,10 +1152,18 @@ export namespace Components {
           * Informa se a coluna de chechbox deve ser suprimida
          */
         "suppressCheckboxColumn"?: boolean;
+        /**
+          * Define se a grade deve suprimir o scroll horizontal.
+         */
+        "suppressHorizontalScroll": boolean;
         /**
           * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
          */
         "useEnterLikeTab": boolean;
+        /**
+          * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F
+         */
+        "useSearchColumn": boolean;
     }
     interface EzGuideNavigator {
         /**
@@ -1128,6 +1218,10 @@ export namespace Components {
         "updateItem": (item: IGuideItem | Array<IGuideItem>) => Promise<void>;
     }
     interface EzIcon {
+        /**
+          * Define o tamanho da fonte.
+         */
+        "fontSize"?: number | string;
         /**
           * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
          */
@@ -1141,6 +1235,10 @@ export namespace Components {
          */
         "size": "x-small" | "small"| "medium" | "large" | "x-large";
     }
+    interface EzLinkBuilder {
+        "hide": () => Promise<void>;
+        "show": (text?: string) => Promise<void>;
+    }
     interface EzList {
         /**
           * Limpa o histórico da lista.
@@ -1309,6 +1407,10 @@ export namespace Components {
           * Se false, o input não aceitará números negativos.
          */
         "allowNegative": boolean;
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -1561,6 +1663,94 @@ export namespace Components {
          */
         "value": any;
     }
+    interface EzRichText {
+        /**
+          * 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 número de linhas.
+         */
+        "rows": number;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Define se deve exibir a borda externa do componente
+         */
+        "showBorder": boolean;
+        /**
+          * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas
+         */
+        "showConfigs": boolean;
+        /**
+          * Informa se as opções a opção de pré-visualização deve ser apresentada.
+         */
+        "showPreview": boolean;
+        /**
+          * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas
+         */
+        "showTextFormat": boolean;
+        /**
+          * Informa se as opções de desfazer e refazer devem ser habilitadas.
+         */
+        "showUndoRedo": boolean;
+        /**
+          * Define o valor HTML do campo.
+         */
+        "value": string;
+    }
+    interface EzRichToolbar {
+        /**
+          * Informa se o editor está em modo preview.
+         */
+        "isPreviewMode": boolean;
+        /**
+          * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas.
+         */
+        "showConfigs": boolean;
+        /**
+          * Informa se as opções a opção de pré-visualização deve ser apresentada.
+         */
+        "showPreview": boolean;
+        /**
+          * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas.
+         */
+        "showTextFormat": boolean;
+        /**
+          * Informa se as opções de desfazer e refazer devem ser apresentadas.
+         */
+        "showUndoRedo": boolean;
+    }
+    interface EzRichToolbarArrows {
+    }
+    interface EzRichToolbarConfigs {
+    }
+    interface EzRichToolbarItem {
+        "command": string;
+        "icon": string;
+        "title": string;
+        "value"?: string;
+    }
+    interface EzRichToolbarLetters {
+    }
     interface EzScroller {
         /**
           * Define se haverá efeito de sombreado.
@@ -1576,6 +1766,10 @@ export namespace Components {
         "locked": boolean;
     }
     interface EzSearch {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -1678,6 +1872,134 @@ export namespace Components {
          */
         "value": IOption | string;
     }
+    interface EzSearchPlus {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Limpa o valor do campo de pesquisa
+         */
+        "clearValue": () => Promise<void>;
+        /**
+          * Texto a ser apresentado no input de código.
+         */
+        "codLabel": string;
+        /**
+          * Propriedades de contexto da aplicação.
+         */
+        "contextProperties"?: any;
+        /**
+          * Se true o campo de código ficara desabilitado.
+         */
+        "disableCodeInput": boolean;
+        /**
+          * Se true o campo de de apresentação ficara desabilitado.
+         */
+        "disableDescriptionInput": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Garante que o botão de limpar pesquisa está sempre visível
+         */
+        "ensureClearButtonVisible": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        /**
+          * Obtém o valor do componente só após a compo de apresentação  ter sido resolvido pelo option loader quando necessário
+         */
+        "getValueAsync": () => Promise<IOption>;
+        /**
+          * Se true o campo de de apresentação não será exibido.
+         */
+        "hideDescriptionInput": boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "hideErrorOnFocusOut": boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "ignoreLimitCharsToSearch": boolean;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "isTextSearch": boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "listOptionsPosition": IEzCheckBoxListPosition1;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Carrega as opções dinamicamente.
+         */
+        "optionLoader": OptionLoaderFunction;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": (options?: TFocusOptions) => Promise<void>;
+        /**
+          * Se false cada opção na lista deve exibir somente o `label`.
+         */
+        "showOptionValue": boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "showSelectedValue": boolean;
+        /**
+          * Se true, interrompe a propagação do evento de KeyDown da tecla enter
+         */
+        "stopPropagateEnterKeyEvent": boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "suppressEmptyOption": boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "suppressPreLoad": boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "suppressSearch": boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value": IOption | string;
+    }
+    interface EzSearchResultList {
+        "cancelSelection": () => Promise<void>;
+        "nextOption": () => Promise<void>;
+        "previousOption": () => Promise<void>;
+        "selectCurrentItem": () => Promise<void>;
+        "showLoading": boolean;
+        "showOptionValue": boolean;
+        "value": IOption4 | string;
+        "visibleOptions": Array<IOption4>;
+    }
     interface EzSidebarButton {
     }
     interface EzSidebarNavigator {
@@ -1722,13 +2044,27 @@ export namespace Components {
          */
         "type": TypeMenuEnum;
     }
+    interface EzSimpleImageUploader {
+        /**
+          * Método responsável pelo fechamento do popup.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Tamanho máximo que a imagem poderá ter em kilobytes.
+         */
+        "maxSize": number;
+        /**
+          * Método responsável pela abertura do popup.
+         */
+        "show": () => Promise<void>;
+    }
     interface EzSkeleton {
         /**
           * Animation type
-          * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
+          * @type {('progress' | 'pulse' | 'false')}
           * @memberof Skeleton
          */
-        "animation": 'progress' | 'progress-dark' | 'pulse' | 'false';
+        "animation": SkeletonAnimation;
         /**
           * Number of rows of current skeleton type
           * @memberof Skeleton
@@ -1746,12 +2082,35 @@ export namespace Components {
           * @memberof Skeleton
          */
         "marginBottom": string;
+        /**
+          * MarginLeft of the skeleton ex. 10px, 0 etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "marginLeft": string;
+        /**
+          * MarginRight of the skeleton ex. 10px, 0 etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "marginRight": string;
+        /**
+          * MarginTop of the skeleton ex. 10px, 0 etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "marginTop": string;
+        /**
+          * The template to be used for the skeleton. Can be an HTMLElement or a string.
+          * @prop {HTMLElement | string} template - The template to be used for the skeleton.
+         */
+        "template": HTMLElement | string;
         /**
           * Variant of the skeleton - circle or row
-          * @type {('circle' | '')}
+          * @type {('circle' , 'rect', 'text')}
           * @memberof Skeleton
          */
-        "variant": 'circle' | 'rect' | 'text';
+        "variant": SkeletonVariant;
         /**
           * Width of the skeleton ex. 100px, 100%, auto etc.
           * @type {string}
@@ -1759,55 +2118,130 @@ export namespace Components {
          */
         "width": string;
     }
-    interface EzSplitButton {
+    interface EzSortableList {
         /**
-          * Se false o usuário não pode interagir com o botão.
+          * Remove a seleção de todos os itens da lista
          */
-        "enabled": boolean;
+        "clearSelection": () => Promise<void>;
         /**
-          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+          * Lista de itens para serem renderizados
          */
-        "iconName": string;
+        "dataSource": Array<ListItem>;
         /**
-          * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
+          * Mensagem exibida quando a lista está vazia
          */
-        "image": string;
+        "emptyMessage": string;
         /**
-          * Define o conteúdo do dropdown.
+          * Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift'
          */
-        "items": Array<IDropdownItem>;
+        "enableMultipleSelection": boolean;
         /**
-          * Texto a ser apresentado como label do botão.
+          * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa".
          */
-        "label": string;
+        "entityLabel": string;
         /**
-          * Texto a ser apresentado como title do botão principal
+          * Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".
          */
-        "leftTitle": string;
+        "entityLabelPlural": string;
         /**
-          * Define o modo de uso do botão.
+          * Grupo ao qual o ez-sortable-list pertence
          */
-        "mode": 'default' | 'icon-only' | 'icon-left';
+        "group": string;
         /**
-          * Texto a ser apresentado como title do botão dropdown
+          * Define se o cabeçalho deve ficar oculto.
          */
-        "rightTitle": string;
+        "hideHeader": boolean;
         /**
-          * Remove o foco de ambos os botões.
+          * Define se o totalizador deve ser escondido.
          */
-        "setBlur": () => Promise<void>;
+        "hideTotalizer": boolean;
         /**
-          * Aplica o foco no botão principal.
+          * Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista
+         */
+        "hoverFeedback": boolean;
+        /**
+          * ID do sortable list
+         */
+        "idSortableList": string;
+        /**
+          * 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.
+         */
+        "itemRightSlotBuilder": SlotBuilder;
+        /**
+          * Remove itens arrastados de uma lista para outra
+         */
+        "removeItensMoved": boolean;
+        /**
+          * Define o título da lista.
+         */
+        "title": string;
+    }
+    interface EzSplitButton {
+        /**
+          * 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://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName": string;
+        /**
+          * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
+         */
+        "image": string;
+        /**
+          * Informa se a lista de ações está aberta.
+         */
+        "isOpenedDropdown": () => Promise<boolean>;
+        /**
+          * 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;
+        /**
+          * Define o conteúdo do dropdown.
+         */
+        "items": Array<IDropdownItem>;
+        /**
+          * Texto a ser apresentado como label do botão.
+         */
+        "label": string;
+        /**
+          * Texto a ser apresentado como title do botão principal
+         */
+        "leftTitle": string;
+        /**
+          * Define o modo de uso do botão.
+         */
+        "mode": 'default' | 'icon-only' | 'icon-left';
+        /**
+          * Texto a ser apresentado como title do botão dropdown
+         */
+        "rightTitle": string;
+        /**
+          * Remove o foco de ambos os botões.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no botão principal.
          */
         "setLeftButtonFocus": () => Promise<void>;
         /**
           * Aplica o foco no botão do dropdown.
          */
         "setRightButtonFocus": () => Promise<void>;
+        "show": boolean;
         /**
           * Define o tamanho do ez-split-button.
          */
         "size": 'small' | 'medium' | 'large';
+        /**
+          * Abre ou Fecha o dropdown do Split Button.
+         */
+        "toggleDropdown": () => Promise<void>;
     }
     interface EzSplitItem {
         /**
@@ -1856,6 +2290,10 @@ export namespace Components {
         "tabs": string | Array<Tab>;
     }
     interface EzTextArea {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * 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
@@ -1929,6 +2367,10 @@ export namespace Components {
         "value": string;
     }
     interface EzTextInput {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * Se true o campo receberá o foco ao ser renderizado.
          */
@@ -1949,6 +2391,10 @@ export namespace Components {
           * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
          */
         "errorMessage": string;
+        /**
+          * Define se o campo está em estado inválido (bordas vermelhas).
+         */
+        "hasInvalid": boolean;
         /**
           * Retorna se o conteúdo é inválido.
          */
@@ -1991,6 +2437,10 @@ export namespace Components {
         "value": string;
     }
     interface EzTimeInput {
+        /**
+          * Texto alternativo ser apresentado como título do campo.
+         */
+        "alternativePlaceholder": string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -2059,18 +2509,42 @@ export namespace Components {
         "useIcon": boolean;
     }
     interface EzTooltip {
+        /**
+          * Define se o tooltip está ativo.
+         */
+        "active": boolean;
         /**
           * Elemento HTML que será utilizado como ancoragem do tooltip.
          */
         "anchoringElement": HTMLElement;
         /**
-          * Mensagem de erro que será apresentada no tooltip.
+          * Tempo de espera para exibir o tooltip após o evento de mouseenter.
          */
-        "errorMessage": string;
+        "debouncingTime": number;
         /**
-          * Reposiciona o tooltip de acordo com a posição do elemento de ancoragem.
+          * Define o espaçamento entre o tooltip e o elemento de ancoragem.
          */
-        "positionTooltip": () => Promise<void>;
+        "gapOptions": { horizontalGap: number; verticalGap: number; };
+        /**
+          * Define a largura máxima do elemento.
+         */
+        "maxWidth": number;
+        /**
+          * Mensagem que será apresentada no tooltip.
+         */
+        "message": string;
+        /**
+          * Define a posição do tooltip em relação ao elemento de ancoragem.
+         */
+        "placement": Placement;
+        /**
+          * Define o tipo de tooltip a ser exibido.
+         */
+        "type": 'default' | 'success' | 'error' | 'warning';
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize": boolean;
     }
     interface EzTree {
         /**
@@ -2222,8 +2696,8 @@ export namespace Components {
         "showLoading": boolean;
         "showOptionValue": boolean;
         "textEmptyList": string;
-        "value": IOption3 | string;
-        "visibleOptions": Array<IOption3>;
+        "value": IOption5 | string;
+        "visibleOptions": Array<IOption5>;
     }
 }
 export interface EzActionsButtonCustomEvent<T> extends CustomEvent<T> {
@@ -2310,6 +2784,10 @@ export interface EzGuideNavigatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzGuideNavigatorElement;
 }
+export interface EzLinkBuilderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzLinkBuilderElement;
+}
 export interface EzListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzListElement;
@@ -2350,10 +2828,30 @@ export interface EzRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzRadioButtonElement;
 }
+export interface EzRichTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzRichTextElement;
+}
+export interface EzRichToolbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzRichToolbarElement;
+}
+export interface EzRichToolbarItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzRichToolbarItemElement;
+}
 export interface EzSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSearchElement;
 }
+export interface EzSearchPlusCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSearchPlusElement;
+}
+export interface EzSearchResultListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSearchResultListElement;
+}
 export interface EzSidebarButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSidebarButtonElement;
@@ -2362,6 +2860,14 @@ export interface EzSidebarNavigatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSidebarNavigatorElement;
 }
+export interface EzSimpleImageUploaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSimpleImageUploaderElement;
+}
+export interface EzSortableListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSortableListElement;
+}
 export interface EzSplitButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSplitButtonElement;
@@ -2431,6 +2937,12 @@ declare global {
         prototype: HTMLEzApplicationElement;
         new (): HTMLEzApplicationElement;
     };
+    interface HTMLEzAvatarElement extends Components.EzAvatar, HTMLStencilElement {
+    }
+    var HTMLEzAvatarElement: {
+        prototype: HTMLEzAvatarElement;
+        new (): HTMLEzAvatarElement;
+    };
     interface HTMLEzBadgeElement extends Components.EzBadge, HTMLStencilElement {
     }
     var HTMLEzBadgeElement: {
@@ -2575,6 +3087,12 @@ declare global {
         prototype: HTMLEzIconElement;
         new (): HTMLEzIconElement;
     };
+    interface HTMLEzLinkBuilderElement extends Components.EzLinkBuilder, HTMLStencilElement {
+    }
+    var HTMLEzLinkBuilderElement: {
+        prototype: HTMLEzLinkBuilderElement;
+        new (): HTMLEzLinkBuilderElement;
+    };
     interface HTMLEzListElement extends Components.EzList, HTMLStencilElement {
     }
     var HTMLEzListElement: {
@@ -2641,6 +3159,42 @@ declare global {
         prototype: HTMLEzRadioButtonElement;
         new (): HTMLEzRadioButtonElement;
     };
+    interface HTMLEzRichTextElement extends Components.EzRichText, HTMLStencilElement {
+    }
+    var HTMLEzRichTextElement: {
+        prototype: HTMLEzRichTextElement;
+        new (): HTMLEzRichTextElement;
+    };
+    interface HTMLEzRichToolbarElement extends Components.EzRichToolbar, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarElement: {
+        prototype: HTMLEzRichToolbarElement;
+        new (): HTMLEzRichToolbarElement;
+    };
+    interface HTMLEzRichToolbarArrowsElement extends Components.EzRichToolbarArrows, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarArrowsElement: {
+        prototype: HTMLEzRichToolbarArrowsElement;
+        new (): HTMLEzRichToolbarArrowsElement;
+    };
+    interface HTMLEzRichToolbarConfigsElement extends Components.EzRichToolbarConfigs, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarConfigsElement: {
+        prototype: HTMLEzRichToolbarConfigsElement;
+        new (): HTMLEzRichToolbarConfigsElement;
+    };
+    interface HTMLEzRichToolbarItemElement extends Components.EzRichToolbarItem, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarItemElement: {
+        prototype: HTMLEzRichToolbarItemElement;
+        new (): HTMLEzRichToolbarItemElement;
+    };
+    interface HTMLEzRichToolbarLettersElement extends Components.EzRichToolbarLetters, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarLettersElement: {
+        prototype: HTMLEzRichToolbarLettersElement;
+        new (): HTMLEzRichToolbarLettersElement;
+    };
     interface HTMLEzScrollerElement extends Components.EzScroller, HTMLStencilElement {
     }
     var HTMLEzScrollerElement: {
@@ -2653,6 +3207,18 @@ declare global {
         prototype: HTMLEzSearchElement;
         new (): HTMLEzSearchElement;
     };
+    interface HTMLEzSearchPlusElement extends Components.EzSearchPlus, HTMLStencilElement {
+    }
+    var HTMLEzSearchPlusElement: {
+        prototype: HTMLEzSearchPlusElement;
+        new (): HTMLEzSearchPlusElement;
+    };
+    interface HTMLEzSearchResultListElement extends Components.EzSearchResultList, HTMLStencilElement {
+    }
+    var HTMLEzSearchResultListElement: {
+        prototype: HTMLEzSearchResultListElement;
+        new (): HTMLEzSearchResultListElement;
+    };
     interface HTMLEzSidebarButtonElement extends Components.EzSidebarButton, HTMLStencilElement {
     }
     var HTMLEzSidebarButtonElement: {
@@ -2665,12 +3231,24 @@ declare global {
         prototype: HTMLEzSidebarNavigatorElement;
         new (): HTMLEzSidebarNavigatorElement;
     };
+    interface HTMLEzSimpleImageUploaderElement extends Components.EzSimpleImageUploader, HTMLStencilElement {
+    }
+    var HTMLEzSimpleImageUploaderElement: {
+        prototype: HTMLEzSimpleImageUploaderElement;
+        new (): HTMLEzSimpleImageUploaderElement;
+    };
     interface HTMLEzSkeletonElement extends Components.EzSkeleton, HTMLStencilElement {
     }
     var HTMLEzSkeletonElement: {
         prototype: HTMLEzSkeletonElement;
         new (): HTMLEzSkeletonElement;
     };
+    interface HTMLEzSortableListElement extends Components.EzSortableList, HTMLStencilElement {
+    }
+    var HTMLEzSortableListElement: {
+        prototype: HTMLEzSortableListElement;
+        new (): HTMLEzSortableListElement;
+    };
     interface HTMLEzSplitButtonElement extends Components.EzSplitButton, HTMLStencilElement {
     }
     var HTMLEzSplitButtonElement: {
@@ -2772,6 +3350,7 @@ declare global {
         "ez-alert": HTMLEzAlertElement;
         "ez-alert-list": HTMLEzAlertListElement;
         "ez-application": HTMLEzApplicationElement;
+        "ez-avatar": HTMLEzAvatarElement;
         "ez-badge": HTMLEzBadgeElement;
         "ez-breadcrumb": HTMLEzBreadcrumbElement;
         "ez-button": HTMLEzButtonElement;
@@ -2796,6 +3375,7 @@ declare global {
         "ez-grid": HTMLEzGridElement;
         "ez-guide-navigator": HTMLEzGuideNavigatorElement;
         "ez-icon": HTMLEzIconElement;
+        "ez-link-builder": HTMLEzLinkBuilderElement;
         "ez-list": HTMLEzListElement;
         "ez-loading-bar": HTMLEzLoadingBarElement;
         "ez-modal": HTMLEzModalElement;
@@ -2807,11 +3387,21 @@ declare global {
         "ez-popover-plus": HTMLEzPopoverPlusElement;
         "ez-popup": HTMLEzPopupElement;
         "ez-radio-button": HTMLEzRadioButtonElement;
+        "ez-rich-text": HTMLEzRichTextElement;
+        "ez-rich-toolbar": HTMLEzRichToolbarElement;
+        "ez-rich-toolbar-arrows": HTMLEzRichToolbarArrowsElement;
+        "ez-rich-toolbar-configs": HTMLEzRichToolbarConfigsElement;
+        "ez-rich-toolbar-item": HTMLEzRichToolbarItemElement;
+        "ez-rich-toolbar-letters": HTMLEzRichToolbarLettersElement;
         "ez-scroller": HTMLEzScrollerElement;
         "ez-search": HTMLEzSearchElement;
+        "ez-search-plus": HTMLEzSearchPlusElement;
+        "ez-search-result-list": HTMLEzSearchResultListElement;
         "ez-sidebar-button": HTMLEzSidebarButtonElement;
         "ez-sidebar-navigator": HTMLEzSidebarNavigatorElement;
+        "ez-simple-image-uploader": HTMLEzSimpleImageUploaderElement;
         "ez-skeleton": HTMLEzSkeletonElement;
+        "ez-sortable-list": HTMLEzSortableListElement;
         "ez-split-button": HTMLEzSplitButtonElement;
         "ez-split-item": HTMLEzSplitItemElement;
         "ez-split-panel": HTMLEzSplitPanelElement;
@@ -2919,6 +3509,28 @@ declare namespace LocalJSX {
          */
         "onApplicationLoaded"?: (event: EzApplicationCustomEvent<boolean>) => void;
     }
+    interface EzAvatar {
+        /**
+          * URL da imagem do Avatar.
+         */
+        "imageSrc"?: string;
+        /**
+          * Se true, o Avatar será interativo. Caso contrário, será estático.
+         */
+        "isInteractive"?: boolean;
+        /**
+          * Nome do usuário para exibição da inicial.
+         */
+        "name"?: string;
+        /**
+          * Define o formato do Avatar: 'circle' ou 'square'.
+         */
+        "shape"?: 'circle' | 'square';
+        /**
+          * Tamanho do Avatar (valores permitidos): '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200', '180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'.
+         */
+        "size"?: '320' | '300' | '280' | '260' | '240' | '220' | '200' | '180' | '160' | '140' | '120' | '100' | '80' | '60';
+    }
     interface EzBadge {
         /**
           * Define a posição do ícone em relação ao elemento.
@@ -3076,6 +3688,10 @@ declare namespace LocalJSX {
         "yAxis"?: ChartAxis | Array<ChartAxis>;
     }
     interface EzCheck {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Define o modo compacto com espaçamento menor entre label e o input
          */
@@ -3106,6 +3722,10 @@ declare namespace LocalJSX {
         "value"?: boolean;
     }
     interface EzChip {
+        /**
+          * Desabilita a alteração da propriedade value ao clicar.
+         */
+        "disableAutoUpdateValue"?: boolean;
         /**
           * Se false o usuário não pode interagir com o ez-chip.
          */
@@ -3202,6 +3822,10 @@ declare namespace LocalJSX {
         "value"?: boolean;
     }
     interface EzComboBox {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -3254,6 +3878,10 @@ declare namespace LocalJSX {
           * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
          */
         "options"?: Array<IOption>;
+        /**
+          * Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções.
+         */
+        "preventAutoFocus"?: boolean;
         /**
           * Se true cada opção na lista exibe o `value` junto com `label`.
          */
@@ -3274,6 +3902,10 @@ declare namespace LocalJSX {
           * Se true desabilita a digitação dentro do componente.
          */
         "suppressSearch"?: boolean;
+        /**
+          * Texto a ser apresentado na opção de valor nulo.
+         */
+        "textEmptyOption"?: string;
         /**
           * Define o valor do campo.
          */
@@ -3356,6 +3988,10 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface EzDateInput {
+        /**
+          * Texto alternativo ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -3398,6 +4034,10 @@ declare namespace LocalJSX {
         "value"?: Date;
     }
     interface EzDateTimeInput {
+        /**
+          * Texto alternativo ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -3482,12 +4122,16 @@ declare namespace LocalJSX {
         "personalizedIconPath"?: string;
     }
     interface EzDoubleList {
+        /**
+          * Objeto que define as mensagens a serem exibidas quando a lista está vazia Exemplo: { LEFT_LIST?: "Lista lado esquerdo vazia.", RIGHT_LIST?: "Lista lado direito vazia."; }
+         */
+        "emptyMessage"?: EmptyMessage;
         /**
           * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa".
          */
         "entityLabel"?: string;
         /**
-          * Variação plura do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".
+          * Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".
          */
         "entityLabelPlural"?: string;
         /**
@@ -3502,7 +4146,13 @@ declare namespace LocalJSX {
           * Define o título da lista origem.
          */
         "leftTitle"?: string;
+        /**
+          * Emitido ao realizar uma alteração na lista esquerda do componente.
+         */
         "onEzLeftListChanged"?: (event: EzDoubleListCustomEvent<Array<ListItem>>) => void;
+        /**
+          * Emitido ao realizar uma alteração na lista direita do componente.
+         */
         "onEzRightListChanged"?: (event: EzDoubleListCustomEvent<Array<ListItem>>) => void;
         /**
           * Define a lista destino.
@@ -3516,6 +4166,14 @@ declare namespace LocalJSX {
           * Define o título da lista destino.
          */
         "rightTitle"?: string;
+        /**
+          * Objeto que define os métodos de construção dos elementos visuais para os itens de cada lista.  Este objeto permite configurar dinamicamente os elementos HTML que serão exibidos ao lado esquerdo e direito dos itens em ambas as listas (`LEFT_LIST` e `RIGHT_LIST`).
+         */
+        "slotsListBuilder"?: DoubleListSlots;
+        /**
+          * Define se irá exibir apenas a lista da direita.
+         */
+        "useOnlyRightList"?: boolean;
     }
     interface EzDropdown {
         /**
@@ -3636,6 +4294,10 @@ declare namespace LocalJSX {
           * Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.
          */
         "dataUnit"?: DataUnit;
+        /**
+          * Define uma ancoragem
+         */
+        "elementFocusSearchField"?: HTMLElement;
         /**
           * Determina o campo que deve ficar em evidência.
          */
@@ -3664,6 +4326,10 @@ declare namespace LocalJSX {
           * Define um validador responsável pela integridade dos registros.
          */
         "recordsValidator"?: IRecordValidator;
+        /**
+          * Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F
+         */
+        "useSearchField"?: boolean;
     }
     interface EzFormView {
         /**
@@ -3732,6 +4398,10 @@ declare namespace LocalJSX {
           * Ativa modo de linhas com cores alternadas.
          */
         "enableRowTableStriped"?: boolean;
+        /**
+          * Define o modo de uso da grade
+         */
+        "mode"?: IGridMode;
         /**
           * Habilita a seleção de várias linhas.
          */
@@ -3784,10 +4454,18 @@ declare namespace LocalJSX {
           * Informa se a coluna de chechbox deve ser suprimida
          */
         "suppressCheckboxColumn"?: boolean;
+        /**
+          * Define se a grade deve suprimir o scroll horizontal.
+         */
+        "suppressHorizontalScroll"?: boolean;
         /**
           * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
          */
         "useEnterLikeTab"?: boolean;
+        /**
+          * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F
+         */
+        "useSearchColumn"?: boolean;
     }
     interface EzGuideNavigator {
         /**
@@ -3812,6 +4490,10 @@ declare namespace LocalJSX {
         "tooltipResolver"?: (item: IGuideItem, enabled: boolean, level: number) => string;
     }
     interface EzIcon {
+        /**
+          * Define o tamanho da fonte.
+         */
+        "fontSize"?: number | string;
         /**
           * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
          */
@@ -3825,6 +4507,9 @@ declare namespace LocalJSX {
          */
         "size"?: "x-small" | "small"| "medium" | "large" | "x-large";
     }
+    interface EzLinkBuilder {
+        "onExecuteToolbarCommand"?: (event: EzLinkBuilderCustomEvent<RichToolbarCommand>) => void;
+    }
     interface EzList {
         /**
           * Define a lista inicial do componente.
@@ -4000,6 +4685,10 @@ declare namespace LocalJSX {
           * Se false, o input não aceitará números negativos.
          */
         "allowNegative"?: boolean;
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -4211,6 +4900,88 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    interface EzRichText {
+        /**
+          * 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;
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzRichTextCustomEvent<string>) => void;
+        /**
+          * Define o número de linhas.
+         */
+        "rows"?: number;
+        /**
+          * Define se deve exibir a borda externa do componente
+         */
+        "showBorder"?: boolean;
+        /**
+          * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas
+         */
+        "showConfigs"?: boolean;
+        /**
+          * Informa se as opções a opção de pré-visualização deve ser apresentada.
+         */
+        "showPreview"?: boolean;
+        /**
+          * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas
+         */
+        "showTextFormat"?: boolean;
+        /**
+          * Informa se as opções de desfazer e refazer devem ser habilitadas.
+         */
+        "showUndoRedo"?: boolean;
+        /**
+          * Define o valor HTML do campo.
+         */
+        "value"?: string;
+    }
+    interface EzRichToolbar {
+        /**
+          * Informa se o editor está em modo preview.
+         */
+        "isPreviewMode"?: boolean;
+        "onExecuteToolbarCommand"?: (event: EzRichToolbarCustomEvent<RichToolbarCommand>) => void;
+        /**
+          * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas.
+         */
+        "showConfigs"?: boolean;
+        /**
+          * Informa se as opções a opção de pré-visualização deve ser apresentada.
+         */
+        "showPreview"?: boolean;
+        /**
+          * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas.
+         */
+        "showTextFormat"?: boolean;
+        /**
+          * Informa se as opções de desfazer e refazer devem ser apresentadas.
+         */
+        "showUndoRedo"?: boolean;
+    }
+    interface EzRichToolbarArrows {
+    }
+    interface EzRichToolbarConfigs {
+    }
+    interface EzRichToolbarItem {
+        "command"?: string;
+        "icon"?: string;
+        "onActionTriggered"?: (event: EzRichToolbarItemCustomEvent<RichToolbarCommand>) => void;
+        "title"?: string;
+        "value"?: string;
+    }
+    interface EzRichToolbarLetters {
+    }
     interface EzScroller {
         /**
           * Define se haverá efeito de sombreado.
@@ -4226,6 +4997,10 @@ declare namespace LocalJSX {
         "locked"?: boolean;
     }
     interface EzSearch {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -4315,6 +5090,115 @@ declare namespace LocalJSX {
          */
         "value"?: IOption | string;
     }
+    interface EzSearchPlus {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Texto a ser apresentado no input de código.
+         */
+        "codLabel"?: string;
+        /**
+          * Propriedades de contexto da aplicação.
+         */
+        "contextProperties"?: any;
+        /**
+          * Se true o campo de código ficara desabilitado.
+         */
+        "disableCodeInput"?: boolean;
+        /**
+          * Se true o campo de de apresentação ficara desabilitado.
+         */
+        "disableDescriptionInput"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Garante que o botão de limpar pesquisa está sempre visível
+         */
+        "ensureClearButtonVisible"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Se true o campo de de apresentação não será exibido.
+         */
+        "hideDescriptionInput"?: boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "hideErrorOnFocusOut"?: boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "ignoreLimitCharsToSearch"?: boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "isTextSearch"?: boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "listOptionsPosition"?: IEzCheckBoxListPosition1;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzSearchPlusCustomEvent<IOption>) => void;
+        /**
+          * Carrega as opções dinamicamente.
+         */
+        "optionLoader"?: OptionLoaderFunction;
+        /**
+          * Se false cada opção na lista deve exibir somente o `label`.
+         */
+        "showOptionValue"?: boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "showSelectedValue"?: boolean;
+        /**
+          * Se true, interrompe a propagação do evento de KeyDown da tecla enter
+         */
+        "stopPropagateEnterKeyEvent"?: boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "suppressEmptyOption"?: boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "suppressPreLoad"?: boolean;
+        /**
+          * Propriedade depreciada na nova versão do componente de pesquisa.
+         */
+        "suppressSearch"?: boolean;
+        /**
+          * Define o valor do campo.
+         */
+        "value"?: IOption | string;
+    }
+    interface EzSearchResultList {
+        "onChangeValue"?: (event: EzSearchResultListCustomEvent<IOption4>) => void;
+        "showLoading"?: boolean;
+        "showOptionValue"?: boolean;
+        "value"?: IOption4 | string;
+        "visibleOptions"?: Array<IOption4>;
+    }
     interface EzSidebarButton {
         /**
           * Emitido sempre que o ez-sidebar-button é clicado.
@@ -4355,13 +5239,20 @@ declare namespace LocalJSX {
          */
         "type"?: TypeMenuEnum;
     }
+    interface EzSimpleImageUploader {
+        /**
+          * Tamanho máximo que a imagem poderá ter em kilobytes.
+         */
+        "maxSize"?: number;
+        "onExecuteToolbarCommand"?: (event: EzSimpleImageUploaderCustomEvent<RichToolbarCommand>) => void;
+    }
     interface EzSkeleton {
         /**
           * Animation type
-          * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
+          * @type {('progress' | 'pulse' | 'false')}
           * @memberof Skeleton
          */
-        "animation"?: 'progress' | 'progress-dark' | 'pulse' | 'false';
+        "animation"?: SkeletonAnimation;
         /**
           * Number of rows of current skeleton type
           * @memberof Skeleton
@@ -4379,12 +5270,35 @@ declare namespace LocalJSX {
           * @memberof Skeleton
          */
         "marginBottom"?: string;
+        /**
+          * MarginLeft of the skeleton ex. 10px, 0 etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "marginLeft"?: string;
+        /**
+          * MarginRight of the skeleton ex. 10px, 0 etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "marginRight"?: string;
+        /**
+          * MarginTop of the skeleton ex. 10px, 0 etc.
+          * @type {string}
+          * @memberof Skeleton
+         */
+        "marginTop"?: string;
+        /**
+          * The template to be used for the skeleton. Can be an HTMLElement or a string.
+          * @prop {HTMLElement | string} template - The template to be used for the skeleton.
+         */
+        "template"?: HTMLElement | string;
         /**
           * Variant of the skeleton - circle or row
-          * @type {('circle' | '')}
+          * @type {('circle' , 'rect', 'text')}
           * @memberof Skeleton
          */
-        "variant"?: 'circle' | 'rect' | 'text';
+        "variant"?: SkeletonVariant;
         /**
           * Width of the skeleton ex. 100px, 100%, auto etc.
           * @type {string}
@@ -4392,6 +5306,80 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    interface EzSortableList {
+        /**
+          * Lista de itens para serem renderizados
+         */
+        "dataSource"?: Array<ListItem>;
+        /**
+          * Mensagem exibida quando a lista está vazia
+         */
+        "emptyMessage"?: string;
+        /**
+          * Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift'
+         */
+        "enableMultipleSelection"?: boolean;
+        /**
+          * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa".
+         */
+        "entityLabel"?: string;
+        /**
+          * Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".
+         */
+        "entityLabelPlural"?: string;
+        /**
+          * Grupo ao qual o ez-sortable-list pertence
+         */
+        "group"?: string;
+        /**
+          * Define se o cabeçalho deve ficar oculto.
+         */
+        "hideHeader"?: boolean;
+        /**
+          * Define se o totalizador deve ser escondido.
+         */
+        "hideTotalizer"?: boolean;
+        /**
+          * Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista
+         */
+        "hoverFeedback"?: boolean;
+        /**
+          * ID do sortable list
+         */
+        "idSortableList"?: string;
+        /**
+          * 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.
+         */
+        "itemRightSlotBuilder"?: SlotBuilder;
+        /**
+          * Emitido quando ocorre a escolha de um item da lista
+         */
+        "onEzChoose"?: (event: EzSortableListCustomEvent<ListItem[] | ListItem>) => void;
+        /**
+          * Emitido quando ocorre um duplo clique em um item da lista
+         */
+        "onEzDoubleClick"?: (event: EzSortableListCustomEvent<ListItem>) => void;
+        /**
+          * Emitido sempre que um ou vários itens da lista forem selecionados
+         */
+        "onEzSelectItens"?: (event: EzSortableListCustomEvent<ListItem[] | ListItem>) => void;
+        /**
+          * Evento emitido quando a ordem dos itens muda
+         */
+        "onItemsReordered"?: (event: EzSortableListCustomEvent<any>) => void;
+        /**
+          * Remove itens arrastados de uma lista para outra
+         */
+        "removeItensMoved"?: boolean;
+        /**
+          * Define o título da lista.
+         */
+        "title"?: string;
+    }
     interface EzSplitButton {
         /**
           * Se false o usuário não pode interagir com o botão.
@@ -4405,6 +5393,10 @@ declare namespace LocalJSX {
           * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
          */
         "image"?: string;
+        /**
+          * 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;
         /**
           * Define o conteúdo do dropdown.
          */
@@ -4437,6 +5429,7 @@ declare namespace LocalJSX {
           * Texto a ser apresentado como title do botão dropdown
          */
         "rightTitle"?: string;
+        "show"?: boolean;
         /**
           * Define o tamanho do ez-split-button.
          */
@@ -4492,6 +5485,10 @@ declare namespace LocalJSX {
         "tabs"?: string | Array<Tab>;
     }
     interface EzTextArea {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -4556,6 +5553,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface EzTextInput {
+        /**
+          * Texto alternativo a ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Se true o campo receberá o foco ao ser renderizado.
          */
@@ -4576,6 +5577,10 @@ declare namespace LocalJSX {
           * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
          */
         "errorMessage"?: string;
+        /**
+          * Define se o campo está em estado inválido (bordas vermelhas).
+         */
+        "hasInvalid"?: boolean;
         /**
           * Texto a ser apresentado como título do campo.
          */
@@ -4610,6 +5615,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface EzTimeInput {
+        /**
+          * Texto alternativo ser apresentado como título do campo.
+         */
+        "alternativePlaceholder"?: string;
         /**
           * Se true o campo de texto receberá o foco ao ser renderizado.
          */
@@ -4674,14 +5683,42 @@ declare namespace LocalJSX {
         "useIcon"?: boolean;
     }
     interface EzTooltip {
+        /**
+          * Define se o tooltip está ativo.
+         */
+        "active"?: boolean;
         /**
           * Elemento HTML que será utilizado como ancoragem do tooltip.
          */
         "anchoringElement"?: HTMLElement;
         /**
-          * Mensagem de erro que será apresentada no tooltip.
+          * Tempo de espera para exibir o tooltip após o evento de mouseenter.
          */
-        "errorMessage"?: string;
+        "debouncingTime"?: number;
+        /**
+          * Define o espaçamento entre o tooltip e o elemento de ancoragem.
+         */
+        "gapOptions"?: { horizontalGap: number; verticalGap: number; };
+        /**
+          * Define a largura máxima do elemento.
+         */
+        "maxWidth"?: number;
+        /**
+          * Mensagem que será apresentada no tooltip.
+         */
+        "message"?: string;
+        /**
+          * Define a posição do tooltip em relação ao elemento de ancoragem.
+         */
+        "placement"?: Placement;
+        /**
+          * Define o tipo de tooltip a ser exibido.
+         */
+        "type"?: 'default' | 'success' | 'error' | 'warning';
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize"?: boolean;
     }
     interface EzTree {
         /**
@@ -4786,19 +5823,20 @@ declare namespace LocalJSX {
     interface SearchList {
         "canShowListOptions"?: boolean;
         "onChangePreSelection"?: (event: SearchListCustomEvent<number>) => void;
-        "onChangeValue"?: (event: SearchListCustomEvent<IOption3>) => void;
+        "onChangeValue"?: (event: SearchListCustomEvent<IOption5>) => void;
         "preSelection"?: number;
         "showLoading"?: boolean;
         "showOptionValue"?: boolean;
         "textEmptyList"?: string;
-        "value"?: IOption3 | string;
-        "visibleOptions"?: Array<IOption3>;
+        "value"?: IOption5 | string;
+        "visibleOptions"?: Array<IOption5>;
     }
     interface IntrinsicElements {
         "ez-actions-button": EzActionsButton;
         "ez-alert": EzAlert;
         "ez-alert-list": EzAlertList;
         "ez-application": EzApplication;
+        "ez-avatar": EzAvatar;
         "ez-badge": EzBadge;
         "ez-breadcrumb": EzBreadcrumb;
         "ez-button": EzButton;
@@ -4823,6 +5861,7 @@ declare namespace LocalJSX {
         "ez-grid": EzGrid;
         "ez-guide-navigator": EzGuideNavigator;
         "ez-icon": EzIcon;
+        "ez-link-builder": EzLinkBuilder;
         "ez-list": EzList;
         "ez-loading-bar": EzLoadingBar;
         "ez-modal": EzModal;
@@ -4834,11 +5873,21 @@ declare namespace LocalJSX {
         "ez-popover-plus": EzPopoverPlus;
         "ez-popup": EzPopup;
         "ez-radio-button": EzRadioButton;
+        "ez-rich-text": EzRichText;
+        "ez-rich-toolbar": EzRichToolbar;
+        "ez-rich-toolbar-arrows": EzRichToolbarArrows;
+        "ez-rich-toolbar-configs": EzRichToolbarConfigs;
+        "ez-rich-toolbar-item": EzRichToolbarItem;
+        "ez-rich-toolbar-letters": EzRichToolbarLetters;
         "ez-scroller": EzScroller;
         "ez-search": EzSearch;
+        "ez-search-plus": EzSearchPlus;
+        "ez-search-result-list": EzSearchResultList;
         "ez-sidebar-button": EzSidebarButton;
         "ez-sidebar-navigator": EzSidebarNavigator;
+        "ez-simple-image-uploader": EzSimpleImageUploader;
         "ez-skeleton": EzSkeleton;
+        "ez-sortable-list": EzSortableList;
         "ez-split-button": EzSplitButton;
         "ez-split-item": EzSplitItem;
         "ez-split-panel": EzSplitPanel;
@@ -4865,6 +5914,7 @@ declare module "@stencil/core" {
             "ez-alert": LocalJSX.EzAlert & JSXBase.HTMLAttributes<HTMLEzAlertElement>;
             "ez-alert-list": LocalJSX.EzAlertList & JSXBase.HTMLAttributes<HTMLEzAlertListElement>;
             "ez-application": LocalJSX.EzApplication & JSXBase.HTMLAttributes<HTMLEzApplicationElement>;
+            "ez-avatar": LocalJSX.EzAvatar & JSXBase.HTMLAttributes<HTMLEzAvatarElement>;
             "ez-badge": LocalJSX.EzBadge & JSXBase.HTMLAttributes<HTMLEzBadgeElement>;
             "ez-breadcrumb": LocalJSX.EzBreadcrumb & JSXBase.HTMLAttributes<HTMLEzBreadcrumbElement>;
             "ez-button": LocalJSX.EzButton & JSXBase.HTMLAttributes<HTMLEzButtonElement>;
@@ -4889,6 +5939,7 @@ declare module "@stencil/core" {
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
             "ez-guide-navigator": LocalJSX.EzGuideNavigator & JSXBase.HTMLAttributes<HTMLEzGuideNavigatorElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
+            "ez-link-builder": LocalJSX.EzLinkBuilder & JSXBase.HTMLAttributes<HTMLEzLinkBuilderElement>;
             "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;
             "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;
             "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes<HTMLEzModalElement>;
@@ -4900,11 +5951,21 @@ declare module "@stencil/core" {
             "ez-popover-plus": LocalJSX.EzPopoverPlus & JSXBase.HTMLAttributes<HTMLEzPopoverPlusElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
+            "ez-rich-text": LocalJSX.EzRichText & JSXBase.HTMLAttributes<HTMLEzRichTextElement>;
+            "ez-rich-toolbar": LocalJSX.EzRichToolbar & JSXBase.HTMLAttributes<HTMLEzRichToolbarElement>;
+            "ez-rich-toolbar-arrows": LocalJSX.EzRichToolbarArrows & JSXBase.HTMLAttributes<HTMLEzRichToolbarArrowsElement>;
+            "ez-rich-toolbar-configs": LocalJSX.EzRichToolbarConfigs & JSXBase.HTMLAttributes<HTMLEzRichToolbarConfigsElement>;
+            "ez-rich-toolbar-item": LocalJSX.EzRichToolbarItem & JSXBase.HTMLAttributes<HTMLEzRichToolbarItemElement>;
+            "ez-rich-toolbar-letters": LocalJSX.EzRichToolbarLetters & JSXBase.HTMLAttributes<HTMLEzRichToolbarLettersElement>;
             "ez-scroller": LocalJSX.EzScroller & JSXBase.HTMLAttributes<HTMLEzScrollerElement>;
             "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
+            "ez-search-plus": LocalJSX.EzSearchPlus & JSXBase.HTMLAttributes<HTMLEzSearchPlusElement>;
+            "ez-search-result-list": LocalJSX.EzSearchResultList & JSXBase.HTMLAttributes<HTMLEzSearchResultListElement>;
             "ez-sidebar-button": LocalJSX.EzSidebarButton & JSXBase.HTMLAttributes<HTMLEzSidebarButtonElement>;
             "ez-sidebar-navigator": LocalJSX.EzSidebarNavigator & JSXBase.HTMLAttributes<HTMLEzSidebarNavigatorElement>;
+            "ez-simple-image-uploader": LocalJSX.EzSimpleImageUploader & JSXBase.HTMLAttributes<HTMLEzSimpleImageUploaderElement>;
             "ez-skeleton": LocalJSX.EzSkeleton & JSXBase.HTMLAttributes<HTMLEzSkeletonElement>;
+            "ez-sortable-list": LocalJSX.EzSortableList & JSXBase.HTMLAttributes<HTMLEzSortableListElement>;
             "ez-split-button": LocalJSX.EzSplitButton & JSXBase.HTMLAttributes<HTMLEzSplitButtonElement>;
             "ez-split-item": LocalJSX.EzSplitItem & JSXBase.HTMLAttributes<HTMLEzSplitItemElement>;
             "ez-split-panel": LocalJSX.EzSplitPanel & JSXBase.HTMLAttributes<HTMLEzSplitPanelElement>;