@sankhyalabs/ezui 6.2.0 → 6.3.0-dev.1

package/dist/types/components.d.ts

@@ -14,6 +14,8 @@ import { CardItem } from "./components/ez-card-item/ez-card-item";
 import { ChartAxis, ChartType } from "./components/ez-chart/interfaces";
 import { ChartSerie, SerieClickEvent } from "./components/ez-chart/interfaces/ChartSerie";
 import { CheckMode } from "./components/ez-check/CheckMode";
+import { OptionsSetFocus } from "./components/ez-classic-input/interfaces/optionsSetFocus";
+import { OptionsSetFocus as OptionsSetFocus1 } from "./components/ez-classic-text-area/interfaces/optionsSetFocus";
 import { IEzCheckBoxListPosition, IOption, ISearchArgument } from "./components/ez-combo-box/ez-combo-box";
 import { TFocusOptions } from "./components/ez-text-input/ez-text-input";
 import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption1 } from "./components/ez-combo-box/ez-combo-box";
@@ -32,6 +34,7 @@ import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from "
 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";
@@ -141,6 +144,10 @@ export namespace Components {
     interface EzApplication {
     }
     interface EzAvatar {
+        /**
+          * Nome do ícone que deve ser exibido no avatar.
+         */
+        "iconName"?: string;
         /**
           * URL da imagem do Avatar.
          */
@@ -373,10 +380,22 @@ export namespace Components {
           * Se false o usuário não pode interagir com o ez-chip.
          */
         "enabled": boolean;
+        /**
+          * Define o icone esquerdo.
+         */
+        "iconNameLeft": string;
+        /**
+          * Define o icone direito.
+         */
+        "iconNameRight": string;
         /**
           * Texto a ser apresentado como título do ez-chip.
          */
         "label": string;
+        /**
+          * Define o tamanho máximo do chip.
+         */
+        "maxWidth": string;
         /**
           * Define o modo de uso do ez-chip.
          */
@@ -397,11 +416,183 @@ export namespace Components {
           * Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.
          */
         "showNativeTooltip": boolean;
+        /**
+          * Define o tamanho do chip.
+         */
+        "size": 'default' | 'medium' | 'large';
+        /**
+          * Define o tipo de estilização do chip.
+         */
+        "type": 'primary' | 'secondary';
         /**
           * Define o valor do ez-chip.
          */
         "value": boolean;
     }
+    interface EzClassicInput {
+        /**
+          * Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false)
+         */
+        "emitMaskedValue"?: boolean;
+        /**
+          * Define se o input está habilitado
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto de ajuda exibido abaixo do input
+         */
+        "helpText"?: string;
+        /**
+          * Texto do label exibido acima do input
+         */
+        "label"?: string;
+        /**
+          * Define se o ícone da esquerda é clicável
+         */
+        "leftIconClickable"?: boolean;
+        /**
+          * Nome do ícone à esquerda
+         */
+        "leftIconName"?: string;
+        /**
+          * Título do ícone à esquerda (tooltip)
+         */
+        "leftIconTooltip"?: string;
+        /**
+          * Aplica uma máscara no conteúdo conforme o padrão estabelecido.  Para mais informações acesse:  https://gilded-nasturtium-6b64dd.netlify.app/docs/utilities/api/classes/maskformatter/
+         */
+        "mask"?: string;
+        /**
+          * Tamanho máximo do valor
+         */
+        "maxlength"?: number;
+        /**
+          * Tamanho mínimo do valor
+         */
+        "minlength"?: number;
+        /**
+          * Nome do input
+         */
+        "name"?: string;
+        /**
+          * Placeholder do input
+         */
+        "placeholder"?: string;
+        /**
+          * Define se o input é somente leitura
+         */
+        "readonly"?: boolean;
+        /**
+          * Define se o ícone da direita é clicável
+         */
+        "rightIconClickable"?: boolean;
+        /**
+          * Nome do ícone à direita
+         */
+        "rightIconName"?: string;
+        /**
+          * Título do ícone à direita (tooltip)
+         */
+        "rightIconTooltip"?: string;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": (option?: OptionsSetFocus) => Promise<void>;
+        /**
+          * Estado visual do input: default, error, success ou warning
+         */
+        "state"?: "default" | "error" | "success" | "warning";
+        /**
+          * Tipo do input (ex: text, password, email, etc)
+         */
+        "type": string;
+        /**
+          * Valor do input
+         */
+        "value"?: string;
+    }
+    interface EzClassicTextArea {
+        /**
+          * Define se a textarea está habilitada
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto de ajuda exibido abaixo da textarea
+         */
+        "helpText"?: string;
+        /**
+          * Texto do rótulo exibido acima da área de texto
+         */
+        "label"?: string;
+        /**
+          * Define se o ícone da esquerda é clicável
+         */
+        "leftIconClickable"?: boolean;
+        /**
+          * Nome do ícone à esquerda
+         */
+        "leftIconName"?: string;
+        /**
+          * Título do ícone à esquerda (tooltip)
+         */
+        "leftIconTooltip"?: string;
+        /**
+          * Número máximo de caracteres permitidos
+         */
+        "maxlength"?: number;
+        /**
+          * Nome da textarea
+         */
+        "name"?: string;
+        /**
+          * Texto de placeholder exibido quando a área de texto está vazia
+         */
+        "placeholder"?: string;
+        /**
+          * Se a área de texto é somente leitura
+         */
+        "readonly"?: boolean;
+        /**
+          * Comportamento de redimensionamento da área de texto
+         */
+        "resize"?: 'none' | 'both' | 'horizontal' | 'vertical';
+        /**
+          * Define se o ícone da direita é clicável
+         */
+        "rightIconClickable"?: boolean;
+        /**
+          * Nome do ícone à direita
+         */
+        "rightIconName"?: string;
+        /**
+          * Título do ícone à direita (tooltip)
+         */
+        "rightIconTooltip"?: string;
+        /**
+          * Define o número de linhas da área de texto
+         */
+        "rows"?: number;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": (option?: OptionsSetFocus1) => Promise<void>;
+        /**
+          * Estado visual da textarea: default, error, success ou warning
+         */
+        "state"?: "default" | "error" | "success" | "warning";
+        /**
+          * Valor atual da área de texto
+         */
+        "value"?: string;
+    }
     interface EzCollapsibleBox {
         /**
           * Aplica o foco no campo de edição de título.
@@ -518,6 +709,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.
          */
@@ -1244,6 +1439,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.
@@ -1306,6 +1505,20 @@ export namespace Components {
          */
         "useGroups": boolean;
     }
+    interface EzListItem {
+        /**
+          * Nome do ícone que deve ser exibido no item.
+         */
+        "iconName"?: string;
+        /**
+          * Texto do item da lista.
+         */
+        "text"?: string;
+        /**
+          * Título do item da lista.
+         */
+        "titleText"?: string;
+    }
     interface EzLoadingBar {
         /**
           * Oculta o ez-loading-bar.
@@ -1668,6 +1881,98 @@ export namespace Components {
          */
         "value": any;
     }
+    interface EzRichText {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Define o número de linhas.
+         */
+        "rows": number;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<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 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.
@@ -1961,6 +2266,20 @@ 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
@@ -2255,7 +2574,7 @@ export namespace Components {
         /**
           * Define o tamanho do campo.
          */
-        "mode": "slim" | "regular";
+        "mode": 'slim' | 'regular';
         /**
           * Define o número de linhas.
          */
@@ -2610,6 +2929,10 @@ export namespace Components {
           * Desabilita um ou mais itens.
          */
         "disableItem": (id: string | Array<string>) => Promise<void>;
+        /**
+          * Define se a árvore deve permitir a filtragem hierárquica.
+         */
+        "enableHierarchicalFilter": boolean;
         /**
           * Habilita um ou mais itens.
          */
@@ -2801,6 +3124,14 @@ export interface EzChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzChipElement;
 }
+export interface EzClassicInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzClassicInputElement;
+}
+export interface EzClassicTextAreaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzClassicTextAreaElement;
+}
 export interface EzCollapsibleBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzCollapsibleBoxElement;
@@ -2853,6 +3184,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;
@@ -2893,6 +3228,18 @@ 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;
@@ -2913,6 +3260,10 @@ 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;
@@ -3044,6 +3395,18 @@ declare global {
         prototype: HTMLEzChipElement;
         new (): HTMLEzChipElement;
     };
+    interface HTMLEzClassicInputElement extends Components.EzClassicInput, HTMLStencilElement {
+    }
+    var HTMLEzClassicInputElement: {
+        prototype: HTMLEzClassicInputElement;
+        new (): HTMLEzClassicInputElement;
+    };
+    interface HTMLEzClassicTextAreaElement extends Components.EzClassicTextArea, HTMLStencilElement {
+    }
+    var HTMLEzClassicTextAreaElement: {
+        prototype: HTMLEzClassicTextAreaElement;
+        new (): HTMLEzClassicTextAreaElement;
+    };
     interface HTMLEzCollapsibleBoxElement extends Components.EzCollapsibleBox, HTMLStencilElement {
     }
     var HTMLEzCollapsibleBoxElement: {
@@ -3146,12 +3509,24 @@ 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: {
         prototype: HTMLEzListElement;
         new (): HTMLEzListElement;
     };
+    interface HTMLEzListItemElement extends Components.EzListItem, HTMLStencilElement {
+    }
+    var HTMLEzListItemElement: {
+        prototype: HTMLEzListItemElement;
+        new (): HTMLEzListItemElement;
+    };
     interface HTMLEzLoadingBarElement extends Components.EzLoadingBar, HTMLStencilElement {
     }
     var HTMLEzLoadingBarElement: {
@@ -3212,6 +3587,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: {
@@ -3248,6 +3659,12 @@ 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: {
@@ -3394,6 +3811,8 @@ declare global {
         "ez-chart": HTMLEzChartElement;
         "ez-check": HTMLEzCheckElement;
         "ez-chip": HTMLEzChipElement;
+        "ez-classic-input": HTMLEzClassicInputElement;
+        "ez-classic-text-area": HTMLEzClassicTextAreaElement;
         "ez-collapsible-box": HTMLEzCollapsibleBoxElement;
         "ez-combo-box": HTMLEzComboBoxElement;
         "ez-combo-box-list": HTMLEzComboBoxListElement;
@@ -3411,7 +3830,9 @@ declare global {
         "ez-grid": HTMLEzGridElement;
         "ez-guide-navigator": HTMLEzGuideNavigatorElement;
         "ez-icon": HTMLEzIconElement;
+        "ez-link-builder": HTMLEzLinkBuilderElement;
         "ez-list": HTMLEzListElement;
+        "ez-list-item": HTMLEzListItemElement;
         "ez-loading-bar": HTMLEzLoadingBarElement;
         "ez-modal": HTMLEzModalElement;
         "ez-modal-container": HTMLEzModalContainerElement;
@@ -3422,12 +3843,19 @@ 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;
@@ -3542,6 +3970,10 @@ declare namespace LocalJSX {
         "onApplicationLoaded"?: (event: EzApplicationCustomEvent<boolean>) => void;
     }
     interface EzAvatar {
+        /**
+          * Nome do ícone que deve ser exibido no avatar.
+         */
+        "iconName"?: string;
         /**
           * URL da imagem do Avatar.
          */
@@ -3762,10 +4194,22 @@ declare namespace LocalJSX {
           * Se false o usuário não pode interagir com o ez-chip.
          */
         "enabled"?: boolean;
+        /**
+          * Define o icone esquerdo.
+         */
+        "iconNameLeft"?: string;
+        /**
+          * Define o icone direito.
+         */
+        "iconNameRight"?: string;
         /**
           * Texto a ser apresentado como título do ez-chip.
          */
         "label"?: string;
+        /**
+          * Define o tamanho máximo do chip.
+         */
+        "maxWidth"?: string;
         /**
           * Define o modo de uso do ez-chip.
          */
@@ -3774,6 +4218,10 @@ declare namespace LocalJSX {
           * Emitido no modo "action" quando o usuário clica no ez-chip.
          */
         "onActionClick"?: (event: EzChipCustomEvent<void>) => void;
+        /**
+          * Emitido quando o icone é acionado.
+         */
+        "onIconClick"?: (event: EzChipCustomEvent<{ icon: "left" | "right" }>) => void;
         /**
           * Emitido quando o botão de remoção é acionado.
          */
@@ -3790,11 +4238,191 @@ declare namespace LocalJSX {
           * Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.
          */
         "showNativeTooltip"?: boolean;
+        /**
+          * Define o tamanho do chip.
+         */
+        "size"?: 'default' | 'medium' | 'large';
+        /**
+          * Define o tipo de estilização do chip.
+         */
+        "type"?: 'primary' | 'secondary';
         /**
           * Define o valor do ez-chip.
          */
         "value"?: boolean;
     }
+    interface EzClassicInput {
+        /**
+          * Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false)
+         */
+        "emitMaskedValue"?: boolean;
+        /**
+          * Define se o input está habilitado
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto de ajuda exibido abaixo do input
+         */
+        "helpText"?: string;
+        /**
+          * Texto do label exibido acima do input
+         */
+        "label"?: string;
+        /**
+          * Define se o ícone da esquerda é clicável
+         */
+        "leftIconClickable"?: boolean;
+        /**
+          * Nome do ícone à esquerda
+         */
+        "leftIconName"?: string;
+        /**
+          * Título do ícone à esquerda (tooltip)
+         */
+        "leftIconTooltip"?: string;
+        /**
+          * Aplica uma máscara no conteúdo conforme o padrão estabelecido.  Para mais informações acesse:  https://gilded-nasturtium-6b64dd.netlify.app/docs/utilities/api/classes/maskformatter/
+         */
+        "mask"?: string;
+        /**
+          * Tamanho máximo do valor
+         */
+        "maxlength"?: number;
+        /**
+          * Tamanho mínimo do valor
+         */
+        "minlength"?: number;
+        /**
+          * Nome do input
+         */
+        "name"?: string;
+        /**
+          * Evento disparado quando o input perde o foco.
+         */
+        "onEzBlur"?: (event: EzClassicInputCustomEvent<string>) => void;
+        /**
+          * Evento disparado quando o valor do input muda.
+         */
+        "onEzChange"?: (event: EzClassicInputCustomEvent<string>) => void;
+        /**
+          * Evento disparado quando um ícone é clicado. Payload: { icon: "left" | "right" }
+         */
+        "onIconClick"?: (event: EzClassicInputCustomEvent<{ icon: "left" | "right" }>) => void;
+        /**
+          * Placeholder do input
+         */
+        "placeholder"?: string;
+        /**
+          * Define se o input é somente leitura
+         */
+        "readonly"?: boolean;
+        /**
+          * Define se o ícone da direita é clicável
+         */
+        "rightIconClickable"?: boolean;
+        /**
+          * Nome do ícone à direita
+         */
+        "rightIconName"?: string;
+        /**
+          * Título do ícone à direita (tooltip)
+         */
+        "rightIconTooltip"?: string;
+        /**
+          * Estado visual do input: default, error, success ou warning
+         */
+        "state"?: "default" | "error" | "success" | "warning";
+        /**
+          * Tipo do input (ex: text, password, email, etc)
+         */
+        "type"?: string;
+        /**
+          * Valor do input
+         */
+        "value"?: string;
+    }
+    interface EzClassicTextArea {
+        /**
+          * Define se a textarea está habilitada
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto de ajuda exibido abaixo da textarea
+         */
+        "helpText"?: string;
+        /**
+          * Texto do rótulo exibido acima da área de texto
+         */
+        "label"?: string;
+        /**
+          * Define se o ícone da esquerda é clicável
+         */
+        "leftIconClickable"?: boolean;
+        /**
+          * Nome do ícone à esquerda
+         */
+        "leftIconName"?: string;
+        /**
+          * Título do ícone à esquerda (tooltip)
+         */
+        "leftIconTooltip"?: string;
+        /**
+          * Número máximo de caracteres permitidos
+         */
+        "maxlength"?: number;
+        /**
+          * Nome da textarea
+         */
+        "name"?: string;
+        /**
+          * Evento emitido quando a área de texto perde foco
+         */
+        "onEzBlur"?: (event: EzClassicTextAreaCustomEvent<string>) => void;
+        /**
+          * Evento emitido quando o valor da área de texto muda
+         */
+        "onEzChange"?: (event: EzClassicTextAreaCustomEvent<string>) => void;
+        /**
+          * Evento disparado quando um ícone é clicado. Payload: { icon: "left" | "right" }
+         */
+        "onIconClick"?: (event: EzClassicTextAreaCustomEvent<{ icon: "left" | "right" }>) => void;
+        /**
+          * Texto de placeholder exibido quando a área de texto está vazia
+         */
+        "placeholder"?: string;
+        /**
+          * Se a área de texto é somente leitura
+         */
+        "readonly"?: boolean;
+        /**
+          * Comportamento de redimensionamento da área de texto
+         */
+        "resize"?: 'none' | 'both' | 'horizontal' | 'vertical';
+        /**
+          * Define se o ícone da direita é clicável
+         */
+        "rightIconClickable"?: boolean;
+        /**
+          * Nome do ícone à direita
+         */
+        "rightIconName"?: string;
+        /**
+          * Título do ícone à direita (tooltip)
+         */
+        "rightIconTooltip"?: string;
+        /**
+          * Define o número de linhas da área de texto
+         */
+        "rows"?: number;
+        /**
+          * Estado visual da textarea: default, error, success ou warning
+         */
+        "state"?: "default" | "error" | "success" | "warning";
+        /**
+          * Valor atual da área de texto
+         */
+        "value"?: string;
+    }
     interface EzCollapsibleBox {
         /**
           * Define seu o componente deve ter borda
@@ -3910,6 +4538,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`.
          */
@@ -4549,6 +5181,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.
@@ -4607,6 +5242,20 @@ declare namespace LocalJSX {
          */
         "useGroups"?: boolean;
     }
+    interface EzListItem {
+        /**
+          * Nome do ícone que deve ser exibido no item.
+         */
+        "iconName"?: string;
+        /**
+          * Texto do item da lista.
+         */
+        "text"?: string;
+        /**
+          * Título do item da lista.
+         */
+        "titleText"?: string;
+    }
     interface EzLoadingBar {
     }
     interface EzModal {
@@ -4939,6 +5588,92 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    interface EzRichText {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzRichTextCustomEvent<string>) => void;
+        /**
+          * Define o número de linhas.
+         */
+        "rows"?: number;
+        /**
+          * 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.
@@ -5196,6 +5931,13 @@ 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
@@ -5488,7 +6230,7 @@ declare namespace LocalJSX {
         /**
           * Define o tamanho do campo.
          */
-        "mode"?: "slim" | "regular";
+        "mode"?: 'slim' | 'regular';
         /**
           * Emitido quando acontece a alteração de valor do campo.
          */
@@ -5807,6 +6549,10 @@ declare namespace LocalJSX {
         "useAnchorSize"?: boolean;
     }
     interface EzTree {
+        /**
+          * Define se a árvore deve permitir a filtragem hierárquica.
+         */
+        "enableHierarchicalFilter"?: boolean;
         /**
           * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS.
          */
@@ -5949,6 +6695,8 @@ declare namespace LocalJSX {
         "ez-chart": EzChart;
         "ez-check": EzCheck;
         "ez-chip": EzChip;
+        "ez-classic-input": EzClassicInput;
+        "ez-classic-text-area": EzClassicTextArea;
         "ez-collapsible-box": EzCollapsibleBox;
         "ez-combo-box": EzComboBox;
         "ez-combo-box-list": EzComboBoxList;
@@ -5966,7 +6714,9 @@ declare namespace LocalJSX {
         "ez-grid": EzGrid;
         "ez-guide-navigator": EzGuideNavigator;
         "ez-icon": EzIcon;
+        "ez-link-builder": EzLinkBuilder;
         "ez-list": EzList;
+        "ez-list-item": EzListItem;
         "ez-loading-bar": EzLoadingBar;
         "ez-modal": EzModal;
         "ez-modal-container": EzModalContainer;
@@ -5977,12 +6727,19 @@ 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;
@@ -6024,6 +6781,8 @@ declare module "@stencil/core" {
             "ez-chart": LocalJSX.EzChart & JSXBase.HTMLAttributes<HTMLEzChartElement>;
             "ez-check": LocalJSX.EzCheck & JSXBase.HTMLAttributes<HTMLEzCheckElement>;
             "ez-chip": LocalJSX.EzChip & JSXBase.HTMLAttributes<HTMLEzChipElement>;
+            "ez-classic-input": LocalJSX.EzClassicInput & JSXBase.HTMLAttributes<HTMLEzClassicInputElement>;
+            "ez-classic-text-area": LocalJSX.EzClassicTextArea & JSXBase.HTMLAttributes<HTMLEzClassicTextAreaElement>;
             "ez-collapsible-box": LocalJSX.EzCollapsibleBox & JSXBase.HTMLAttributes<HTMLEzCollapsibleBoxElement>;
             "ez-combo-box": LocalJSX.EzComboBox & JSXBase.HTMLAttributes<HTMLEzComboBoxElement>;
             "ez-combo-box-list": LocalJSX.EzComboBoxList & JSXBase.HTMLAttributes<HTMLEzComboBoxListElement>;
@@ -6041,7 +6800,9 @@ 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-list-item": LocalJSX.EzListItem & JSXBase.HTMLAttributes<HTMLEzListItemElement>;
             "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;
             "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes<HTMLEzModalElement>;
             "ez-modal-container": LocalJSX.EzModalContainer & JSXBase.HTMLAttributes<HTMLEzModalContainerElement>;
@@ -6052,12 +6813,19 @@ 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>;