@sankhyalabs/ezui 6.0.1 → 6.1.0-dev.2

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,12 +21,14 @@ 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";
@@ -39,15 +41,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 +140,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 +327,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
          */
@@ -420,6 +453,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.
          */
@@ -505,6 +542,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 +652,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 +699,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 +784,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 +821,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 +937,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 +957,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.
          */
@@ -915,6 +984,10 @@ export namespace Components {
          */
         "setFieldProp": (fieldName: string, propName: string, value: any) => Promise<void>;
         "showUp": () => Promise<void>;
+        /**
+          * Define se o formulario deve possuir apenas 1 coluna.
+         */
+        "singleColumn": boolean;
     }
     interface EzGrid {
         /**
@@ -1002,6 +1075,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.
          */
@@ -1066,10 +1143,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 {
         /**
@@ -1124,6 +1209,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.
          */
@@ -1305,6 +1394,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.
          */
@@ -1572,6 +1665,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.
          */
@@ -1674,6 +1771,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 {
@@ -1721,10 +1946,10 @@ export namespace Components {
     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
@@ -1742,12 +1967,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}
@@ -1755,6 +2003,68 @@ export namespace Components {
          */
         "width": string;
     }
+    interface EzSortableList {
+        /**
+          * Remove a seleção de todos os itens da lista
+         */
+        "clearSelection": () => Promise<void>;
+        /**
+          * 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;
+        /**
+          * 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.
@@ -1768,6 +2078,14 @@ export namespace Components {
           * 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.
          */
@@ -1800,10 +2118,15 @@ export namespace Components {
           * 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 {
         /**
@@ -1852,6 +2175,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
@@ -1925,6 +2252,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.
          */
@@ -1945,6 +2276,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.
          */
@@ -1987,6 +2322,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.
          */
@@ -2055,18 +2394,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 {
         /**
@@ -2218,8 +2581,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> {
@@ -2350,6 +2713,14 @@ 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;
@@ -2358,6 +2729,10 @@ export interface EzSidebarNavigatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSidebarNavigatorElement;
 }
+export interface EzSortableListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSortableListElement;
+}
 export interface EzSplitButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSplitButtonElement;
@@ -2427,6 +2802,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: {
@@ -2649,6 +3030,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: {
@@ -2667,6 +3060,12 @@ declare global {
         prototype: HTMLEzSkeletonElement;
         new (): HTMLEzSkeletonElement;
     };
+    interface HTMLEzSortableListElement extends Components.EzSortableList, HTMLStencilElement {
+    }
+    var HTMLEzSortableListElement: {
+        prototype: HTMLEzSortableListElement;
+        new (): HTMLEzSortableListElement;
+    };
     interface HTMLEzSplitButtonElement extends Components.EzSplitButton, HTMLStencilElement {
     }
     var HTMLEzSplitButtonElement: {
@@ -2768,6 +3167,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;
@@ -2805,9 +3205,12 @@ declare global {
         "ez-radio-button": HTMLEzRadioButtonElement;
         "ez-scroller": HTMLEzScrollerElement;
         "ez-search": HTMLEzSearchElement;
+        "ez-search-plus": HTMLEzSearchPlusElement;
+        "ez-search-result-list": HTMLEzSearchResultListElement;
         "ez-sidebar-button": HTMLEzSidebarButtonElement;
         "ez-sidebar-navigator": HTMLEzSidebarNavigatorElement;
         "ez-skeleton": HTMLEzSkeletonElement;
+        "ez-sortable-list": HTMLEzSortableListElement;
         "ez-split-button": HTMLEzSplitButtonElement;
         "ez-split-item": HTMLEzSplitItemElement;
         "ez-split-panel": HTMLEzSplitPanelElement;
@@ -2915,6 +3318,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.
@@ -3072,6 +3497,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
          */
@@ -3198,6 +3627,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.
          */
@@ -3270,6 +3703,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.
          */
@@ -3352,6 +3789,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.
          */
@@ -3394,6 +3835,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.
          */
@@ -3478,12 +3923,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;
         /**
@@ -3498,7 +3947,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.
@@ -3512,6 +3967,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 {
         /**
@@ -3632,6 +4095,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.
          */
@@ -3660,6 +4127,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 {
         /**
@@ -3678,6 +4149,10 @@ declare namespace LocalJSX {
           * Define os registros da linha selecionada.
          */
         "selectedRecord"?: Record;
+        /**
+          * Define se o formulario deve possuir apenas 1 coluna.
+         */
+        "singleColumn"?: boolean;
     }
     interface EzGrid {
         /**
@@ -3724,6 +4199,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.
          */
@@ -3776,10 +4255,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 {
         /**
@@ -3804,6 +4291,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.
          */
@@ -3992,6 +4483,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.
          */
@@ -4218,6 +4713,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.
          */
@@ -4307,6 +4806,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.
@@ -4350,10 +4958,10 @@ declare namespace LocalJSX {
     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
@@ -4371,12 +4979,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}
@@ -4384,6 +5015,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.
@@ -4397,6 +5102,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.
          */
@@ -4429,6 +5138,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.
          */
@@ -4484,6 +5194,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.
          */
@@ -4548,6 +5262,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.
          */
@@ -4568,6 +5286,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.
          */
@@ -4602,6 +5324,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.
          */
@@ -4666,14 +5392,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 {
         /**
@@ -4778,19 +5532,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;
@@ -4828,9 +5583,12 @@ declare namespace LocalJSX {
         "ez-radio-button": EzRadioButton;
         "ez-scroller": EzScroller;
         "ez-search": EzSearch;
+        "ez-search-plus": EzSearchPlus;
+        "ez-search-result-list": EzSearchResultList;
         "ez-sidebar-button": EzSidebarButton;
         "ez-sidebar-navigator": EzSidebarNavigator;
         "ez-skeleton": EzSkeleton;
+        "ez-sortable-list": EzSortableList;
         "ez-split-button": EzSplitButton;
         "ez-split-item": EzSplitItem;
         "ez-split-panel": EzSplitPanel;
@@ -4857,6 +5615,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>;
@@ -4894,9 +5653,12 @@ declare module "@stencil/core" {
             "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
             "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-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>;