@andespindola/ui-core 0.1.0 → 0.2.0

package/dist/types/components.d.ts

@@ -5,25 +5,37 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { UiAlertVariant } from "./components/ui-alert/ui-alert";
 import { UiBadgeVariant } from "./components/ui-badge/ui-badge";
 import { UiButtonSize, UiButtonVariant } from "./components/ui-button/ui-button";
+import { UiContainerSize } from "./components/ui-container/ui-container";
 import { Placement } from "@floating-ui/dom";
+import { UiGridGap } from "./components/ui-grid/ui-grid";
 import { UiSpinnerSize } from "./components/ui-spinner/ui-spinner";
 import { UiRadioOption } from "./components/ui-radio-group/ui-radio-group";
+import { UiSegmentedItem } from "./components/ui-segmented/ui-segmented";
 import { UiSelectOption } from "./components/ui-select/ui-select";
 import { UiSeparatorOrientation } from "./components/ui-separator/ui-separator";
 import { UiSpinnerSize as UiSpinnerSize1 } from "./components/ui-spinner/ui-spinner";
+import { UiStackAlign, UiStackDirection, UiStackGap, UiStackJustify } from "./components/ui-stack/ui-stack";
+import { UiStatTrend } from "./components/ui-stat/ui-stat";
 import { UiTabItem } from "./components/ui-tabs/ui-tabs";
 import { UiToastVariant } from "./components/ui-toast/ui-toast";
 import { UiToastOptions } from "./components/ui-toaster/ui-toaster";
+export { UiAlertVariant } from "./components/ui-alert/ui-alert";
 export { UiBadgeVariant } from "./components/ui-badge/ui-badge";
 export { UiButtonSize, UiButtonVariant } from "./components/ui-button/ui-button";
+export { UiContainerSize } from "./components/ui-container/ui-container";
 export { Placement } from "@floating-ui/dom";
+export { UiGridGap } from "./components/ui-grid/ui-grid";
 export { UiSpinnerSize } from "./components/ui-spinner/ui-spinner";
 export { UiRadioOption } from "./components/ui-radio-group/ui-radio-group";
+export { UiSegmentedItem } from "./components/ui-segmented/ui-segmented";
 export { UiSelectOption } from "./components/ui-select/ui-select";
 export { UiSeparatorOrientation } from "./components/ui-separator/ui-separator";
 export { UiSpinnerSize as UiSpinnerSize1 } from "./components/ui-spinner/ui-spinner";
+export { UiStackAlign, UiStackDirection, UiStackGap, UiStackJustify } from "./components/ui-stack/ui-stack";
+export { UiStatTrend } from "./components/ui-stat/ui-stat";
 export { UiTabItem } from "./components/ui-tabs/ui-tabs";
 export { UiToastVariant } from "./components/ui-toast/ui-toast";
 export { UiToastOptions } from "./components/ui-toaster/ui-toaster";
@@ -42,6 +54,22 @@ export namespace Components {
          */
         "open": boolean;
     }
+    interface UiAlert {
+        /**
+          * Exibe o botão de fechar.
+          * @default false
+         */
+        "dismissible": boolean;
+        /**
+          * Título do alerta.
+         */
+        "heading"?: string;
+        /**
+          * Variante visual.
+          * @default "info"
+         */
+        "variant": UiAlertVariant;
+    }
     interface UiAvatar {
         /**
           * Texto alternativo da imagem.
@@ -56,20 +84,57 @@ export namespace Components {
           * URL da imagem do avatar.
          */
         "src"?: string;
+        /**
+          * Indicador de status.
+         */
+        "status"?: "online" | "offline" | "busy" | "away";
+    }
+    /**
+     * Agrupa avatares sobrepostos. Use com elementos `<ui-avatar>` no slot default.
+     */
+    interface UiAvatarGroup {
     }
     interface UiBadge {
+        /**
+          * Exibe um ponto colorido à esquerda.
+          * @default false
+         */
+        "dot": boolean;
+        /**
+          * Exibe um botão para remover o badge.
+          * @default false
+         */
+        "removable": boolean;
         /**
           * Variante visual.
           * @default "default"
          */
         "variant": UiBadgeVariant;
     }
+    interface UiBreadcrumb {
+    }
+    interface UiBreadcrumbItem {
+        /**
+          * Indica o item atual (página corrente).
+          * @default false
+         */
+        "current": boolean;
+        /**
+          * Destino do link.
+         */
+        "href"?: string;
+    }
     interface UiButton {
         /**
           * Desabilita o botão.
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Ocupa 100% da largura disponível.
+          * @default false
+         */
+        "full": boolean;
         /**
           * Exibe spinner e desabilita durante uma ação assíncrona.
           * @default false
@@ -113,6 +178,18 @@ export namespace Components {
          */
         "value"?: string;
     }
+    interface UiContainer {
+        /**
+          * Aplica padding lateral responsivo.
+          * @default true
+         */
+        "padded": boolean;
+        /**
+          * Largura máxima do container.
+          * @default "lg"
+         */
+        "size": UiContainerSize;
+    }
     interface UiDialog {
         /**
           * Fecha o modal imperativamente.
@@ -198,7 +275,28 @@ export namespace Components {
          */
         "required": boolean;
     }
+    interface UiGrid {
+        /**
+          * Número de colunas da grade.
+          * @default 12
+         */
+        "columns": number;
+        /**
+          * Espaçamento entre células.
+          * @default "md"
+         */
+        "gap": UiGridGap;
+        /**
+          * Largura mínima por item para layout responsivo (auto-fit).
+         */
+        "minItemWidth"?: string;
+    }
     interface UiInput {
+        /**
+          * Exibe um botão para limpar o valor quando preenchido.
+          * @default false
+         */
+        "clearable": boolean;
         /**
           * Desabilita o campo.
           * @default false
@@ -251,6 +349,23 @@ export namespace Components {
          */
         "visible": boolean;
     }
+    interface UiPagination {
+        /**
+          * Página atual.
+          * @default 1
+         */
+        "current": number;
+        /**
+          * Quantidade de páginas ao redor da atual.
+          * @default 1
+         */
+        "siblings": number;
+        /**
+          * Total de páginas.
+          * @default 1
+         */
+        "total": number;
+    }
     interface UiPopover {
         /**
           * Fecha o popover imperativamente.
@@ -334,6 +449,18 @@ export namespace Components {
          */
         "heading": string;
     }
+    interface UiSegmented {
+        /**
+          * Lista de segmentos.
+          * @default []
+         */
+        "items": UiSegmentedItem[];
+        /**
+          * Valor do segmento ativo.
+          * @default ""
+         */
+        "value": string;
+    }
     interface UiSelect {
         /**
           * Desabilita o controle.
@@ -401,6 +528,52 @@ export namespace Components {
          */
         "size": UiSpinnerSize1;
     }
+    interface UiStack {
+        /**
+          * Alinhamento no eixo cruzado.
+          * @default "stretch"
+         */
+        "align": UiStackAlign;
+        /**
+          * Direção do empilhamento.
+          * @default "vertical"
+         */
+        "direction": UiStackDirection;
+        /**
+          * Espaçamento entre itens.
+          * @default "md"
+         */
+        "gap": UiStackGap;
+        /**
+          * Distribuição no eixo principal.
+          * @default "start"
+         */
+        "justify": UiStackJustify;
+        /**
+          * Permite quebra de linha dos itens.
+          * @default false
+         */
+        "wrap": boolean;
+    }
+    interface UiStat {
+        /**
+          * Variação exibida no chip (ex.: "+12%").
+         */
+        "delta"?: string;
+        /**
+          * Rótulo da métrica.
+         */
+        "label": string;
+        /**
+          * Direção da tendência.
+          * @default "neutral"
+         */
+        "trend": UiStatTrend;
+        /**
+          * Valor principal exibido.
+         */
+        "value": string;
+    }
     interface UiSwitch {
         /**
           * Estado ligado/desligado.
@@ -518,6 +691,14 @@ export interface UiAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiAccordionItemElement;
 }
+export interface UiAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiAlertElement;
+}
+export interface UiBadgeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiBadgeElement;
+}
 export interface UiCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiCheckboxElement;
@@ -542,6 +723,10 @@ export interface UiInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiInputElement;
 }
+export interface UiPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiPaginationElement;
+}
 export interface UiPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiPopoverElement;
@@ -550,6 +735,10 @@ export interface UiRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiRadioGroupElement;
 }
+export interface UiSegmentedCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiSegmentedElement;
+}
 export interface UiSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiSelectElement;
@@ -602,18 +791,67 @@ declare global {
         prototype: HTMLUiAccordionItemElement;
         new (): HTMLUiAccordionItemElement;
     };
+    interface HTMLUiAlertElementEventMap {
+        "uiClose": void;
+    }
+    interface HTMLUiAlertElement extends Components.UiAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiAlertElementEventMap>(type: K, listener: (this: HTMLUiAlertElement, ev: UiAlertCustomEvent<HTMLUiAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLUiAlertElementEventMap>(type: K, listener: (this: HTMLUiAlertElement, ev: UiAlertCustomEvent<HTMLUiAlertElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLUiAlertElement: {
+        prototype: HTMLUiAlertElement;
+        new (): HTMLUiAlertElement;
+    };
     interface HTMLUiAvatarElement extends Components.UiAvatar, HTMLStencilElement {
     }
     var HTMLUiAvatarElement: {
         prototype: HTMLUiAvatarElement;
         new (): HTMLUiAvatarElement;
     };
+    /**
+     * Agrupa avatares sobrepostos. Use com elementos `<ui-avatar>` no slot default.
+     */
+    interface HTMLUiAvatarGroupElement extends Components.UiAvatarGroup, HTMLStencilElement {
+    }
+    var HTMLUiAvatarGroupElement: {
+        prototype: HTMLUiAvatarGroupElement;
+        new (): HTMLUiAvatarGroupElement;
+    };
+    interface HTMLUiBadgeElementEventMap {
+        "uiRemove": void;
+    }
     interface HTMLUiBadgeElement extends Components.UiBadge, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiBadgeElementEventMap>(type: K, listener: (this: HTMLUiBadgeElement, ev: UiBadgeCustomEvent<HTMLUiBadgeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLUiBadgeElementEventMap>(type: K, listener: (this: HTMLUiBadgeElement, ev: UiBadgeCustomEvent<HTMLUiBadgeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLUiBadgeElement: {
         prototype: HTMLUiBadgeElement;
         new (): HTMLUiBadgeElement;
     };
+    interface HTMLUiBreadcrumbElement extends Components.UiBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLUiBreadcrumbElement: {
+        prototype: HTMLUiBreadcrumbElement;
+        new (): HTMLUiBreadcrumbElement;
+    };
+    interface HTMLUiBreadcrumbItemElement extends Components.UiBreadcrumbItem, HTMLStencilElement {
+    }
+    var HTMLUiBreadcrumbItemElement: {
+        prototype: HTMLUiBreadcrumbItemElement;
+        new (): HTMLUiBreadcrumbItemElement;
+    };
     interface HTMLUiButtonElement extends Components.UiButton, HTMLStencilElement {
     }
     var HTMLUiButtonElement: {
@@ -643,6 +881,12 @@ declare global {
         prototype: HTMLUiCheckboxElement;
         new (): HTMLUiCheckboxElement;
     };
+    interface HTMLUiContainerElement extends Components.UiContainer, HTMLStencilElement {
+    }
+    var HTMLUiContainerElement: {
+        prototype: HTMLUiContainerElement;
+        new (): HTMLUiContainerElement;
+    };
     interface HTMLUiDialogElementEventMap {
         "uiClose": void;
     }
@@ -717,6 +961,12 @@ declare global {
         prototype: HTMLUiFieldElement;
         new (): HTMLUiFieldElement;
     };
+    interface HTMLUiGridElement extends Components.UiGrid, HTMLStencilElement {
+    }
+    var HTMLUiGridElement: {
+        prototype: HTMLUiGridElement;
+        new (): HTMLUiGridElement;
+    };
     interface HTMLUiInputElementEventMap {
         "uiInput": string;
         "uiChange": string;
@@ -752,6 +1002,23 @@ declare global {
         prototype: HTMLUiLoadingOverlayElement;
         new (): HTMLUiLoadingOverlayElement;
     };
+    interface HTMLUiPaginationElementEventMap {
+        "uiChange": number;
+    }
+    interface HTMLUiPaginationElement extends Components.UiPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiPaginationElementEventMap>(type: K, listener: (this: HTMLUiPaginationElement, ev: UiPaginationCustomEvent<HTMLUiPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLUiPaginationElementEventMap>(type: K, listener: (this: HTMLUiPaginationElement, ev: UiPaginationCustomEvent<HTMLUiPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLUiPaginationElement: {
+        prototype: HTMLUiPaginationElement;
+        new (): HTMLUiPaginationElement;
+    };
     interface HTMLUiPopoverElementEventMap {
         "uiOpenChange": boolean;
     }
@@ -810,6 +1077,23 @@ declare global {
         prototype: HTMLUiSectionElement;
         new (): HTMLUiSectionElement;
     };
+    interface HTMLUiSegmentedElementEventMap {
+        "uiChange": string;
+    }
+    interface HTMLUiSegmentedElement extends Components.UiSegmented, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiSegmentedElementEventMap>(type: K, listener: (this: HTMLUiSegmentedElement, ev: UiSegmentedCustomEvent<HTMLUiSegmentedElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLUiSegmentedElementEventMap>(type: K, listener: (this: HTMLUiSegmentedElement, ev: UiSegmentedCustomEvent<HTMLUiSegmentedElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLUiSegmentedElement: {
+        prototype: HTMLUiSegmentedElement;
+        new (): HTMLUiSegmentedElement;
+    };
     interface HTMLUiSelectElementEventMap {
         "uiChange": string;
     }
@@ -863,6 +1147,18 @@ declare global {
         prototype: HTMLUiSpinnerElement;
         new (): HTMLUiSpinnerElement;
     };
+    interface HTMLUiStackElement extends Components.UiStack, HTMLStencilElement {
+    }
+    var HTMLUiStackElement: {
+        prototype: HTMLUiStackElement;
+        new (): HTMLUiStackElement;
+    };
+    interface HTMLUiStatElement extends Components.UiStat, HTMLStencilElement {
+    }
+    var HTMLUiStatElement: {
+        prototype: HTMLUiStatElement;
+        new (): HTMLUiStatElement;
+    };
     interface HTMLUiSwitchElementEventMap {
         "uiChange": boolean;
     }
@@ -964,30 +1260,40 @@ declare global {
     interface HTMLElementTagNameMap {
         "ui-accordion": HTMLUiAccordionElement;
         "ui-accordion-item": HTMLUiAccordionItemElement;
+        "ui-alert": HTMLUiAlertElement;
         "ui-avatar": HTMLUiAvatarElement;
+        "ui-avatar-group": HTMLUiAvatarGroupElement;
         "ui-badge": HTMLUiBadgeElement;
+        "ui-breadcrumb": HTMLUiBreadcrumbElement;
+        "ui-breadcrumb-item": HTMLUiBreadcrumbItemElement;
         "ui-button": HTMLUiButtonElement;
         "ui-card": HTMLUiCardElement;
         "ui-checkbox": HTMLUiCheckboxElement;
+        "ui-container": HTMLUiContainerElement;
         "ui-dialog": HTMLUiDialogElement;
         "ui-drawer": HTMLUiDrawerElement;
         "ui-dropdown-item": HTMLUiDropdownItemElement;
         "ui-dropdown-menu": HTMLUiDropdownMenuElement;
         "ui-field": HTMLUiFieldElement;
+        "ui-grid": HTMLUiGridElement;
         "ui-input": HTMLUiInputElement;
         "ui-label": HTMLUiLabelElement;
         "ui-loading-overlay": HTMLUiLoadingOverlayElement;
+        "ui-pagination": HTMLUiPaginationElement;
         "ui-popover": HTMLUiPopoverElement;
         "ui-progress": HTMLUiProgressElement;
         "ui-radio-group": HTMLUiRadioGroupElement;
         "ui-reveal": HTMLUiRevealElement;
         "ui-scroll-progress": HTMLUiScrollProgressElement;
         "ui-section": HTMLUiSectionElement;
+        "ui-segmented": HTMLUiSegmentedElement;
         "ui-select": HTMLUiSelectElement;
         "ui-separator": HTMLUiSeparatorElement;
         "ui-skeleton": HTMLUiSkeletonElement;
         "ui-slider": HTMLUiSliderElement;
         "ui-spinner": HTMLUiSpinnerElement;
+        "ui-stack": HTMLUiStackElement;
+        "ui-stat": HTMLUiStatElement;
         "ui-switch": HTMLUiSwitchElement;
         "ui-tabs": HTMLUiTabsElement;
         "ui-textarea": HTMLUiTextareaElement;
@@ -998,6 +1304,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
     interface UiAccordion {
     }
     interface UiAccordionItem {
@@ -1016,6 +1324,26 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
     }
+    interface UiAlert {
+        /**
+          * Exibe o botão de fechar.
+          * @default false
+         */
+        "dismissible"?: boolean;
+        /**
+          * Título do alerta.
+         */
+        "heading"?: string;
+        /**
+          * Emitido quando o alerta é fechado.
+         */
+        "onUiClose"?: (event: UiAlertCustomEvent<void>) => void;
+        /**
+          * Variante visual.
+          * @default "info"
+         */
+        "variant"?: UiAlertVariant;
+    }
     interface UiAvatar {
         /**
           * Texto alternativo da imagem.
@@ -1030,20 +1358,61 @@ declare namespace LocalJSX {
           * URL da imagem do avatar.
          */
         "src"?: string;
+        /**
+          * Indicador de status.
+         */
+        "status"?: "online" | "offline" | "busy" | "away";
+    }
+    /**
+     * Agrupa avatares sobrepostos. Use com elementos `<ui-avatar>` no slot default.
+     */
+    interface UiAvatarGroup {
     }
     interface UiBadge {
+        /**
+          * Exibe um ponto colorido à esquerda.
+          * @default false
+         */
+        "dot"?: boolean;
+        /**
+          * Emitido ao clicar no botão de remover.
+         */
+        "onUiRemove"?: (event: UiBadgeCustomEvent<void>) => void;
+        /**
+          * Exibe um botão para remover o badge.
+          * @default false
+         */
+        "removable"?: boolean;
         /**
           * Variante visual.
           * @default "default"
          */
         "variant"?: UiBadgeVariant;
     }
+    interface UiBreadcrumb {
+    }
+    interface UiBreadcrumbItem {
+        /**
+          * Indica o item atual (página corrente).
+          * @default false
+         */
+        "current"?: boolean;
+        /**
+          * Destino do link.
+         */
+        "href"?: string;
+    }
     interface UiButton {
         /**
           * Desabilita o botão.
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Ocupa 100% da largura disponível.
+          * @default false
+         */
+        "full"?: boolean;
         /**
           * Exibe spinner e desabilita durante uma ação assíncrona.
           * @default false
@@ -1091,6 +1460,18 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface UiContainer {
+        /**
+          * Aplica padding lateral responsivo.
+          * @default true
+         */
+        "padded"?: boolean;
+        /**
+          * Largura máxima do container.
+          * @default "lg"
+         */
+        "size"?: UiContainerSize;
+    }
     interface UiDialog {
         /**
           * Emitido quando o modal é fechado (Esc, backdrop ou close()).
@@ -1168,7 +1549,28 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
     }
+    interface UiGrid {
+        /**
+          * Número de colunas da grade.
+          * @default 12
+         */
+        "columns"?: number;
+        /**
+          * Espaçamento entre células.
+          * @default "md"
+         */
+        "gap"?: UiGridGap;
+        /**
+          * Largura mínima por item para layout responsivo (auto-fit).
+         */
+        "minItemWidth"?: string;
+    }
     interface UiInput {
+        /**
+          * Exibe um botão para limpar o valor quando preenchido.
+          * @default false
+         */
+        "clearable"?: boolean;
         /**
           * Desabilita o campo.
           * @default false
@@ -1229,6 +1631,27 @@ declare namespace LocalJSX {
          */
         "visible"?: boolean;
     }
+    interface UiPagination {
+        /**
+          * Página atual.
+          * @default 1
+         */
+        "current"?: number;
+        /**
+          * Emitido quando a página muda.
+         */
+        "onUiChange"?: (event: UiPaginationCustomEvent<number>) => void;
+        /**
+          * Quantidade de páginas ao redor da atual.
+          * @default 1
+         */
+        "siblings"?: number;
+        /**
+          * Total de páginas.
+          * @default 1
+         */
+        "total"?: number;
+    }
     interface UiPopover {
         /**
           * Emitido quando o estado de abertura muda.
@@ -1312,6 +1735,22 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
     }
+    interface UiSegmented {
+        /**
+          * Lista de segmentos.
+          * @default []
+         */
+        "items"?: UiSegmentedItem[];
+        /**
+          * Emitido quando o segmento ativo muda.
+         */
+        "onUiChange"?: (event: UiSegmentedCustomEvent<string>) => void;
+        /**
+          * Valor do segmento ativo.
+          * @default ""
+         */
+        "value"?: string;
+    }
     interface UiSelect {
         /**
           * Desabilita o controle.
@@ -1391,6 +1830,52 @@ declare namespace LocalJSX {
          */
         "size"?: UiSpinnerSize1;
     }
+    interface UiStack {
+        /**
+          * Alinhamento no eixo cruzado.
+          * @default "stretch"
+         */
+        "align"?: UiStackAlign;
+        /**
+          * Direção do empilhamento.
+          * @default "vertical"
+         */
+        "direction"?: UiStackDirection;
+        /**
+          * Espaçamento entre itens.
+          * @default "md"
+         */
+        "gap"?: UiStackGap;
+        /**
+          * Distribuição no eixo principal.
+          * @default "start"
+         */
+        "justify"?: UiStackJustify;
+        /**
+          * Permite quebra de linha dos itens.
+          * @default false
+         */
+        "wrap"?: boolean;
+    }
+    interface UiStat {
+        /**
+          * Variação exibida no chip (ex.: "+12%").
+         */
+        "delta"?: string;
+        /**
+          * Rótulo da métrica.
+         */
+        "label": string;
+        /**
+          * Direção da tendência.
+          * @default "neutral"
+         */
+        "trend"?: UiStatTrend;
+        /**
+          * Valor principal exibido.
+         */
+        "value": string;
+    }
     interface UiSwitch {
         /**
           * Estado ligado/desligado.
@@ -1520,13 +2005,25 @@ declare namespace LocalJSX {
         "heading": string;
         "open": boolean;
     }
+    interface UiAlertAttributes {
+        "variant": UiAlertVariant;
+        "heading": string;
+        "dismissible": boolean;
+    }
     interface UiAvatarAttributes {
         "src": string;
         "alt": string;
         "fallback": string;
+        "status": "online" | "offline" | "busy" | "away";
     }
     interface UiBadgeAttributes {
         "variant": UiBadgeVariant;
+        "dot": boolean;
+        "removable": boolean;
+    }
+    interface UiBreadcrumbItemAttributes {
+        "href": string;
+        "current": boolean;
     }
     interface UiButtonAttributes {
         "variant": UiButtonVariant;
@@ -1534,6 +2031,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "loading": boolean;
         "type": "button" | "submit" | "reset";
+        "full": boolean;
     }
     interface UiCheckboxAttributes {
         "checked": boolean;
@@ -1541,6 +2039,10 @@ declare namespace LocalJSX {
         "name": string;
         "value": string;
     }
+    interface UiContainerAttributes {
+        "size": UiContainerSize;
+        "padded": boolean;
+    }
     interface UiDialogAttributes {
         "open": boolean;
     }
@@ -1562,6 +2064,11 @@ declare namespace LocalJSX {
         "required": boolean;
         "fieldId": string;
     }
+    interface UiGridAttributes {
+        "columns": number;
+        "gap": UiGridGap;
+        "minItemWidth": string;
+    }
     interface UiInputAttributes {
         "value": string;
         "placeholder": string;
@@ -1569,12 +2076,18 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "invalid": boolean;
         "name": string;
+        "clearable": boolean;
     }
     interface UiLoadingOverlayAttributes {
         "visible": boolean;
         "label": string;
         "spinnerSize": UiSpinnerSize;
     }
+    interface UiPaginationAttributes {
+        "total": number;
+        "current": number;
+        "siblings": number;
+    }
     interface UiPopoverAttributes {
         "open": boolean;
         "placement": Placement;
@@ -1597,6 +2110,9 @@ declare namespace LocalJSX {
         "heading": string;
         "description": string;
     }
+    interface UiSegmentedAttributes {
+        "value": string;
+    }
     interface UiSelectAttributes {
         "value": string;
         "disabled": boolean;
@@ -1616,6 +2132,19 @@ declare namespace LocalJSX {
     interface UiSpinnerAttributes {
         "size": UiSpinnerSize;
     }
+    interface UiStackAttributes {
+        "direction": UiStackDirection;
+        "gap": UiStackGap;
+        "align": UiStackAlign;
+        "justify": UiStackJustify;
+        "wrap": boolean;
+    }
+    interface UiStatAttributes {
+        "label": string;
+        "value": string;
+        "delta": string;
+        "trend": UiStatTrend;
+    }
     interface UiSwitchAttributes {
         "checked": boolean;
         "disabled": boolean;
@@ -1647,30 +2176,40 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "ui-accordion": UiAccordion;
         "ui-accordion-item": Omit<UiAccordionItem, keyof UiAccordionItemAttributes> & { [K in keyof UiAccordionItem & keyof UiAccordionItemAttributes]?: UiAccordionItem[K] } & { [K in keyof UiAccordionItem & keyof UiAccordionItemAttributes as `attr:${K}`]?: UiAccordionItemAttributes[K] } & { [K in keyof UiAccordionItem & keyof UiAccordionItemAttributes as `prop:${K}`]?: UiAccordionItem[K] };
+        "ui-alert": Omit<UiAlert, keyof UiAlertAttributes> & { [K in keyof UiAlert & keyof UiAlertAttributes]?: UiAlert[K] } & { [K in keyof UiAlert & keyof UiAlertAttributes as `attr:${K}`]?: UiAlertAttributes[K] } & { [K in keyof UiAlert & keyof UiAlertAttributes as `prop:${K}`]?: UiAlert[K] };
         "ui-avatar": Omit<UiAvatar, keyof UiAvatarAttributes> & { [K in keyof UiAvatar & keyof UiAvatarAttributes]?: UiAvatar[K] } & { [K in keyof UiAvatar & keyof UiAvatarAttributes as `attr:${K}`]?: UiAvatarAttributes[K] } & { [K in keyof UiAvatar & keyof UiAvatarAttributes as `prop:${K}`]?: UiAvatar[K] };
+        "ui-avatar-group": UiAvatarGroup;
         "ui-badge": Omit<UiBadge, keyof UiBadgeAttributes> & { [K in keyof UiBadge & keyof UiBadgeAttributes]?: UiBadge[K] } & { [K in keyof UiBadge & keyof UiBadgeAttributes as `attr:${K}`]?: UiBadgeAttributes[K] } & { [K in keyof UiBadge & keyof UiBadgeAttributes as `prop:${K}`]?: UiBadge[K] };
+        "ui-breadcrumb": UiBreadcrumb;
+        "ui-breadcrumb-item": Omit<UiBreadcrumbItem, keyof UiBreadcrumbItemAttributes> & { [K in keyof UiBreadcrumbItem & keyof UiBreadcrumbItemAttributes]?: UiBreadcrumbItem[K] } & { [K in keyof UiBreadcrumbItem & keyof UiBreadcrumbItemAttributes as `attr:${K}`]?: UiBreadcrumbItemAttributes[K] } & { [K in keyof UiBreadcrumbItem & keyof UiBreadcrumbItemAttributes as `prop:${K}`]?: UiBreadcrumbItem[K] };
         "ui-button": Omit<UiButton, keyof UiButtonAttributes> & { [K in keyof UiButton & keyof UiButtonAttributes]?: UiButton[K] } & { [K in keyof UiButton & keyof UiButtonAttributes as `attr:${K}`]?: UiButtonAttributes[K] } & { [K in keyof UiButton & keyof UiButtonAttributes as `prop:${K}`]?: UiButton[K] };
         "ui-card": UiCard;
         "ui-checkbox": Omit<UiCheckbox, keyof UiCheckboxAttributes> & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes]?: UiCheckbox[K] } & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes as `attr:${K}`]?: UiCheckboxAttributes[K] } & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes as `prop:${K}`]?: UiCheckbox[K] };
+        "ui-container": Omit<UiContainer, keyof UiContainerAttributes> & { [K in keyof UiContainer & keyof UiContainerAttributes]?: UiContainer[K] } & { [K in keyof UiContainer & keyof UiContainerAttributes as `attr:${K}`]?: UiContainerAttributes[K] } & { [K in keyof UiContainer & keyof UiContainerAttributes as `prop:${K}`]?: UiContainer[K] };
         "ui-dialog": Omit<UiDialog, keyof UiDialogAttributes> & { [K in keyof UiDialog & keyof UiDialogAttributes]?: UiDialog[K] } & { [K in keyof UiDialog & keyof UiDialogAttributes as `attr:${K}`]?: UiDialogAttributes[K] } & { [K in keyof UiDialog & keyof UiDialogAttributes as `prop:${K}`]?: UiDialog[K] };
         "ui-drawer": Omit<UiDrawer, keyof UiDrawerAttributes> & { [K in keyof UiDrawer & keyof UiDrawerAttributes]?: UiDrawer[K] } & { [K in keyof UiDrawer & keyof UiDrawerAttributes as `attr:${K}`]?: UiDrawerAttributes[K] } & { [K in keyof UiDrawer & keyof UiDrawerAttributes as `prop:${K}`]?: UiDrawer[K] };
         "ui-dropdown-item": Omit<UiDropdownItem, keyof UiDropdownItemAttributes> & { [K in keyof UiDropdownItem & keyof UiDropdownItemAttributes]?: UiDropdownItem[K] } & { [K in keyof UiDropdownItem & keyof UiDropdownItemAttributes as `attr:${K}`]?: UiDropdownItemAttributes[K] } & { [K in keyof UiDropdownItem & keyof UiDropdownItemAttributes as `prop:${K}`]?: UiDropdownItem[K] };
         "ui-dropdown-menu": Omit<UiDropdownMenu, keyof UiDropdownMenuAttributes> & { [K in keyof UiDropdownMenu & keyof UiDropdownMenuAttributes]?: UiDropdownMenu[K] } & { [K in keyof UiDropdownMenu & keyof UiDropdownMenuAttributes as `attr:${K}`]?: UiDropdownMenuAttributes[K] } & { [K in keyof UiDropdownMenu & keyof UiDropdownMenuAttributes as `prop:${K}`]?: UiDropdownMenu[K] };
         "ui-field": Omit<UiField, keyof UiFieldAttributes> & { [K in keyof UiField & keyof UiFieldAttributes]?: UiField[K] } & { [K in keyof UiField & keyof UiFieldAttributes as `attr:${K}`]?: UiFieldAttributes[K] } & { [K in keyof UiField & keyof UiFieldAttributes as `prop:${K}`]?: UiField[K] };
+        "ui-grid": Omit<UiGrid, keyof UiGridAttributes> & { [K in keyof UiGrid & keyof UiGridAttributes]?: UiGrid[K] } & { [K in keyof UiGrid & keyof UiGridAttributes as `attr:${K}`]?: UiGridAttributes[K] } & { [K in keyof UiGrid & keyof UiGridAttributes as `prop:${K}`]?: UiGrid[K] };
         "ui-input": Omit<UiInput, keyof UiInputAttributes> & { [K in keyof UiInput & keyof UiInputAttributes]?: UiInput[K] } & { [K in keyof UiInput & keyof UiInputAttributes as `attr:${K}`]?: UiInputAttributes[K] } & { [K in keyof UiInput & keyof UiInputAttributes as `prop:${K}`]?: UiInput[K] };
         "ui-label": UiLabel;
         "ui-loading-overlay": Omit<UiLoadingOverlay, keyof UiLoadingOverlayAttributes> & { [K in keyof UiLoadingOverlay & keyof UiLoadingOverlayAttributes]?: UiLoadingOverlay[K] } & { [K in keyof UiLoadingOverlay & keyof UiLoadingOverlayAttributes as `attr:${K}`]?: UiLoadingOverlayAttributes[K] } & { [K in keyof UiLoadingOverlay & keyof UiLoadingOverlayAttributes as `prop:${K}`]?: UiLoadingOverlay[K] };
+        "ui-pagination": Omit<UiPagination, keyof UiPaginationAttributes> & { [K in keyof UiPagination & keyof UiPaginationAttributes]?: UiPagination[K] } & { [K in keyof UiPagination & keyof UiPaginationAttributes as `attr:${K}`]?: UiPaginationAttributes[K] } & { [K in keyof UiPagination & keyof UiPaginationAttributes as `prop:${K}`]?: UiPagination[K] };
         "ui-popover": Omit<UiPopover, keyof UiPopoverAttributes> & { [K in keyof UiPopover & keyof UiPopoverAttributes]?: UiPopover[K] } & { [K in keyof UiPopover & keyof UiPopoverAttributes as `attr:${K}`]?: UiPopoverAttributes[K] } & { [K in keyof UiPopover & keyof UiPopoverAttributes as `prop:${K}`]?: UiPopover[K] };
         "ui-progress": Omit<UiProgress, keyof UiProgressAttributes> & { [K in keyof UiProgress & keyof UiProgressAttributes]?: UiProgress[K] } & { [K in keyof UiProgress & keyof UiProgressAttributes as `attr:${K}`]?: UiProgressAttributes[K] } & { [K in keyof UiProgress & keyof UiProgressAttributes as `prop:${K}`]?: UiProgress[K] };
         "ui-radio-group": Omit<UiRadioGroup, keyof UiRadioGroupAttributes> & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes]?: UiRadioGroup[K] } & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes as `attr:${K}`]?: UiRadioGroupAttributes[K] } & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes as `prop:${K}`]?: UiRadioGroup[K] };
         "ui-reveal": Omit<UiReveal, keyof UiRevealAttributes> & { [K in keyof UiReveal & keyof UiRevealAttributes]?: UiReveal[K] } & { [K in keyof UiReveal & keyof UiRevealAttributes as `attr:${K}`]?: UiRevealAttributes[K] } & { [K in keyof UiReveal & keyof UiRevealAttributes as `prop:${K}`]?: UiReveal[K] };
         "ui-scroll-progress": UiScrollProgress;
         "ui-section": Omit<UiSection, keyof UiSectionAttributes> & { [K in keyof UiSection & keyof UiSectionAttributes]?: UiSection[K] } & { [K in keyof UiSection & keyof UiSectionAttributes as `attr:${K}`]?: UiSectionAttributes[K] } & { [K in keyof UiSection & keyof UiSectionAttributes as `prop:${K}`]?: UiSection[K] };
+        "ui-segmented": Omit<UiSegmented, keyof UiSegmentedAttributes> & { [K in keyof UiSegmented & keyof UiSegmentedAttributes]?: UiSegmented[K] } & { [K in keyof UiSegmented & keyof UiSegmentedAttributes as `attr:${K}`]?: UiSegmentedAttributes[K] } & { [K in keyof UiSegmented & keyof UiSegmentedAttributes as `prop:${K}`]?: UiSegmented[K] };
         "ui-select": Omit<UiSelect, keyof UiSelectAttributes> & { [K in keyof UiSelect & keyof UiSelectAttributes]?: UiSelect[K] } & { [K in keyof UiSelect & keyof UiSelectAttributes as `attr:${K}`]?: UiSelectAttributes[K] } & { [K in keyof UiSelect & keyof UiSelectAttributes as `prop:${K}`]?: UiSelect[K] };
         "ui-separator": Omit<UiSeparator, keyof UiSeparatorAttributes> & { [K in keyof UiSeparator & keyof UiSeparatorAttributes]?: UiSeparator[K] } & { [K in keyof UiSeparator & keyof UiSeparatorAttributes as `attr:${K}`]?: UiSeparatorAttributes[K] } & { [K in keyof UiSeparator & keyof UiSeparatorAttributes as `prop:${K}`]?: UiSeparator[K] };
         "ui-skeleton": UiSkeleton;
         "ui-slider": Omit<UiSlider, keyof UiSliderAttributes> & { [K in keyof UiSlider & keyof UiSliderAttributes]?: UiSlider[K] } & { [K in keyof UiSlider & keyof UiSliderAttributes as `attr:${K}`]?: UiSliderAttributes[K] } & { [K in keyof UiSlider & keyof UiSliderAttributes as `prop:${K}`]?: UiSlider[K] };
         "ui-spinner": Omit<UiSpinner, keyof UiSpinnerAttributes> & { [K in keyof UiSpinner & keyof UiSpinnerAttributes]?: UiSpinner[K] } & { [K in keyof UiSpinner & keyof UiSpinnerAttributes as `attr:${K}`]?: UiSpinnerAttributes[K] } & { [K in keyof UiSpinner & keyof UiSpinnerAttributes as `prop:${K}`]?: UiSpinner[K] };
+        "ui-stack": Omit<UiStack, keyof UiStackAttributes> & { [K in keyof UiStack & keyof UiStackAttributes]?: UiStack[K] } & { [K in keyof UiStack & keyof UiStackAttributes as `attr:${K}`]?: UiStackAttributes[K] } & { [K in keyof UiStack & keyof UiStackAttributes as `prop:${K}`]?: UiStack[K] };
+        "ui-stat": Omit<UiStat, keyof UiStatAttributes> & { [K in keyof UiStat & keyof UiStatAttributes]?: UiStat[K] } & { [K in keyof UiStat & keyof UiStatAttributes as `attr:${K}`]?: UiStatAttributes[K] } & { [K in keyof UiStat & keyof UiStatAttributes as `prop:${K}`]?: UiStat[K] } & OneOf<"label", UiStat["label"], UiStatAttributes["label"]> & OneOf<"value", UiStat["value"], UiStatAttributes["value"]>;
         "ui-switch": Omit<UiSwitch, keyof UiSwitchAttributes> & { [K in keyof UiSwitch & keyof UiSwitchAttributes]?: UiSwitch[K] } & { [K in keyof UiSwitch & keyof UiSwitchAttributes as `attr:${K}`]?: UiSwitchAttributes[K] } & { [K in keyof UiSwitch & keyof UiSwitchAttributes as `prop:${K}`]?: UiSwitch[K] };
         "ui-tabs": Omit<UiTabs, keyof UiTabsAttributes> & { [K in keyof UiTabs & keyof UiTabsAttributes]?: UiTabs[K] } & { [K in keyof UiTabs & keyof UiTabsAttributes as `attr:${K}`]?: UiTabsAttributes[K] } & { [K in keyof UiTabs & keyof UiTabsAttributes as `prop:${K}`]?: UiTabs[K] };
         "ui-textarea": Omit<UiTextarea, keyof UiTextareaAttributes> & { [K in keyof UiTextarea & keyof UiTextareaAttributes]?: UiTextarea[K] } & { [K in keyof UiTextarea & keyof UiTextareaAttributes as `attr:${K}`]?: UiTextareaAttributes[K] } & { [K in keyof UiTextarea & keyof UiTextareaAttributes as `prop:${K}`]?: UiTextarea[K] };
@@ -1686,16 +2225,25 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "ui-accordion": LocalJSX.IntrinsicElements["ui-accordion"] & JSXBase.HTMLAttributes<HTMLUiAccordionElement>;
             "ui-accordion-item": LocalJSX.IntrinsicElements["ui-accordion-item"] & JSXBase.HTMLAttributes<HTMLUiAccordionItemElement>;
+            "ui-alert": LocalJSX.IntrinsicElements["ui-alert"] & JSXBase.HTMLAttributes<HTMLUiAlertElement>;
             "ui-avatar": LocalJSX.IntrinsicElements["ui-avatar"] & JSXBase.HTMLAttributes<HTMLUiAvatarElement>;
+            /**
+             * Agrupa avatares sobrepostos. Use com elementos `<ui-avatar>` no slot default.
+             */
+            "ui-avatar-group": LocalJSX.IntrinsicElements["ui-avatar-group"] & JSXBase.HTMLAttributes<HTMLUiAvatarGroupElement>;
             "ui-badge": LocalJSX.IntrinsicElements["ui-badge"] & JSXBase.HTMLAttributes<HTMLUiBadgeElement>;
+            "ui-breadcrumb": LocalJSX.IntrinsicElements["ui-breadcrumb"] & JSXBase.HTMLAttributes<HTMLUiBreadcrumbElement>;
+            "ui-breadcrumb-item": LocalJSX.IntrinsicElements["ui-breadcrumb-item"] & JSXBase.HTMLAttributes<HTMLUiBreadcrumbItemElement>;
             "ui-button": LocalJSX.IntrinsicElements["ui-button"] & JSXBase.HTMLAttributes<HTMLUiButtonElement>;
             "ui-card": LocalJSX.IntrinsicElements["ui-card"] & JSXBase.HTMLAttributes<HTMLUiCardElement>;
             "ui-checkbox": LocalJSX.IntrinsicElements["ui-checkbox"] & JSXBase.HTMLAttributes<HTMLUiCheckboxElement>;
+            "ui-container": LocalJSX.IntrinsicElements["ui-container"] & JSXBase.HTMLAttributes<HTMLUiContainerElement>;
             "ui-dialog": LocalJSX.IntrinsicElements["ui-dialog"] & JSXBase.HTMLAttributes<HTMLUiDialogElement>;
             "ui-drawer": LocalJSX.IntrinsicElements["ui-drawer"] & JSXBase.HTMLAttributes<HTMLUiDrawerElement>;
             "ui-dropdown-item": LocalJSX.IntrinsicElements["ui-dropdown-item"] & JSXBase.HTMLAttributes<HTMLUiDropdownItemElement>;
             "ui-dropdown-menu": LocalJSX.IntrinsicElements["ui-dropdown-menu"] & JSXBase.HTMLAttributes<HTMLUiDropdownMenuElement>;
             "ui-field": LocalJSX.IntrinsicElements["ui-field"] & JSXBase.HTMLAttributes<HTMLUiFieldElement>;
+            "ui-grid": LocalJSX.IntrinsicElements["ui-grid"] & JSXBase.HTMLAttributes<HTMLUiGridElement>;
             "ui-input": LocalJSX.IntrinsicElements["ui-input"] & JSXBase.HTMLAttributes<HTMLUiInputElement>;
             "ui-label": LocalJSX.IntrinsicElements["ui-label"] & JSXBase.HTMLAttributes<HTMLUiLabelElement>;
             /**
@@ -1704,17 +2252,21 @@ declare module "@stencil/core" {
              * absoluta (inset 0) o cubra corretamente.
              */
             "ui-loading-overlay": LocalJSX.IntrinsicElements["ui-loading-overlay"] & JSXBase.HTMLAttributes<HTMLUiLoadingOverlayElement>;
+            "ui-pagination": LocalJSX.IntrinsicElements["ui-pagination"] & JSXBase.HTMLAttributes<HTMLUiPaginationElement>;
             "ui-popover": LocalJSX.IntrinsicElements["ui-popover"] & JSXBase.HTMLAttributes<HTMLUiPopoverElement>;
             "ui-progress": LocalJSX.IntrinsicElements["ui-progress"] & JSXBase.HTMLAttributes<HTMLUiProgressElement>;
             "ui-radio-group": LocalJSX.IntrinsicElements["ui-radio-group"] & JSXBase.HTMLAttributes<HTMLUiRadioGroupElement>;
             "ui-reveal": LocalJSX.IntrinsicElements["ui-reveal"] & JSXBase.HTMLAttributes<HTMLUiRevealElement>;
             "ui-scroll-progress": LocalJSX.IntrinsicElements["ui-scroll-progress"] & JSXBase.HTMLAttributes<HTMLUiScrollProgressElement>;
             "ui-section": LocalJSX.IntrinsicElements["ui-section"] & JSXBase.HTMLAttributes<HTMLUiSectionElement>;
+            "ui-segmented": LocalJSX.IntrinsicElements["ui-segmented"] & JSXBase.HTMLAttributes<HTMLUiSegmentedElement>;
             "ui-select": LocalJSX.IntrinsicElements["ui-select"] & JSXBase.HTMLAttributes<HTMLUiSelectElement>;
             "ui-separator": LocalJSX.IntrinsicElements["ui-separator"] & JSXBase.HTMLAttributes<HTMLUiSeparatorElement>;
             "ui-skeleton": LocalJSX.IntrinsicElements["ui-skeleton"] & JSXBase.HTMLAttributes<HTMLUiSkeletonElement>;
             "ui-slider": LocalJSX.IntrinsicElements["ui-slider"] & JSXBase.HTMLAttributes<HTMLUiSliderElement>;
             "ui-spinner": LocalJSX.IntrinsicElements["ui-spinner"] & JSXBase.HTMLAttributes<HTMLUiSpinnerElement>;
+            "ui-stack": LocalJSX.IntrinsicElements["ui-stack"] & JSXBase.HTMLAttributes<HTMLUiStackElement>;
+            "ui-stat": LocalJSX.IntrinsicElements["ui-stat"] & JSXBase.HTMLAttributes<HTMLUiStatElement>;
             "ui-switch": LocalJSX.IntrinsicElements["ui-switch"] & JSXBase.HTMLAttributes<HTMLUiSwitchElement>;
             "ui-tabs": LocalJSX.IntrinsicElements["ui-tabs"] & JSXBase.HTMLAttributes<HTMLUiTabsElement>;
             "ui-textarea": LocalJSX.IntrinsicElements["ui-textarea"] & JSXBase.HTMLAttributes<HTMLUiTextareaElement>;