@sankhyalabs/ezui 6.1.0-dev.3 → 6.1.0-dev.30

package/dist/types/components.d.ts

@@ -32,6 +32,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";
@@ -365,6 +366,10 @@ export namespace Components {
         "value": boolean;
     }
     interface EzChip {
+        /**
+          * Desabilita a alteração da propriedade value ao clicar.
+         */
+        "disableAutoUpdateValue": boolean;
         /**
           * Se false o usuário não pode interagir com o ez-chip.
          */
@@ -514,6 +519,10 @@ export namespace Components {
           * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
          */
         "options": Array<IOption>;
+        /**
+          * Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções.
+         */
+        "preventAutoFocus": boolean;
         /**
           * Remove o foco do campo.
          */
@@ -844,6 +853,20 @@ export namespace Components {
          */
         "value": IDropdownItem;
     }
+    interface EzEmptyCard {
+        /**
+          * Define a cor tema do componente.
+         */
+        "color": "default" | "green" | "gray" | "yellow" | "red" | "petroleum";
+        /**
+          * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
+         */
+        "height"?: number;
+        /**
+          * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
+         */
+        "width"?: number;
+    }
     interface EzFileItem {
         /**
           * Define se o usuário pode remover o arquivo que está sendo apresentado.
@@ -1226,6 +1249,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.
@@ -1650,6 +1677,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.
@@ -1943,6 +2062,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
@@ -2174,6 +2307,24 @@ export namespace Components {
          */
         "tabs": string | Array<Tab>;
     }
+    interface EzTag {
+        /**
+          * Define a cor de fundo do componente.
+         */
+        "color"?: "ocean-green" | "light-ocean-green" | "green" | "light-green" | "yellow" | "light-yellow" | "red" | "light-red" | "gray" | "light-gray" | "petroleum" | "light-petroleum";
+        /**
+          * Define uma cor de fundo customizada, dentro da paleta de cores do Design System para o componente.
+         */
+        "customBackgroundColor"?: string;
+        /**
+          * Define uma cor de texto customizada, dentro da paleta de cores do Design System para o componente.
+         */
+        "customLabelColor"?: string;
+        /**
+          * Define o conteúdo textual ou numérico do componente.
+         */
+        "label": string;
+    }
     interface EzTextArea {
         /**
           * Texto alternativo a ser apresentado como título do campo.
@@ -2219,7 +2370,7 @@ export namespace Components {
         /**
           * Define o tamanho do campo.
          */
-        "mode": "slim" | "regular";
+        "mode": 'slim' | 'regular';
         /**
           * Define o número de linhas.
          */
@@ -2321,6 +2472,136 @@ export namespace Components {
          */
         "value": string;
     }
+    interface EzTile {
+        /**
+          * Define a cor tema do componente.
+         */
+        "color": "default" | "green" | "gray" | "red" | "yellow";
+        /**
+          * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
+         */
+        "height"?: number;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName": string;
+        /**
+          * Define se o componente será interativo. Caso contrário, será estático.  Se true, permite permite clique. Se false, não permite clique
+         */
+        "isInteractive": boolean;
+        /**
+          * Define a quantidade máxima de linhas de texto a serem apresentadas. Quando a propriedade não é passada, limita a 1 linha.
+         */
+        "maximumLines"?: number;
+        /**
+          * Remove o foco do componente.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no componente.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Define qual o tamanho do componente. - `"default"`: 120x80px - `"medium"`: 120x170px
+         */
+        "size": "small" | "medium";
+        /**
+          * Texto a ser apresentado como título do componente.
+         */
+        "text": string;
+        /**
+          * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
+         */
+        "width"?: number;
+    }
+    interface EzTileMedium {
+        /**
+          * Propriedade utilizada para configurar o avatar, se definida substitui o ícone por um ez-avatar
+         */
+        "avatarProps"?: {
+    name?: string;
+    imageSrc?: string;
+    shape?: 'circle' | 'square';
+  };
+        /**
+          * Define as props que serão passadas para o botão, caso o objeto seja passado, o botão será renderizado.
+         */
+        "buttonProps"?: {
+    label: string;
+    enabled?: boolean;
+    mode?: 'regular' | 'icon' | 'link' | 'label-icon';
+    iconName?: string;
+    size?: 'x-small' | 'small' | 'medium' | 'large';
+    onClick: () => void;
+    colors?:{
+      background?: string;
+      backgroundHover?: string;
+      backgroundActive?: string;
+      text?: string;
+      textHover?: string;
+      textActive?: string;
+    }
+  };
+        /**
+          * Define a cor tema do componente.
+         */
+        "color": "default" | "green" | "gray" | "red" | "yellow";
+        /**
+          * Define a quantidade máxima de linhas de texto a serem apresentadas na descrição. Quando a propriedade não é passada, limita a 3 linhas.
+         */
+        "descriptionMaximumLines"?: number;
+        /**
+          * Texto a ser apresentado como descrição do componente
+         */
+        "descriptionText"?: string;
+        /**
+          * Define a altura do componente, sobrescrevendo o padrão de 257px.
+         */
+        "height"?: string;
+        /**
+          * Define uma cor customizada para o ícone, dentro da paleta de cores do Design System. Exemplo: "--color--yellow-600"
+         */
+        "iconColor"?: string;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName"?: string;
+        /**
+          * Remove o foco do botão.
+         */
+        "setButtonBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no botão.
+         */
+        "setButtonFocus": () => Promise<void>;
+        /**
+          * Define a quantidade máxima de linhas de texto a serem apresentadas no título pequeno. Quando a propriedade não é passada, limita a 1 linha.
+         */
+        "smallTitleMaximumLines"?: number;
+        /**
+          * Texto a ser apresentado como um título pequeno do componente.
+         */
+        "smallTitleText"?: string;
+        /**
+          * Define as props que serão passadas para as tags, caso um objeto seja passado, a(s) tag(s) será renderizada(s), se limitando a 3 tags.
+         */
+        "tags"?: {
+    label: string;
+    color?: string;
+  }[];
+        /**
+          * Define a quantidade máxima de linhas de texto a serem apresentadas no título. Quando a propriedade não é passada, limita a 1 linha.
+         */
+        "titleMaximumLines"?: number;
+        /**
+          * Texto a ser apresentado como título do componente.
+         */
+        "titleText"?: string;
+        /**
+          * Define a largura do componente, sobrescrevendo o padrão de 446px.
+         */
+        "width"?: string;
+    }
     interface EzTimeInput {
         /**
           * Texto alternativo ser apresentado como título do campo.
@@ -2494,6 +2775,24 @@ export namespace Components {
          */
         "value": ITreeItem;
     }
+    interface EzUnderface {
+        /**
+          * Define a cor de fundo do componente.
+         */
+        "color": "default" | "light-green" | "green" | "light-gray" | "dark-petroleum" | "ocean-green";
+        /**
+          * Define uma cor de fundo customizada, dentro da paleta de cores do Design System, sobrescrevendo a propriedade color. Exemplo: "--color--yellow-600"
+         */
+        "customColor"?: string;
+        /**
+          * Define a altura do componente.
+         */
+        "height"?: number;
+        /**
+          * Define a largura do componente.
+         */
+        "width"?: number;
+    }
     interface EzUpload {
         /**
           * Adiciona arquivos.
@@ -2669,6 +2968,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;
@@ -2709,6 +3012,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;
@@ -2729,6 +3044,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;
@@ -2757,6 +3076,10 @@ export interface EzTextInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzTextInputElement;
 }
+export interface EzTileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzTileElement;
+}
 export interface EzTimeInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzTimeInputElement;
@@ -2910,6 +3233,12 @@ declare global {
         prototype: HTMLEzDropdownElement;
         new (): HTMLEzDropdownElement;
     };
+    interface HTMLEzEmptyCardElement extends Components.EzEmptyCard, HTMLStencilElement {
+    }
+    var HTMLEzEmptyCardElement: {
+        prototype: HTMLEzEmptyCardElement;
+        new (): HTMLEzEmptyCardElement;
+    };
     interface HTMLEzFileItemElement extends Components.EzFileItem, HTMLStencilElement {
     }
     var HTMLEzFileItemElement: {
@@ -2952,6 +3281,12 @@ declare global {
         prototype: HTMLEzIconElement;
         new (): HTMLEzIconElement;
     };
+    interface HTMLEzLinkBuilderElement extends Components.EzLinkBuilder, HTMLStencilElement {
+    }
+    var HTMLEzLinkBuilderElement: {
+        prototype: HTMLEzLinkBuilderElement;
+        new (): HTMLEzLinkBuilderElement;
+    };
     interface HTMLEzListElement extends Components.EzList, HTMLStencilElement {
     }
     var HTMLEzListElement: {
@@ -3018,6 +3353,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: {
@@ -3054,6 +3425,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: {
@@ -3090,6 +3467,12 @@ declare global {
         prototype: HTMLEzTabselectorElement;
         new (): HTMLEzTabselectorElement;
     };
+    interface HTMLEzTagElement extends Components.EzTag, HTMLStencilElement {
+    }
+    var HTMLEzTagElement: {
+        prototype: HTMLEzTagElement;
+        new (): HTMLEzTagElement;
+    };
     interface HTMLEzTextAreaElement extends Components.EzTextArea, HTMLStencilElement {
     }
     var HTMLEzTextAreaElement: {
@@ -3108,6 +3491,18 @@ declare global {
         prototype: HTMLEzTextInputElement;
         new (): HTMLEzTextInputElement;
     };
+    interface HTMLEzTileElement extends Components.EzTile, HTMLStencilElement {
+    }
+    var HTMLEzTileElement: {
+        prototype: HTMLEzTileElement;
+        new (): HTMLEzTileElement;
+    };
+    interface HTMLEzTileMediumElement extends Components.EzTileMedium, HTMLStencilElement {
+    }
+    var HTMLEzTileMediumElement: {
+        prototype: HTMLEzTileMediumElement;
+        new (): HTMLEzTileMediumElement;
+    };
     interface HTMLEzTimeInputElement extends Components.EzTimeInput, HTMLStencilElement {
     }
     var HTMLEzTimeInputElement: {
@@ -3132,6 +3527,12 @@ declare global {
         prototype: HTMLEzTreeElement;
         new (): HTMLEzTreeElement;
     };
+    interface HTMLEzUnderfaceElement extends Components.EzUnderface, HTMLStencilElement {
+    }
+    var HTMLEzUnderfaceElement: {
+        prototype: HTMLEzUnderfaceElement;
+        new (): HTMLEzUnderfaceElement;
+    };
     interface HTMLEzUploadElement extends Components.EzUpload, HTMLStencilElement {
     }
     var HTMLEzUploadElement: {
@@ -3185,6 +3586,7 @@ declare global {
         "ez-dialog": HTMLEzDialogElement;
         "ez-double-list": HTMLEzDoubleListElement;
         "ez-dropdown": HTMLEzDropdownElement;
+        "ez-empty-card": HTMLEzEmptyCardElement;
         "ez-file-item": HTMLEzFileItemElement;
         "ez-filter-input": HTMLEzFilterInputElement;
         "ez-form": HTMLEzFormElement;
@@ -3192,6 +3594,7 @@ declare global {
         "ez-grid": HTMLEzGridElement;
         "ez-guide-navigator": HTMLEzGuideNavigatorElement;
         "ez-icon": HTMLEzIconElement;
+        "ez-link-builder": HTMLEzLinkBuilderElement;
         "ez-list": HTMLEzListElement;
         "ez-loading-bar": HTMLEzLoadingBarElement;
         "ez-modal": HTMLEzModalElement;
@@ -3203,25 +3606,36 @@ declare global {
         "ez-popover-plus": HTMLEzPopoverPlusElement;
         "ez-popup": HTMLEzPopupElement;
         "ez-radio-button": HTMLEzRadioButtonElement;
+        "ez-rich-text": HTMLEzRichTextElement;
+        "ez-rich-toolbar": HTMLEzRichToolbarElement;
+        "ez-rich-toolbar-arrows": HTMLEzRichToolbarArrowsElement;
+        "ez-rich-toolbar-configs": HTMLEzRichToolbarConfigsElement;
+        "ez-rich-toolbar-item": HTMLEzRichToolbarItemElement;
+        "ez-rich-toolbar-letters": HTMLEzRichToolbarLettersElement;
         "ez-scroller": HTMLEzScrollerElement;
         "ez-search": HTMLEzSearchElement;
         "ez-search-plus": HTMLEzSearchPlusElement;
         "ez-search-result-list": HTMLEzSearchResultListElement;
         "ez-sidebar-button": HTMLEzSidebarButtonElement;
         "ez-sidebar-navigator": HTMLEzSidebarNavigatorElement;
+        "ez-simple-image-uploader": HTMLEzSimpleImageUploaderElement;
         "ez-skeleton": HTMLEzSkeletonElement;
         "ez-sortable-list": HTMLEzSortableListElement;
         "ez-split-button": HTMLEzSplitButtonElement;
         "ez-split-item": HTMLEzSplitItemElement;
         "ez-split-panel": HTMLEzSplitPanelElement;
         "ez-tabselector": HTMLEzTabselectorElement;
+        "ez-tag": HTMLEzTagElement;
         "ez-text-area": HTMLEzTextAreaElement;
         "ez-text-edit": HTMLEzTextEditElement;
         "ez-text-input": HTMLEzTextInputElement;
+        "ez-tile": HTMLEzTileElement;
+        "ez-tile-medium": HTMLEzTileMediumElement;
         "ez-time-input": HTMLEzTimeInputElement;
         "ez-toast": HTMLEzToastElement;
         "ez-tooltip": HTMLEzTooltipElement;
         "ez-tree": HTMLEzTreeElement;
+        "ez-underface": HTMLEzUnderfaceElement;
         "ez-upload": HTMLEzUploadElement;
         "ez-view-stack": HTMLEzViewStackElement;
         "filter-column": HTMLFilterColumnElement;
@@ -3531,6 +3945,10 @@ declare namespace LocalJSX {
         "value"?: boolean;
     }
     interface EzChip {
+        /**
+          * Desabilita a alteração da propriedade value ao clicar.
+         */
+        "disableAutoUpdateValue"?: boolean;
         /**
           * Se false o usuário não pode interagir com o ez-chip.
          */
@@ -3683,6 +4101,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`.
          */
@@ -4006,6 +4428,20 @@ declare namespace LocalJSX {
          */
         "value"?: IDropdownItem;
     }
+    interface EzEmptyCard {
+        /**
+          * Define a cor tema do componente.
+         */
+        "color"?: "default" | "green" | "gray" | "yellow" | "red" | "petroleum";
+        /**
+          * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
+         */
+        "height"?: number;
+        /**
+          * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
+         */
+        "width"?: number;
+    }
     interface EzFileItem {
         /**
           * Define se o usuário pode remover o arquivo que está sendo apresentado.
@@ -4308,6 +4744,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.
@@ -4698,6 +5137,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.
@@ -4955,6 +5480,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
@@ -5193,6 +5725,24 @@ declare namespace LocalJSX {
          */
         "tabs"?: string | Array<Tab>;
     }
+    interface EzTag {
+        /**
+          * Define a cor de fundo do componente.
+         */
+        "color"?: "ocean-green" | "light-ocean-green" | "green" | "light-green" | "yellow" | "light-yellow" | "red" | "light-red" | "gray" | "light-gray" | "petroleum" | "light-petroleum";
+        /**
+          * Define uma cor de fundo customizada, dentro da paleta de cores do Design System para o componente.
+         */
+        "customBackgroundColor"?: string;
+        /**
+          * Define uma cor de texto customizada, dentro da paleta de cores do Design System para o componente.
+         */
+        "customLabelColor"?: string;
+        /**
+          * Define o conteúdo textual ou numérico do componente.
+         */
+        "label"?: string;
+    }
     interface EzTextArea {
         /**
           * Texto alternativo a ser apresentado como título do campo.
@@ -5229,7 +5779,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.
          */
@@ -5323,6 +5873,124 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface EzTile {
+        /**
+          * Define a cor tema do componente.
+         */
+        "color"?: "default" | "green" | "gray" | "red" | "yellow";
+        /**
+          * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
+         */
+        "height"?: number;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName"?: string;
+        /**
+          * Define se o componente será interativo. Caso contrário, será estático.  Se true, permite permite clique. Se false, não permite clique
+         */
+        "isInteractive"?: boolean;
+        /**
+          * Define a quantidade máxima de linhas de texto a serem apresentadas. Quando a propriedade não é passada, limita a 1 linha.
+         */
+        "maximumLines"?: number;
+        /**
+          * Emitido quando o elemento principal é clicado
+         */
+        "onTileClick"?: (event: EzTileCustomEvent<void>) => void;
+        /**
+          * Define qual o tamanho do componente. - `"default"`: 120x80px - `"medium"`: 120x170px
+         */
+        "size"?: "small" | "medium";
+        /**
+          * Texto a ser apresentado como título do componente.
+         */
+        "text"?: string;
+        /**
+          * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
+         */
+        "width"?: number;
+    }
+    interface EzTileMedium {
+        /**
+          * Propriedade utilizada para configurar o avatar, se definida substitui o ícone por um ez-avatar
+         */
+        "avatarProps"?: {
+    name?: string;
+    imageSrc?: string;
+    shape?: 'circle' | 'square';
+  };
+        /**
+          * Define as props que serão passadas para o botão, caso o objeto seja passado, o botão será renderizado.
+         */
+        "buttonProps"?: {
+    label: string;
+    enabled?: boolean;
+    mode?: 'regular' | 'icon' | 'link' | 'label-icon';
+    iconName?: string;
+    size?: 'x-small' | 'small' | 'medium' | 'large';
+    onClick: () => void;
+    colors?:{
+      background?: string;
+      backgroundHover?: string;
+      backgroundActive?: string;
+      text?: string;
+      textHover?: string;
+      textActive?: string;
+    }
+  };
+        /**
+          * Define a cor tema do componente.
+         */
+        "color"?: "default" | "green" | "gray" | "red" | "yellow";
+        /**
+          * Define a quantidade máxima de linhas de texto a serem apresentadas na descrição. Quando a propriedade não é passada, limita a 3 linhas.
+         */
+        "descriptionMaximumLines"?: number;
+        /**
+          * Texto a ser apresentado como descrição do componente
+         */
+        "descriptionText"?: string;
+        /**
+          * Define a altura do componente, sobrescrevendo o padrão de 257px.
+         */
+        "height"?: string;
+        /**
+          * Define uma cor customizada para o ícone, dentro da paleta de cores do Design System. Exemplo: "--color--yellow-600"
+         */
+        "iconColor"?: string;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName"?: string;
+        /**
+          * Define a quantidade máxima de linhas de texto a serem apresentadas no título pequeno. Quando a propriedade não é passada, limita a 1 linha.
+         */
+        "smallTitleMaximumLines"?: number;
+        /**
+          * Texto a ser apresentado como um título pequeno do componente.
+         */
+        "smallTitleText"?: string;
+        /**
+          * Define as props que serão passadas para as tags, caso um objeto seja passado, a(s) tag(s) será renderizada(s), se limitando a 3 tags.
+         */
+        "tags"?: {
+    label: string;
+    color?: string;
+  }[];
+        /**
+          * Define a quantidade máxima de linhas de texto a serem apresentadas no título. Quando a propriedade não é passada, limita a 1 linha.
+         */
+        "titleMaximumLines"?: number;
+        /**
+          * Texto a ser apresentado como título do componente.
+         */
+        "titleText"?: string;
+        /**
+          * Define a largura do componente, sobrescrevendo o padrão de 446px.
+         */
+        "width"?: string;
+    }
     interface EzTimeInput {
         /**
           * Texto alternativo ser apresentado como título do campo.
@@ -5463,6 +6131,24 @@ declare namespace LocalJSX {
          */
         "value"?: ITreeItem;
     }
+    interface EzUnderface {
+        /**
+          * Define a cor de fundo do componente.
+         */
+        "color"?: "default" | "light-green" | "green" | "light-gray" | "dark-petroleum" | "ocean-green";
+        /**
+          * Define uma cor de fundo customizada, dentro da paleta de cores do Design System, sobrescrevendo a propriedade color. Exemplo: "--color--yellow-600"
+         */
+        "customColor"?: string;
+        /**
+          * Define a altura do componente.
+         */
+        "height"?: number;
+        /**
+          * Define a largura do componente.
+         */
+        "width"?: number;
+    }
     interface EzUpload {
         /**
           * Se false o usuário não pode interagir com o campo.
@@ -5563,6 +6249,7 @@ declare namespace LocalJSX {
         "ez-dialog": EzDialog;
         "ez-double-list": EzDoubleList;
         "ez-dropdown": EzDropdown;
+        "ez-empty-card": EzEmptyCard;
         "ez-file-item": EzFileItem;
         "ez-filter-input": EzFilterInput;
         "ez-form": EzForm;
@@ -5570,6 +6257,7 @@ declare namespace LocalJSX {
         "ez-grid": EzGrid;
         "ez-guide-navigator": EzGuideNavigator;
         "ez-icon": EzIcon;
+        "ez-link-builder": EzLinkBuilder;
         "ez-list": EzList;
         "ez-loading-bar": EzLoadingBar;
         "ez-modal": EzModal;
@@ -5581,25 +6269,36 @@ declare namespace LocalJSX {
         "ez-popover-plus": EzPopoverPlus;
         "ez-popup": EzPopup;
         "ez-radio-button": EzRadioButton;
+        "ez-rich-text": EzRichText;
+        "ez-rich-toolbar": EzRichToolbar;
+        "ez-rich-toolbar-arrows": EzRichToolbarArrows;
+        "ez-rich-toolbar-configs": EzRichToolbarConfigs;
+        "ez-rich-toolbar-item": EzRichToolbarItem;
+        "ez-rich-toolbar-letters": EzRichToolbarLetters;
         "ez-scroller": EzScroller;
         "ez-search": EzSearch;
         "ez-search-plus": EzSearchPlus;
         "ez-search-result-list": EzSearchResultList;
         "ez-sidebar-button": EzSidebarButton;
         "ez-sidebar-navigator": EzSidebarNavigator;
+        "ez-simple-image-uploader": EzSimpleImageUploader;
         "ez-skeleton": EzSkeleton;
         "ez-sortable-list": EzSortableList;
         "ez-split-button": EzSplitButton;
         "ez-split-item": EzSplitItem;
         "ez-split-panel": EzSplitPanel;
         "ez-tabselector": EzTabselector;
+        "ez-tag": EzTag;
         "ez-text-area": EzTextArea;
         "ez-text-edit": EzTextEdit;
         "ez-text-input": EzTextInput;
+        "ez-tile": EzTile;
+        "ez-tile-medium": EzTileMedium;
         "ez-time-input": EzTimeInput;
         "ez-toast": EzToast;
         "ez-tooltip": EzTooltip;
         "ez-tree": EzTree;
+        "ez-underface": EzUnderface;
         "ez-upload": EzUpload;
         "ez-view-stack": EzViewStack;
         "filter-column": FilterColumn;
@@ -5633,6 +6332,7 @@ declare module "@stencil/core" {
             "ez-dialog": LocalJSX.EzDialog & JSXBase.HTMLAttributes<HTMLEzDialogElement>;
             "ez-double-list": LocalJSX.EzDoubleList & JSXBase.HTMLAttributes<HTMLEzDoubleListElement>;
             "ez-dropdown": LocalJSX.EzDropdown & JSXBase.HTMLAttributes<HTMLEzDropdownElement>;
+            "ez-empty-card": LocalJSX.EzEmptyCard & JSXBase.HTMLAttributes<HTMLEzEmptyCardElement>;
             "ez-file-item": LocalJSX.EzFileItem & JSXBase.HTMLAttributes<HTMLEzFileItemElement>;
             "ez-filter-input": LocalJSX.EzFilterInput & JSXBase.HTMLAttributes<HTMLEzFilterInputElement>;
             "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
@@ -5640,6 +6340,7 @@ declare module "@stencil/core" {
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
             "ez-guide-navigator": LocalJSX.EzGuideNavigator & JSXBase.HTMLAttributes<HTMLEzGuideNavigatorElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
+            "ez-link-builder": LocalJSX.EzLinkBuilder & JSXBase.HTMLAttributes<HTMLEzLinkBuilderElement>;
             "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;
             "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;
             "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes<HTMLEzModalElement>;
@@ -5651,25 +6352,36 @@ declare module "@stencil/core" {
             "ez-popover-plus": LocalJSX.EzPopoverPlus & JSXBase.HTMLAttributes<HTMLEzPopoverPlusElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
+            "ez-rich-text": LocalJSX.EzRichText & JSXBase.HTMLAttributes<HTMLEzRichTextElement>;
+            "ez-rich-toolbar": LocalJSX.EzRichToolbar & JSXBase.HTMLAttributes<HTMLEzRichToolbarElement>;
+            "ez-rich-toolbar-arrows": LocalJSX.EzRichToolbarArrows & JSXBase.HTMLAttributes<HTMLEzRichToolbarArrowsElement>;
+            "ez-rich-toolbar-configs": LocalJSX.EzRichToolbarConfigs & JSXBase.HTMLAttributes<HTMLEzRichToolbarConfigsElement>;
+            "ez-rich-toolbar-item": LocalJSX.EzRichToolbarItem & JSXBase.HTMLAttributes<HTMLEzRichToolbarItemElement>;
+            "ez-rich-toolbar-letters": LocalJSX.EzRichToolbarLetters & JSXBase.HTMLAttributes<HTMLEzRichToolbarLettersElement>;
             "ez-scroller": LocalJSX.EzScroller & JSXBase.HTMLAttributes<HTMLEzScrollerElement>;
             "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
             "ez-search-plus": LocalJSX.EzSearchPlus & JSXBase.HTMLAttributes<HTMLEzSearchPlusElement>;
             "ez-search-result-list": LocalJSX.EzSearchResultList & JSXBase.HTMLAttributes<HTMLEzSearchResultListElement>;
             "ez-sidebar-button": LocalJSX.EzSidebarButton & JSXBase.HTMLAttributes<HTMLEzSidebarButtonElement>;
             "ez-sidebar-navigator": LocalJSX.EzSidebarNavigator & JSXBase.HTMLAttributes<HTMLEzSidebarNavigatorElement>;
+            "ez-simple-image-uploader": LocalJSX.EzSimpleImageUploader & JSXBase.HTMLAttributes<HTMLEzSimpleImageUploaderElement>;
             "ez-skeleton": LocalJSX.EzSkeleton & JSXBase.HTMLAttributes<HTMLEzSkeletonElement>;
             "ez-sortable-list": LocalJSX.EzSortableList & JSXBase.HTMLAttributes<HTMLEzSortableListElement>;
             "ez-split-button": LocalJSX.EzSplitButton & JSXBase.HTMLAttributes<HTMLEzSplitButtonElement>;
             "ez-split-item": LocalJSX.EzSplitItem & JSXBase.HTMLAttributes<HTMLEzSplitItemElement>;
             "ez-split-panel": LocalJSX.EzSplitPanel & JSXBase.HTMLAttributes<HTMLEzSplitPanelElement>;
             "ez-tabselector": LocalJSX.EzTabselector & JSXBase.HTMLAttributes<HTMLEzTabselectorElement>;
+            "ez-tag": LocalJSX.EzTag & JSXBase.HTMLAttributes<HTMLEzTagElement>;
             "ez-text-area": LocalJSX.EzTextArea & JSXBase.HTMLAttributes<HTMLEzTextAreaElement>;
             "ez-text-edit": LocalJSX.EzTextEdit & JSXBase.HTMLAttributes<HTMLEzTextEditElement>;
             "ez-text-input": LocalJSX.EzTextInput & JSXBase.HTMLAttributes<HTMLEzTextInputElement>;
+            "ez-tile": LocalJSX.EzTile & JSXBase.HTMLAttributes<HTMLEzTileElement>;
+            "ez-tile-medium": LocalJSX.EzTileMedium & JSXBase.HTMLAttributes<HTMLEzTileMediumElement>;
             "ez-time-input": LocalJSX.EzTimeInput & JSXBase.HTMLAttributes<HTMLEzTimeInputElement>;
             "ez-toast": LocalJSX.EzToast & JSXBase.HTMLAttributes<HTMLEzToastElement>;
             "ez-tooltip": LocalJSX.EzTooltip & JSXBase.HTMLAttributes<HTMLEzTooltipElement>;
             "ez-tree": LocalJSX.EzTree & JSXBase.HTMLAttributes<HTMLEzTreeElement>;
+            "ez-underface": LocalJSX.EzUnderface & JSXBase.HTMLAttributes<HTMLEzUnderfaceElement>;
             "ez-upload": LocalJSX.EzUpload & JSXBase.HTMLAttributes<HTMLEzUploadElement>;
             "ez-view-stack": LocalJSX.EzViewStack & JSXBase.HTMLAttributes<HTMLEzViewStackElement>;
             "filter-column": LocalJSX.FilterColumn & JSXBase.HTMLAttributes<HTMLFilterColumnElement>;