@sankhyalabs/ezui 6.5.1 → 6.6.0-dev.2

package/dist/types/components/ez-date-input/ez-date-input.d.ts

@@ -8,6 +8,7 @@ export declare class EzDateInput {
   private _focused;
   private _valuePromiseCallbacks;
   private _popover;
+  private i18n;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -76,6 +77,7 @@ export declare class EzDateInput {
   private handleInput;
   private setInputValue;
   disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts

@@ -8,6 +8,7 @@ export declare class EzDateTimeInput {
   private _focused;
   private _valuePromiseCallbacks;
   private _popover;
+  private i18n;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -84,6 +85,7 @@ export declare class EzDateTimeInput {
   private handleInput;
   private setInputValue;
   disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-dialog/ez-dialog.d.ts

@@ -16,8 +16,6 @@ declare class Message {
 export declare class EzDialog {
   _element: HTMLElement;
   private readonly PRIMARY_BUTTON_ID;
-  private labelConfirm;
-  private labelCancel;
   private btnConfirmDanger;
   private _messageQueue;
   private _currentMessage;
@@ -26,6 +24,7 @@ export declare class EzDialog {
   private _canFocusOnPrimaryBtn;
   private _lastActiveElement;
   private _keyboardManager;
+  private i18n;
   /**
    * Define se o ez-dialog será utilizado no modo de confirmação.
    */
@@ -78,6 +77,7 @@ export declare class EzDialog {
   getClassIconIndicator(dialogType: DialogType): string;
   getClassContainer(message: Message): "dialog__container dialog__container--default" | "dialog__container";
   getClassTitleLabel(message: Message): "title title__label title__label--no-icon" | "title title__label";
+  componentWillLoad(): Promise<void>;
   componentWillRender(): void;
   componentDidLoad(): void;
   componentDidRender(): void;

package/dist/types/components/ez-double-list/ez-double-list.d.ts

@@ -87,6 +87,8 @@ export declare class EzDoubleList {
   observeRightList(newValue: any, oldValue: any): void;
   private leftEzListInstance;
   private rightEzListInstance;
+  private i18n;
+  componentWillLoad(): Promise<void>;
   handleChangeLeft({ detail }: CustomEvent): Promise<void>;
   handleChangeRight({ detail }: CustomEvent): Promise<void>;
   private reorderArray;

package/dist/types/components/ez-file-item/ez-file-item.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzFileItem {
+  private i18n;
   _element: HTMLElement;
   /**
    * Define se o usuário pode remover o arquivo que está sendo apresentado.
@@ -32,5 +33,6 @@ export declare class EzFileItem {
   observeProgress(newProgress: number): void;
   private getFileSize;
   private getIconName;
+  componentWillLoad(): Promise<void>;
   render(): any;
 }

package/dist/types/components/ez-form/ez-form.d.ts

@@ -16,6 +16,7 @@ export declare class EzForm {
   private _ezPopoverSearchField;
   private _container;
   private _keyboardManager;
+  private _i18n;
   private _fieldsProps;
   private _singleColumn;
   /**

package/dist/types/components/ez-form-view/fieldbuilder/templates/RichText.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildRichText: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-grid/controller/EzGridController.d.ts

@@ -5,6 +5,7 @@ import { ICustomEditorInfo } from '../../../utils/customEditor/interfaces/ICusto
 import { ICustomRenderInfo } from '../../../utils/customRender/interfaces/ICustomRenderInfo';
 import { ICustomFormatter } from '../interfaces';
 import FilterCollumn = Components.FilterColumn;
+import { TFunction } from 'i18next';
 /**
  * O intuito desta abstração, é isolar o componente EzGrid de uma implementação
  * específica, permitindo que usemos componentes de terceiros sem um acoplamento
@@ -281,6 +282,10 @@ export interface EzGridOptions {
    * Define se a grade deve suprimir o scroll horizontal.
    */
   suppressHorizontalScroll?: boolean;
+  /**
+   * Define a função de intercionalização.
+   */
+  i18n: TFunction;
   /**
    * Define se a grade deve suprimir o filtro de coluna.
    */

package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts

@@ -43,6 +43,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _gridShowDom;
   private peddingExecutionsOnGridShow;
   private _lastColsConfig;
+  private _i18n;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   clearFilter(): void;
@@ -113,6 +114,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   setSelectedIndex(index: number): void;
   hasFilterColumn(columnName: string): boolean;
   private buildColDef;
+  private setHTMLRender;
   setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
   refreshSelectedRows(): void;
   private getInitCellStyle;

package/dist/types/components/ez-grid/controller/ag-grid/GridEditionManager.d.ts

@@ -54,6 +54,7 @@ export default class GridEditionManager {
   private finishEdition;
   private canEdit;
   private isColEditable;
+  private isTypeFile;
   private isSecondClick;
   private onCellEditRequest;
   private handlePromiseValue;

package/dist/types/components/ez-grid/controller/ag-grid/test/constants/GridEditionMock.d.ts

@@ -3,4 +3,4 @@ export declare const gridEditionImplementation: {
   getComponents: () => {};
   configureGrid: (option: any) => any;
 };
-export declare function buildOptions(dataUnit: DataUnit): any;
+export declare function buildOptions(dataUnit: DataUnit): Promise<any>;

package/dist/types/components/ez-grid/controller/ag-grid/utils/buildLocaleText.d.ts

@@ -0,0 +1,67 @@
+import { TFunction } from "i18next";
+export declare function buildLocaleText(i18n: TFunction): {
+  page: string;
+  more: string;
+  to: string;
+  of: string;
+  next: string;
+  previous: string;
+  loadingOoo: string;
+  noRowsToShow: string;
+  pinColumn: string;
+  unpinColumn: string;
+  filterOoo: string;
+  sortAscending: string;
+  sortDescending: string;
+  last: string;
+  first: string;
+  selectAll: string;
+  searchOoo: string;
+  blanks: string;
+  applyFilter: string;
+  equals: string;
+  lessThan: string;
+  greaterThan: string;
+  contains: string;
+  startsWith: string;
+  endsWith: string;
+  group: string;
+  columns: string;
+  rowGroupColumns: string;
+  rowGroupColumnsEmptyMessage: string;
+  valueColumns: string;
+  pivotMode: string;
+  groups: string;
+  values: string;
+  pivots: string;
+  valueColumnsEmptyMessage: string;
+  pivotColumnsEmptyMessage: string;
+  toolPanelButton: string;
+  valueAggregation: string;
+  autosizeThiscolumn: string;
+  autosizeAllColumns: string;
+  groupBy: string;
+  ungroupBy: string;
+  resetColumns: string;
+  expandAll: string;
+  collapseAll: string;
+  toolPanel: string;
+  export: string;
+  csvExport: string;
+  excelExport: string;
+  pinLeft: string;
+  pinRight: string;
+  noPin: string;
+  sum: string;
+  min: string;
+  max: string;
+  none: string;
+  count: string;
+  average: string;
+  copy: string;
+  copyWithHeaders: string;
+  copyWithGroupHeaders: string;
+  ctrlC: string;
+  paste: string;
+  ctrlV: string;
+};

package/dist/types/components/ez-grid/ez-grid.d.ts

@@ -7,6 +7,7 @@ import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from '
 import { ICustomEditor } from '../../utils/customEditor/interfaces/ICustomEditor';
 import { ICustomRender } from '../../utils/customRender/interfaces/ICustomRender';
 export declare class EzGrid {
+  private i18n;
   private _container;
   private _ezPopoverSearchColumn;
   private _cancelPaginationPopoverElement;
@@ -14,7 +15,6 @@ export declare class EzGrid {
   private _gridController;
   private _gridSelectionCounter;
   private _resizeObserver;
-  private _messageFilterAppliedSuccess;
   private _filterColumn;
   private _refPaginationLabel;
   private _refPaginationLabelTooltip;
@@ -36,6 +36,10 @@ export declare class EzGrid {
    * Emitido quando acontece a alteração de estado das colunas do grid: Ordenação, largura, etc.
    */
   ezColumnStateChange: EventEmitter<EzGridColumStateEvent>;
+  /**
+   * Emitido a página atual é alterada.
+   */
+  ezPageChangedChanged: EventEmitter<void>;
   /**
    * Emitido quando acontece a alteração de filtro de colunas.
    */
@@ -282,7 +286,7 @@ export declare class EzGrid {
   connectedCallback(): void;
   componentWillRender(): void;
   componentDidRender(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidUpdate(): void;
   private getDataSource;
   private hideHeader;

package/dist/types/components/ez-grid/subcomponents/filter-column.d.ts

@@ -5,6 +5,7 @@ import { IMultiSelectionOption } from '../../ez-multi-selection-list/interfaces/
 export declare class FilterColumn {
   private ezPopoverElement;
   private ezMultiSelectionList;
+  private i18n;
   applyFilterColumnOptions: EventEmitter<IAppliedFilterColumnOptions>;
   opened: boolean;
   columnName: string;
@@ -34,6 +35,7 @@ export declare class FilterColumn {
   private setOptions;
   private buildOptions;
   private handleEzVisibilityChange;
+  componentWillLoad(): Promise<void>;
   render(): any;
 }
 export interface IFilterColumnConfigs {

package/dist/types/components/ez-grid/subcomponents/selection-counter.d.ts

@@ -1,11 +1,13 @@
 import { PaginationInfo } from "@sankhyalabs/core";
 import { FunctionalComponent } from "../../../stencil-public-runtime";
+import { TFunction } from 'i18next';
 interface SelectionCounterProps {
   selectionCount: number;
   allRecordSelected: boolean;
   currentPageSelected: boolean;
   canSelectAll: boolean;
   paginationInfo: PaginationInfo;
+  i18n: TFunction;
   onSelectAll: () => void;
   onSelectPage: () => void;
   onClearAll: () => void;

package/dist/types/components/ez-grid/subcomponents/utils/selectionCounterUtils.d.ts

@@ -1,4 +1,4 @@
 export declare function enableSelectAll(total: any): boolean;
-export declare function buildSelectAllLabel(allRecordSelected: any, count: any, total: any): string;
-export declare function buildSelectAllTitle(total: any): string;
+export declare function buildSelectAllLabel(allRecordSelected: boolean, count: number, total: number): string;
+export declare function buildSelectAllTitle(total: number): string;
 export declare function getText(selectionCount: number, allSelectedRecords: boolean): string;

package/dist/types/components/ez-grid-view/ez-grid-view.d.ts

@@ -0,0 +1,141 @@
+import { DataUnit, DataUnitInMemoryLoader, Record, RECORD_DATE_FORMAT, UnitMetadata } from '@sankhyalabs/core';
+import { ICustomRender } from '../../utils';
+import { EzGridColumn } from '../ez-grid/controller/EzGridController';
+import { ICustomFormatter } from '../ez-grid/interfaces';
+export declare class EzGridView {
+  private _gridRef;
+  inMemoryLoader: DataUnitInMemoryLoader;
+  /**
+   * Metadados que definem a estrutura da grade.
+   */
+  metadata: UnitMetadata;
+  /**
+   * Registros a serem exibidos na grade.
+   */
+  records: Record[];
+  /**
+   * Configuração de exibição da grade.
+   */
+  columnsConfig?: ColumnConfig[];
+  /**
+   * Quantidade de registros por página.
+   */
+  pageSize: number;
+  /**
+   * Formato dos campos data dos registros.
+   */
+  recordDateFormat?: RECORD_DATE_FORMAT;
+  /**
+   * Habilita a seleção de várias linhas.
+   */
+  multipleSelection: boolean;
+  /**
+   * Define se a grid será focada ao ser carregada.
+   */
+  autoFocus?: boolean;
+  /**
+   * Define a forma como a paginação irá se comportar.
+   */
+  paginationCounterMode?: 'show' | 'hidden' | 'auto';
+  /**
+   * Informa se a coluna de chechbox deve ser suprimida
+   */
+  suppressCheckboxColumn?: boolean;
+  /**
+   * Informa se a grade deve suprimir o filtro de coluna.
+   */
+  suppressFilterColumn?: 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;
+  /**
+   * Ativa modo de linhas com cores alternadas.
+   */
+  enableRowTableStriped?: boolean;
+  /**
+   * Define se a grade deve ser exibida em modo compacto
+   */
+  compact?: boolean;
+  /**
+   * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F
+   */
+  useSearchColumn: boolean;
+  /**
+   * Define se a grade deve suprimir o scroll horizontal.
+   */
+  suppressHorizontalScroll: boolean;
+  /**
+   * Obtém o DataUnit da grade.
+   */
+  getDataUnit(): Promise<DataUnit>;
+  /**
+   * Recarrega os registros da grade.
+   */
+  refresh(): Promise<void>;
+  /**
+   * Obtém as linhas selecionadas.
+   */
+  getSelection(): Promise<Array<any>>;
+  /**
+   * Aplica um filtro rápido.
+   */
+  quickFilter(term: string): Promise<void>;
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  locateColumn(columnName: string): Promise<void>;
+  /**
+   * Usa um argumento para filtrar as colunas por label
+   */
+  filterColumns(search: string): Promise<Array<EzGridColumn>>;
+  /**
+   * 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>;
+  /**
+   * Remove o formatador de valores de uma coluna da grid.
+   */
+  removeCustomValueFormatter(columnName: string): Promise<void>;
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  addGridCustomRender(fieldName: string, customRender: ICustomRender, detailContext?: string): Promise<void>;
+  /**
+   * Atribui o foco para a grade.
+   */
+  setFocus(): Promise<void>;
+  handleMetadataChanged(): Promise<void>;
+  handleRecordsChanged(): Promise<void>;
+  handlePageSizeChanged(): Promise<void>;
+  handleRecordDateFormatChanged(): Promise<void>;
+  private configGrid;
+  private updateDURecords;
+  private refreshFilterColumnDataSource;
+  private hasValidDependencies;
+  private buildGridConfig;
+  private parseColumnConfig;
+  private ensureInMemoryLoaderExists;
+  private buildInMemoryLoader;
+  private clearInMemoryLoader;
+  private buildInMemoryLoaderConfig;
+  componentDidLoad(): Promise<void>;
+  render(): any;
+}
+export interface ColumnConfig {
+  /**
+   * ID da coluna. Em cada linha do array de dados, esse ID deve coincidir com
+   * o nome do atributo que a coluna representa.
+   */
+  name: string;
+  /**
+   * Largura padrão da coluna em pixels absolutos.
+   */
+  width: number;
+}

package/dist/types/components/ez-guide-navigator/ez-guide-navigator.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IGuideItem } from "./interfaces";
 export declare class EzGuideNavigator {
+  private i18n;
   _element: HTMLElement;
   _tree: HTMLEzTreeElement;
   /**
@@ -57,6 +58,7 @@ export declare class EzGuideNavigator {
    * Obtem o item pai a partir de um id
    */
   getParent(id: string): Promise<IGuideItem>;
+  componentWillLoad(): Promise<void>;
   private handleToggleSidebar;
   private handleFilterTree;
   private onFilterChanged;

package/dist/types/components/ez-list/ez-list.d.ts

@@ -22,6 +22,7 @@ export type TListMode = {
 };
 export type SlotBuilder = (item: ListItem, group?: ListGroup) => HTMLElement | string;
 export declare class EzList {
+  private i18n;
   _listItems: ListItem[];
   _listGroupItems: ListGroup[];
   private _dragStartItem;
@@ -121,7 +122,7 @@ export declare class EzList {
   private createList;
   private sortGroup;
   buildIdDraggableListAndSelectable(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentWillRender(): void;
   componentDidLoad(): void;
   onDrop(ev: any, dragEndItem: ListItemGroup): void;

package/dist/types/components/ez-list-item/ez-list-item.d.ts

@@ -0,0 +1,9 @@
+export declare class EzListItem {
+  /** Título do item da lista. */
+  titleText?: string;
+  /** Texto do item da lista. */
+  text?: string;
+  /** Nome do ícone que deve ser exibido no item. */
+  iconName?: string;
+  render(): any;
+}

package/dist/types/components/ez-modal/ez-modal.d.ts

@@ -8,6 +8,7 @@ export declare class EzModal {
   private _modalRef;
   private _overlayId;
   private _keyboardManager;
+  private i18n;
   /**
    * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`.
    */
@@ -59,6 +60,7 @@ export declare class EzModal {
   ezModalAction: EventEmitter<string>;
   observeOpened(): void;
   closeModal(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;

package/dist/types/components/ez-modal-container/ez-modal-container.d.ts

@@ -4,6 +4,7 @@ export declare class EzModalContainer {
   _okButton: HTMLEzButtonElement;
   private _modalRef;
   private _keyboardManager;
+  private i18n;
   private _element;
   /**
    * Texto a ser apresentado como título do modal.
@@ -48,6 +49,7 @@ export declare class EzModalContainer {
   handleEzModalAction(event: CustomEvent<string>): Promise<void>;
   private cancelIsVisible;
   private okIsVisible;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   private closeModal;

package/dist/types/components/ez-multi-selection-list/ez-multi-selection-list.d.ts

@@ -2,9 +2,11 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { IMultiSelectionListDataSource } from './interfaces/IMultiSelectionListDataSource';
 import { IMultiSelectionOption } from './interfaces/IMultiSelectionOption';
 export declare class EzMuiltiSelectionList {
+  private i18n;
   private filterInput;
   private searchInput;
   private checkInput;
+  componentWillLoad(): Promise<void>;
   /**
    * Evento que informa que a lista de opções selecionadas sofreu alteração.
    */

package/dist/types/components/ez-number-input/ez-number-input.d.ts

@@ -6,6 +6,7 @@ export declare class EzNumberInput {
   private _focused;
   private _changePending;
   private _valuePromiseCallbacks;
+  private i18n;
   private _elem;
   private _value;
   /**
@@ -91,6 +92,7 @@ export declare class EzNumberInput {
   private handleInput;
   private getParsedNumber;
   private setInputValue;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-pagination/ez-pagination.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzPagination {
+  private i18n;
+  /**
+   * O tipo de paginação a ser renderizada.
+   * Pode ser 'default' ou 'number'.
+   */
+  type: 'default' | 'number';
+  /**
+   * O número da página atual.
+   */
+  currentPage: number;
+  /**
+   * O número total de itens.
+   */
+  totalItems: number;
+  /**
+   * O número de itens por página.
+   */
+  pageSize: 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;
+  /**
+   * Evento emitido quando a página é alterada.
+   */
+  ezPageChange: EventEmitter<number>;
+  componentWillLoad(): Promise<void>;
+  private getTotalPages;
+  private handlePreviousPage;
+  private handleNextPage;
+  private handlePageClick;
+  private renderNextBtn;
+  private renderPreviousBtn;
+  private renderPageButton;
+  private renderEllipsis;
+  private renderPageButtons;
+  private renderInfoLabel;
+  private renderDefault;
+  private renderNumber;
+  render(): any;
+}

package/dist/types/components/ez-popup/ez-popup.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { EzButtonProps } from "./interfaces/EzButtonProps";
 export declare class EzPopup {
   private _keyboardManager;
   private _popupRef;
   private _overlayId;
-  private _sizeClasses;
   private _element;
   /**
    * Define a largura do ez-popup.
@@ -29,6 +29,16 @@ export declare class EzPopup {
    * Possibilita scroll vertical no conteúdo interno do componente
    */
   enabledScroll: boolean;
+  /**
+   * Define se o popup deve fechar automaticamente ao clicar fora dele.
+   * @default true
+   */
+  autoClose: boolean;
+  /**
+   * Botões do rodapé do popup. Aceita todas as propriedades do ez-button.
+   * Limitado a até 3 botões.
+   */
+  footerButtons?: Partial<EzButtonProps>[];
   /**
    * Evento emitido ao clicar no botão de fechar (onEzClosePopup).
    */
@@ -37,7 +47,9 @@ export declare class EzPopup {
    * Evento emitido ao clicar no botão de fechar (ezPopupAction = OK)
    */
   ezPopupAction: EventEmitter<string>;
+  private i18n;
   observeConfig(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   private closePopup;
@@ -45,8 +57,9 @@ export declare class EzPopup {
   private manageOverlay;
   private popUpFocus;
   getGridSize(): string;
-  private handlePopupHeight;
-  private handlePopupOverflowY;
+  private getDialogClass;
   componentDidRender(): void;
+  private handleAutoClose;
+  private handleDefaultPropsButtonsByIndex;
   render(): any;
 }

package/dist/types/components/ez-popup/interfaces/EzButtonProps.d.ts

@@ -0,0 +1,28 @@
+export type EzButtonProps = {
+  /** Texto a ser apresentado como título do botão. */
+  label?: string;
+  /** Se false o usuário não pode interagir com o botão. */
+  enabled?: boolean;
+  /** 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" | "";
+  /** Define o modo de uso do botão. */
+  mode?: "regular" | "icon" | "link" | "label-icon";
+  /** Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones. */
+  image?: string;
+  /** Define o ícone a ser usado da biblioteca de ícones. */
+  iconName?: string;
+  /** Define o tamanho do ez-button. */
+  size?: "x-small" | "small" | "medium" | "large";
+  /** Define a variante do ez-button. */
+  variant?: "primary" | "secondary" | "tertiary";
+  /** Define o tipo do botão. Pode ser `button`, `submit` ou `reset`. */
+  type?: string;
+  /** Define o ícone esquerdo do ez-button. Tem prioridade sobre o slot `leftIcon`. */
+  leftIconName?: string;
+  /** Define o ícone direito do ez-button. Tem prioridade sobre o slot `rightIcon`. */
+  rightIconName?: string;
+  /** Se verdadeiro, desabilita a animação de ripple. */
+  suppressAnimation?: boolean;
+  /** Função chamada ao clicar no botão. */
+  onClick?: (event: MouseEvent) => void;
+};