@sankhyalabs/ezui 6.6.0 → 6.7.0-dev.1

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IAction } from "./utils";
+import { IAction, ICustomRender as ICustomRender1 } from "./utils";
 import { AlertItem } from "./components/ez-alert-list/ez-alert-list";
 import { SlotBuilder } from "./components/ez-list/ez-list";
 import { IPosition } from "./components/ez-badge/interfaces/IPosition";
@@ -14,6 +14,7 @@ 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 { EzChipType } from "./components/ez-chip/ez-chip";
 import { IOption } from "./components/ez-classic-combo-box/interfaces/IOption";
 import { OptionsSetFocus } from "./components/ez-classic-input/interfaces/optionsSetFocus";
 import { OptionsSetFocus as OptionsSetFocus1 } from "./components/ez-classic-text-area/interfaces/optionsSetFocus";
@@ -22,7 +23,7 @@ import { TFocusOptions } from "./components/ez-text-input/ez-text-input";
 import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption2 } from "./components/ez-combo-box/ez-combo-box";
 import { ICustomEditor } from "./utils/customEditor/interfaces/ICustomEditor";
 import { IFormViewField } from "./components/ez-form-view/interfaces";
-import { DataUnit, Filter, Record, WaitingChange } from "@sankhyalabs/core";
+import { DataUnit, Filter, Record, RECORD_DATE_FORMAT, UnitMetadata, WaitingChange } from "@sankhyalabs/core";
 import { DialogType } from "./components/ez-dialog/DialogType";
 import { ListItem } from "./components/ez-sortable-list/ez-sortable-list";
 import { DoubleListSlots, EmptyMessage } from "./components/ez-double-list/ez-double-list";
@@ -34,6 +35,7 @@ import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, I
 import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
 import { ICustomRender } from "./utils/customRender/interfaces/ICustomRender";
+import { ColumnConfig } from "./components/ez-grid-view/ez-grid-view";
 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";
@@ -42,6 +44,7 @@ import { IMultiSelectionOption } from "./components/ez-multi-selection-list/inte
 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";
@@ -218,6 +221,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;
         /**
@@ -228,14 +232,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.
          */
@@ -247,7 +263,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 {
         /**
@@ -433,7 +461,7 @@ export namespace Components {
         /**
           * Define o tipo de estilização do chip.
          */
-        "type": 'primary' | 'secondary';
+        "type": EzChipType;
         /**
           * Define o valor do ez-chip.
          */
@@ -1467,6 +1495,112 @@ export namespace Components {
          */
         "useSearchColumn": boolean;
     }
+    interface EzGridView {
+        /**
+          * Adiciona item de menu nas colunas.
+         */
+        "addColumnMenuItem": (label: string, name: string, action: Function, icon: HTMLElement | string) => Promise<void>;
+        /**
+          * Registra um formatador de valores para uma coluna da grid.
+         */
+        "addCustomValueFormatter": (columnName: string, customFormatter: ICustomFormatter) => Promise<void>;
+        /**
+          * Registra um render customizado para colunas da grid.
+         */
+        "addGridCustomRender": (fieldName: string, customRender: ICustomRender1, detailContext?: string) => Promise<void>;
+        /**
+          * Define se a grid será focada ao ser carregada.
+         */
+        "autoFocus"?: boolean;
+        /**
+          * Configuração de exibição da grade.
+         */
+        "columnsConfig"?: ColumnConfig[];
+        /**
+          * Define se a grade deve ser exibida em modo compacto
+         */
+        "compact"?: boolean;
+        /**
+          * Ativa modo de linhas com cores alternadas.
+         */
+        "enableRowTableStriped"?: boolean;
+        /**
+          * Usa um argumento para filtrar as colunas por label
+         */
+        "filterColumns": (search: string) => Promise<Array<EzGridColumn>>;
+        /**
+          * Obtém o DataUnit da grade.
+         */
+        "getDataUnit": () => Promise<DataUnit>;
+        /**
+          * Obtém as linhas selecionadas.
+         */
+        "getSelection": () => Promise<Array<any>>;
+        /**
+          * Localiza determinada coluna tornando-a visível.
+         */
+        "locateColumn": (columnName: string) => Promise<void>;
+        /**
+          * Metadados que definem a estrutura da grade.
+         */
+        "metadata": UnitMetadata;
+        /**
+          * Habilita a seleção de várias linhas.
+         */
+        "multipleSelection": boolean;
+        /**
+          * Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
+         */
+        "outlineMode"?: boolean;
+        /**
+          * Quantidade de registros por página.
+         */
+        "pageSize": number;
+        /**
+          * Define a forma como a paginação irá se comportar.
+         */
+        "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
+        /**
+          * Aplica um filtro rápido.
+         */
+        "quickFilter": (term: string) => Promise<void>;
+        /**
+          * Formato dos campos data dos registros.
+         */
+        "recordDateFormat"?: RECORD_DATE_FORMAT;
+        /**
+          * Registros a serem exibidos na grade.
+         */
+        "records": Record[];
+        /**
+          * Recarrega os registros da grade.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Remove o formatador de valores de uma coluna da grid.
+         */
+        "removeCustomValueFormatter": (columnName: string) => Promise<void>;
+        /**
+          * Atribui o foco para a grade.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Informa se a coluna de chechbox deve ser suprimida
+         */
+        "suppressCheckboxColumn"?: boolean;
+        /**
+          * Informa se a grade deve suprimir o filtro de coluna.
+         */
+        "suppressFilterColumn"?: boolean;
+        /**
+          * Define se a grade deve suprimir o scroll horizontal.
+         */
+        "suppressHorizontalScroll": boolean;
+        /**
+          * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F
+         */
+        "useSearchColumn": boolean;
+    }
     interface EzGuideNavigator {
         /**
           * Desabilita um ou mais itens.
@@ -1554,6 +1688,10 @@ export namespace Components {
           * Habilita seleção de múltiplos items.
          */
         "enableMultipleSelection": boolean;
+        /**
+          * Habilita a seleção de checkbox.
+         */
+        "enabled": boolean;
         /**
           * Se true habilita `drag and drop` para os itens.
          */
@@ -1603,6 +1741,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.
@@ -1944,6 +2096,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
          */
@@ -1952,6 +2109,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.
          */
@@ -2526,19 +2687,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.
          */
@@ -2555,6 +2743,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
          */
@@ -2562,7 +2754,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
          */
@@ -2579,15 +2775,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 {
         /**
@@ -3113,6 +3320,10 @@ export namespace Components {
           * Define a posição do tooltip em relação ao elemento de ancoragem.
          */
         "placement": Placement;
+        /**
+          * Define a estratégia de posicionamento do tooltip. Use 'fixed' quando o elemento estiver dentro de containers com position: relative.
+         */
+        "strategy": 'absolute' | 'fixed';
         /**
           * Define o tipo de tooltip a ser exibido.
          */
@@ -3131,6 +3342,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.
          */
@@ -3143,6 +3358,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.
@@ -3721,6 +3940,12 @@ declare global {
         prototype: HTMLEzGridElement;
         new (): HTMLEzGridElement;
     };
+    interface HTMLEzGridViewElement extends Components.EzGridView, HTMLStencilElement {
+    }
+    var HTMLEzGridViewElement: {
+        prototype: HTMLEzGridViewElement;
+        new (): HTMLEzGridViewElement;
+    };
     interface HTMLEzGuideNavigatorElement extends Components.EzGuideNavigator, HTMLStencilElement {
     }
     var HTMLEzGuideNavigatorElement: {
@@ -3745,6 +3970,12 @@ declare global {
         prototype: HTMLEzListElement;
         new (): HTMLEzListElement;
     };
+    interface HTMLEzListItemElement extends Components.EzListItem, HTMLStencilElement {
+    }
+    var HTMLEzListItemElement: {
+        prototype: HTMLEzListItemElement;
+        new (): HTMLEzListItemElement;
+    };
     interface HTMLEzLoadingBarElement extends Components.EzLoadingBar, HTMLStencilElement {
     }
     var HTMLEzLoadingBarElement: {
@@ -3907,6 +4138,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: {
@@ -4065,10 +4317,12 @@ declare global {
         "ez-form": HTMLEzFormElement;
         "ez-form-view": HTMLEzFormViewElement;
         "ez-grid": HTMLEzGridElement;
+        "ez-grid-view": HTMLEzGridViewElement;
         "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;
@@ -4096,6 +4350,7 @@ declare global {
         "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;
@@ -4285,6 +4540,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;
         /**
@@ -4295,18 +4551,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 {
         /**
@@ -4492,7 +4772,7 @@ declare namespace LocalJSX {
         /**
           * Define o tipo de estilização do chip.
          */
-        "type"?: 'primary' | 'secondary';
+        "type"?: EzChipType;
         /**
           * Define o valor do ez-chip.
          */
@@ -4863,6 +5143,10 @@ declare namespace LocalJSX {
           * Emitido quando acontece a alteração de valor do campo.
          */
         "onEzChange"?: (event: EzComboBoxCustomEvent<IOption>) => void;
+        /**
+          * Emitido quando acontece a alteração de visibilidade do popover.
+         */
+        "onEzVisibilityChange"?: (event: EzComboBoxCustomEvent<boolean>) => void;
         /**
           * Carrega as opções dinamicamente.
          */
@@ -5433,6 +5717,10 @@ declare namespace LocalJSX {
           * Emitido com o duplo clique de uma linha
          */
         "onEzDoubleClick"?: (event: EzGridCustomEvent<any>) => void;
+        /**
+          * Emitido a página atual é alterada.
+         */
+        "onEzPageChangedChanged"?: (event: EzGridCustomEvent<void>) => void;
         /**
           * Emitido quando acontece a alteração de seleção de linhas.
          */
@@ -5482,6 +5770,68 @@ declare namespace LocalJSX {
          */
         "useSearchColumn"?: boolean;
     }
+    interface EzGridView {
+        /**
+          * Define se a grid será focada ao ser carregada.
+         */
+        "autoFocus"?: boolean;
+        /**
+          * Configuração de exibição da grade.
+         */
+        "columnsConfig"?: ColumnConfig[];
+        /**
+          * Define se a grade deve ser exibida em modo compacto
+         */
+        "compact"?: boolean;
+        /**
+          * Ativa modo de linhas com cores alternadas.
+         */
+        "enableRowTableStriped"?: boolean;
+        /**
+          * Metadados que definem a estrutura da grade.
+         */
+        "metadata"?: UnitMetadata;
+        /**
+          * Habilita a seleção de várias linhas.
+         */
+        "multipleSelection"?: boolean;
+        /**
+          * Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
+         */
+        "outlineMode"?: boolean;
+        /**
+          * Quantidade de registros por página.
+         */
+        "pageSize"?: number;
+        /**
+          * Define a forma como a paginação irá se comportar.
+         */
+        "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
+        /**
+          * Formato dos campos data dos registros.
+         */
+        "recordDateFormat"?: RECORD_DATE_FORMAT;
+        /**
+          * Registros a serem exibidos na grade.
+         */
+        "records"?: Record[];
+        /**
+          * Informa se a coluna de chechbox deve ser suprimida
+         */
+        "suppressCheckboxColumn"?: boolean;
+        /**
+          * Informa se a grade deve suprimir o filtro de coluna.
+         */
+        "suppressFilterColumn"?: boolean;
+        /**
+          * Define se a grade deve suprimir o scroll horizontal.
+         */
+        "suppressHorizontalScroll"?: boolean;
+        /**
+          * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F
+         */
+        "useSearchColumn"?: boolean;
+    }
     interface EzGuideNavigator {
         /**
           * Lista de itens do menu de navegação.
@@ -5534,6 +5884,10 @@ declare namespace LocalJSX {
           * Habilita seleção de múltiplos items.
          */
         "enableMultipleSelection"?: boolean;
+        /**
+          * Habilita a seleção de checkbox.
+         */
+        "enabled"?: boolean;
         /**
           * Se true habilita `drag and drop` para os itens.
          */
@@ -5583,6 +5937,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 {
@@ -5886,6 +6254,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
          */
@@ -5894,6 +6267,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.
          */
@@ -6443,19 +6820,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.
          */
@@ -6468,6 +6872,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
          */
@@ -6475,7 +6883,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
          */
@@ -6488,15 +6896,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 {
         /**
@@ -7000,6 +7423,10 @@ declare namespace LocalJSX {
           * Define a posição do tooltip em relação ao elemento de ancoragem.
          */
         "placement"?: Placement;
+        /**
+          * Define a estratégia de posicionamento do tooltip. Use 'fixed' quando o elemento estiver dentro de containers com position: relative.
+         */
+        "strategy"?: 'absolute' | 'fixed';
         /**
           * Define o tipo de tooltip a ser exibido.
          */
@@ -7174,10 +7601,12 @@ declare namespace LocalJSX {
         "ez-form": EzForm;
         "ez-form-view": EzFormView;
         "ez-grid": EzGrid;
+        "ez-grid-view": EzGridView;
         "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;
@@ -7205,6 +7634,7 @@ declare namespace LocalJSX {
         "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;
@@ -7263,10 +7693,12 @@ declare module "@stencil/core" {
             "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
             "ez-form-view": LocalJSX.EzFormView & JSXBase.HTMLAttributes<HTMLEzFormViewElement>;
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
+            "ez-grid-view": LocalJSX.EzGridView & JSXBase.HTMLAttributes<HTMLEzGridViewElement>;
             "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>;
@@ -7294,6 +7726,22 @@ declare module "@stencil/core" {
             "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>;