@sankhyalabs/ezui 6.5.0 → 6.6.0-dev.1

package/dist/types/components.d.ts

@@ -35,12 +35,14 @@ 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";
 import { IEzPopoverAnchorOptions } from "./components/ez-popover/ez-popover";
 import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions1 } from "./components/ez-popover-plus/subcomponent/ez-popover-core";
 import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./components/ez-popover-plus/ez-popover-plus";
+import { EzButtonProps } from "./components/ez-popup/interfaces/EzButtonProps";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
 import { IOption as IOption3, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
@@ -145,6 +147,10 @@ export namespace Components {
     interface EzApplication {
     }
     interface EzAvatar {
+        /**
+          * Nome do ícone que deve ser exibido no avatar.
+         */
+        "iconName"?: string;
         /**
           * URL da imagem do Avatar.
          */
@@ -213,6 +219,7 @@ export namespace Components {
     interface EzButton {
         /**
           * Se false o usuário não pode interagir com o botão.
+          * @deprecated Use `isDisabled` prop instead.
          */
         "enabled": boolean;
         /**
@@ -223,14 +230,26 @@ export namespace Components {
           * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
          */
         "image": string;
+        /**
+          * Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão.
+         */
+        "isDisabled": boolean | "full" | "";
         /**
           * Texto a ser apresentado como título do botão.
          */
         "label": string;
+        /**
+          * Define o ícone esquerdo do ez-button. Tem prioridade sobre o slot `leftIcon`.
+         */
+        "leftIconName"?: string;
         /**
           * Define o modo de uso do botão.
          */
         "mode": "regular" | "icon" | "link" | "label-icon";
+        /**
+          * Define o ícone direto do ez-button. Tem prioridade sobre o slot `rightIcon`.
+         */
+        "rightIconName"?: string;
         /**
           * Remove o foco do botão.
          */
@@ -242,7 +261,19 @@ export namespace Components {
         /**
           * Define o tamanho do ez-button.
          */
-        "size": "x-small" | "small" | "medium" | "large" | undefined;
+        "size": "x-small" | "small" | "medium" | "large";
+        /**
+          * Se verdadeiro, desabilita a animação de ripple.
+         */
+        "suppressAnimation"?: boolean;
+        /**
+          * Define o tipo do botão. Pode ser `button`, `submit` ou `reset`.
+         */
+        "type"?: string;
+        /**
+          * Define a variante do ez-button.
+         */
+        "variant"?: "primary" | "secondary" | "tertiary";
     }
     interface EzCalendar {
         /**
@@ -377,10 +408,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.
          */
@@ -405,10 +448,18 @@ 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 tabindex do chip. Por padrão é 0, permitindo que o chip seja focável.
          */
         "tabIndex": number;
+        /**
+          * Define o tipo de estilização do chip.
+         */
+        "type": 'primary' | 'secondary';
         /**
           * Define o valor do ez-chip.
          */
@@ -773,6 +824,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.
          */
@@ -1508,6 +1563,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.
@@ -1570,6 +1629,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.
@@ -1730,6 +1803,32 @@ export namespace Components {
          */
         "value": number;
     }
+    interface EzPagination {
+        /**
+          * O número da página atual.
+         */
+        "currentPage": number;
+        /**
+          * Esconde as o texto de informação da paginação no tipo default.
+         */
+        "hideInfoLabel": boolean;
+        /**
+          * O número de páginas a serem exibidas na paginação.
+         */
+        "pageLimit": number;
+        /**
+          * O número de itens por página.
+         */
+        "pageSize": number;
+        /**
+          * O número total de itens.
+         */
+        "totalItems": number;
+        /**
+          * O tipo de paginação a ser renderizada. Pode ser 'default' ou 'number'.
+         */
+        "type": 'default' | 'number';
+    }
     interface EzPopover {
         /**
           * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
@@ -1885,6 +1984,11 @@ export namespace Components {
         "useAnchorSize": boolean;
     }
     interface EzPopup {
+        /**
+          * Define se o popup deve fechar automaticamente ao clicar fora dele.
+          * @default true
+         */
+        "autoClose": boolean;
         /**
           * Possibilita scroll vertical no conteúdo interno do componente
          */
@@ -1893,6 +1997,10 @@ export namespace Components {
           * Texto a ser apresentado como título do componente.
          */
         "ezTitle": string;
+        /**
+          * Botões do rodapé do popup. Aceita todas as propriedades do ez-button. Limitado a até 3 botões.
+         */
+        "footerButtons"?: Partial<EzButtonProps>[];
         /**
           * Define altura do componente.
          */
@@ -1946,6 +2054,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.
@@ -2239,6 +2439,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
@@ -2361,19 +2575,46 @@ export namespace Components {
          */
         "title": string;
     }
+    interface EzSpinner {
+        /**
+          * Define o tamanho do spinner
+         */
+        "size"?: 'small' | 'medium' | 'large';
+    }
+    /**
+     * Split Button Component
+     * @example ```html
+     * <ez-split-button 
+     *   label="Save" 
+     *   mode="icon-left" 
+     *   left-icon-name="save"
+     *   size="medium"
+     *   variant="primary">
+     * </ez-split-button>
+     * ```
+     * @fires buttonClick - Emitido quando o botão principal é clicado
+     * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado
+     * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada
+     */
     interface EzSplitButton {
         /**
           * Se false o usuário não pode interagir com o botão.
+          * @deprecated Use `isDisabled` prop instead.
          */
         "enabled": boolean;
         /**
           * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+          * @deprecated Use `leftIconName` prop instead.
          */
         "iconName": string;
         /**
           * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
          */
         "image": string;
+        /**
+          * Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão.
+         */
+        "isDisabled": boolean | "full" | "";
         /**
           * Informa se a lista de ações está aberta.
          */
@@ -2390,6 +2631,10 @@ export namespace Components {
           * Texto a ser apresentado como label do botão.
          */
         "label": string;
+        /**
+          * Define o ícone esquerdo a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "leftIconName": string;
         /**
           * Texto a ser apresentado como title do botão principal
          */
@@ -2397,7 +2642,11 @@ export namespace Components {
         /**
           * Define o modo de uso do botão.
          */
-        "mode": 'default' | 'icon-only' | 'icon-left';
+        "mode": ButtonMode;
+        /**
+          * Define o ícone direito a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "rightIconName": string;
         /**
           * Texto a ser apresentado como title do botão dropdown
          */
@@ -2414,15 +2663,26 @@ export namespace Components {
           * Aplica o foco no botão do dropdown.
          */
         "setRightButtonFocus": () => Promise<void>;
+        /**
+          * Se true, o dropdown do botão é exibido.
+         */
         "show": boolean;
         /**
           * Define o tamanho do ez-split-button.
          */
-        "size": 'small' | 'medium' | 'large';
+        "size": ButtonSize;
+        /**
+          * Se verdadeiro, desabilita a animação de ripple.
+         */
+        "suppressAnimation"?: boolean;
         /**
           * Abre ou Fecha o dropdown do Split Button.
          */
         "toggleDropdown": () => Promise<void>;
+        /**
+          * Define a variante do ez-split-button.
+         */
+        "variant"?: "primary" | "secondary" | "tertiary";
     }
     interface EzSplitItem {
         /**
@@ -2615,7 +2875,7 @@ export namespace Components {
         /**
           * Define o tamanho do campo.
          */
-        "mode": "slim" | "regular";
+        "mode": 'slim' | 'regular';
         /**
           * Define o número de linhas.
          */
@@ -2966,6 +3226,10 @@ export namespace Components {
           * Efetua a seleção de um item.
          */
         "applyFilter": (pattern: string) => Promise<void>;
+        /**
+          * Recolhe todos os itens da árvore.
+         */
+        "collapseAll": () => Promise<void>;
         /**
           * Desabilita um ou mais itens.
          */
@@ -2978,6 +3242,10 @@ export namespace Components {
           * Habilita um ou mais itens.
          */
         "enableItem": (id: string | Array<string>) => Promise<void>;
+        /**
+          * Expande todos os itens da árvore.
+         */
+        "expandAll": () => Promise<void>;
         /**
           * Obtem um array do caminho de itens da seleção atual.
           * @returns Retorna um array do caminho de itens da seleção atual.
@@ -3229,6 +3497,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;
@@ -3249,6 +3521,10 @@ export interface EzNumberInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzNumberInputElement;
 }
+export interface EzPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzPaginationElement;
+}
 export interface EzPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzPopoverElement;
@@ -3269,6 +3545,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;
@@ -3289,6 +3577,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;
@@ -3544,12 +3836,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: {
@@ -3580,6 +3884,12 @@ declare global {
         prototype: HTMLEzNumberInputElement;
         new (): HTMLEzNumberInputElement;
     };
+    interface HTMLEzPaginationElement extends Components.EzPagination, HTMLStencilElement {
+    }
+    var HTMLEzPaginationElement: {
+        prototype: HTMLEzPaginationElement;
+        new (): HTMLEzPaginationElement;
+    };
     interface HTMLEzPopoverElement extends Components.EzPopover, HTMLStencilElement {
     }
     var HTMLEzPopoverElement: {
@@ -3616,6 +3926,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: {
@@ -3652,6 +3998,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: {
@@ -3664,6 +4016,27 @@ declare global {
         prototype: HTMLEzSortableListElement;
         new (): HTMLEzSortableListElement;
     };
+    interface HTMLEzSpinnerElement extends Components.EzSpinner, HTMLStencilElement {
+    }
+    var HTMLEzSpinnerElement: {
+        prototype: HTMLEzSpinnerElement;
+        new (): HTMLEzSpinnerElement;
+    };
+    /**
+     * Split Button Component
+     * @example ```html
+     * <ez-split-button 
+     *   label="Save" 
+     *   mode="icon-left" 
+     *   left-icon-name="save"
+     *   size="medium"
+     *   variant="primary">
+     * </ez-split-button>
+     * ```
+     * @fires buttonClick - Emitido quando o botão principal é clicado
+     * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado
+     * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada
+     */
     interface HTMLEzSplitButtonElement extends Components.EzSplitButton, HTMLStencilElement {
     }
     var HTMLEzSplitButtonElement: {
@@ -3824,26 +4197,37 @@ 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;
         "ez-multi-selection-list": HTMLEzMultiSelectionListElement;
         "ez-number-input": HTMLEzNumberInputElement;
+        "ez-pagination": HTMLEzPaginationElement;
         "ez-popover": HTMLEzPopoverElement;
         "ez-popover-core": HTMLEzPopoverCoreElement;
         "ez-popover-plus": HTMLEzPopoverPlusElement;
         "ez-popup": HTMLEzPopupElement;
         "ez-progress-bar": HTMLEzProgressBarElement;
         "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-spinner": HTMLEzSpinnerElement;
         "ez-split-button": HTMLEzSplitButtonElement;
         "ez-split-item": HTMLEzSplitItemElement;
         "ez-split-panel": HTMLEzSplitPanelElement;
@@ -3957,6 +4341,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.
          */
@@ -4029,6 +4417,7 @@ declare namespace LocalJSX {
     interface EzButton {
         /**
           * Se false o usuário não pode interagir com o botão.
+          * @deprecated Use `isDisabled` prop instead.
          */
         "enabled"?: boolean;
         /**
@@ -4039,18 +4428,42 @@ declare namespace LocalJSX {
           * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
          */
         "image"?: string;
+        /**
+          * Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão.
+         */
+        "isDisabled"?: boolean | "full" | "";
         /**
           * Texto a ser apresentado como título do botão.
          */
         "label"?: string;
+        /**
+          * Define o ícone esquerdo do ez-button. Tem prioridade sobre o slot `leftIcon`.
+         */
+        "leftIconName"?: string;
         /**
           * Define o modo de uso do botão.
          */
         "mode"?: "regular" | "icon" | "link" | "label-icon";
+        /**
+          * Define o ícone direto do ez-button. Tem prioridade sobre o slot `rightIcon`.
+         */
+        "rightIconName"?: string;
         /**
           * Define o tamanho do ez-button.
          */
-        "size"?: "x-small" | "small" | "medium" | "large" | undefined;
+        "size"?: "x-small" | "small" | "medium" | "large";
+        /**
+          * Se verdadeiro, desabilita a animação de ripple.
+         */
+        "suppressAnimation"?: boolean;
+        /**
+          * Define o tipo do botão. Pode ser `button`, `submit` ou `reset`.
+         */
+        "type"?: string;
+        /**
+          * Define a variante do ez-button.
+         */
+        "variant"?: "primary" | "secondary" | "tertiary";
     }
     interface EzCalendar {
         /**
@@ -4177,10 +4590,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.
          */
@@ -4189,6 +4614,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.
          */
@@ -4209,10 +4638,18 @@ 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 tabindex do chip. Por padrão é 0, permitindo que o chip seja focável.
          */
         "tabIndex"?: number;
+        /**
+          * Define o tipo de estilização do chip.
+         */
+        "type"?: 'primary' | 'secondary';
         /**
           * Define o valor do ez-chip.
          */
@@ -4591,6 +5028,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`.
          */
@@ -5238,6 +5679,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.
@@ -5296,6 +5740,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 {
@@ -5466,6 +5924,36 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface EzPagination {
+        /**
+          * O número da página atual.
+         */
+        "currentPage"?: number;
+        /**
+          * Esconde as o texto de informação da paginação no tipo default.
+         */
+        "hideInfoLabel"?: boolean;
+        /**
+          * Evento emitido quando a página é alterada.
+         */
+        "onEzPageChange"?: (event: EzPaginationCustomEvent<number>) => void;
+        /**
+          * O número de páginas a serem exibidas na paginação.
+         */
+        "pageLimit"?: number;
+        /**
+          * O número de itens por página.
+         */
+        "pageSize"?: number;
+        /**
+          * O número total de itens.
+         */
+        "totalItems"?: number;
+        /**
+          * O tipo de paginação a ser renderizada. Pode ser 'default' ou 'number'.
+         */
+        "type"?: 'default' | 'number';
+    }
     interface EzPopover {
         /**
           * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
@@ -5569,6 +6057,11 @@ declare namespace LocalJSX {
         "useAnchorSize"?: boolean;
     }
     interface EzPopup {
+        /**
+          * Define se o popup deve fechar automaticamente ao clicar fora dele.
+          * @default true
+         */
+        "autoClose"?: boolean;
         /**
           * Possibilita scroll vertical no conteúdo interno do componente
          */
@@ -5577,6 +6070,10 @@ declare namespace LocalJSX {
           * Texto a ser apresentado como título do componente.
          */
         "ezTitle"?: string;
+        /**
+          * Botões do rodapé do popup. Aceita todas as propriedades do ez-button. Limitado a até 3 botões.
+         */
+        "footerButtons"?: Partial<EzButtonProps>[];
         /**
           * Define altura do componente.
          */
@@ -5642,6 +6139,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.
@@ -5899,6 +6482,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
@@ -6033,19 +6623,46 @@ declare namespace LocalJSX {
          */
         "title"?: string;
     }
+    interface EzSpinner {
+        /**
+          * Define o tamanho do spinner
+         */
+        "size"?: 'small' | 'medium' | 'large';
+    }
+    /**
+     * Split Button Component
+     * @example ```html
+     * <ez-split-button 
+     *   label="Save" 
+     *   mode="icon-left" 
+     *   left-icon-name="save"
+     *   size="medium"
+     *   variant="primary">
+     * </ez-split-button>
+     * ```
+     * @fires buttonClick - Emitido quando o botão principal é clicado
+     * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado
+     * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada
+     */
     interface EzSplitButton {
         /**
           * Se false o usuário não pode interagir com o botão.
+          * @deprecated Use `isDisabled` prop instead.
          */
         "enabled"?: boolean;
         /**
           * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+          * @deprecated Use `leftIconName` prop instead.
          */
         "iconName"?: string;
         /**
           * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
          */
         "image"?: string;
+        /**
+          * Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão.
+         */
+        "isDisabled"?: boolean | "full" | "";
         /**
           * 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.
          */
@@ -6058,6 +6675,10 @@ declare namespace LocalJSX {
           * Texto a ser apresentado como label do botão.
          */
         "label"?: string;
+        /**
+          * Define o ícone esquerdo a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "leftIconName"?: string;
         /**
           * Texto a ser apresentado como title do botão principal
          */
@@ -6065,7 +6686,7 @@ declare namespace LocalJSX {
         /**
           * Define o modo de uso do botão.
          */
-        "mode"?: 'default' | 'icon-only' | 'icon-left';
+        "mode"?: ButtonMode;
         /**
           * Emitido quando o botão principal é clicado
          */
@@ -6078,15 +6699,30 @@ declare namespace LocalJSX {
           * Emitido quando uma subAction de um item do dropdown é clicada
          */
         "onDropdownSubActionClick"?: (event: EzSplitButtonCustomEvent<IDropdownSubAction>) => void;
+        /**
+          * Define o ícone direito a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "rightIconName"?: string;
         /**
           * Texto a ser apresentado como title do botão dropdown
          */
         "rightTitle"?: string;
+        /**
+          * Se true, o dropdown do botão é exibido.
+         */
         "show"?: boolean;
         /**
           * Define o tamanho do ez-split-button.
          */
-        "size"?: 'small' | 'medium' | 'large';
+        "size"?: ButtonSize;
+        /**
+          * Se verdadeiro, desabilita a animação de ripple.
+         */
+        "suppressAnimation"?: boolean;
+        /**
+          * Define a variante do ez-split-button.
+         */
+        "variant"?: "primary" | "secondary" | "tertiary";
     }
     interface EzSplitItem {
         /**
@@ -6281,7 +6917,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.
          */
@@ -6766,26 +7402,37 @@ 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;
         "ez-multi-selection-list": EzMultiSelectionList;
         "ez-number-input": EzNumberInput;
+        "ez-pagination": EzPagination;
         "ez-popover": EzPopover;
         "ez-popover-core": EzPopoverCore;
         "ez-popover-plus": EzPopoverPlus;
         "ez-popup": EzPopup;
         "ez-progress-bar": EzProgressBar;
         "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-spinner": EzSpinner;
         "ez-split-button": EzSplitButton;
         "ez-split-item": EzSplitItem;
         "ez-split-panel": EzSplitPanel;
@@ -6846,26 +7493,52 @@ 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>;
             "ez-multi-selection-list": LocalJSX.EzMultiSelectionList & JSXBase.HTMLAttributes<HTMLEzMultiSelectionListElement>;
             "ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes<HTMLEzNumberInputElement>;
+            "ez-pagination": LocalJSX.EzPagination & JSXBase.HTMLAttributes<HTMLEzPaginationElement>;
             "ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes<HTMLEzPopoverElement>;
             "ez-popover-core": LocalJSX.EzPopoverCore & JSXBase.HTMLAttributes<HTMLEzPopoverCoreElement>;
             "ez-popover-plus": LocalJSX.EzPopoverPlus & JSXBase.HTMLAttributes<HTMLEzPopoverPlusElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-progress-bar": LocalJSX.EzProgressBar & JSXBase.HTMLAttributes<HTMLEzProgressBarElement>;
             "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-spinner": LocalJSX.EzSpinner & JSXBase.HTMLAttributes<HTMLEzSpinnerElement>;
+            /**
+             * Split Button Component
+             * @example ```html
+             * <ez-split-button 
+             *   label="Save" 
+             *   mode="icon-left" 
+             *   left-icon-name="save"
+             *   size="medium"
+             *   variant="primary">
+             * </ez-split-button>
+             * ```
+             * @fires buttonClick - Emitido quando o botão principal é clicado
+             * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado
+             * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada
+             */
             "ez-split-button": LocalJSX.EzSplitButton & JSXBase.HTMLAttributes<HTMLEzSplitButtonElement>;
             "ez-split-item": LocalJSX.EzSplitItem & JSXBase.HTMLAttributes<HTMLEzSplitItemElement>;
             "ez-split-panel": LocalJSX.EzSplitPanel & JSXBase.HTMLAttributes<HTMLEzSplitPanelElement>;