@po-ui/ng-components 21.31.0 → 21.33.0-beta.1

package/types/po-ui-ng-components.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ElementRef, TemplateRef, OnInit, OnDestroy, Renderer2, QueryList, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit, Type, ViewContainerRef, DoCheck, AfterViewChecked, IterableDiffers, ComponentFactoryResolver, ApplicationRef, Injector, ComponentRef, PipeTransform, WritableSignal, InjectionToken, ModuleWithProviders, RendererFactory2, AfterContentInit, SimpleChange } from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, OnInit, OnDestroy, Renderer2, QueryList, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit, WritableSignal, Type, ViewContainerRef, DoCheck, AfterViewChecked, IterableDiffers, ComponentFactoryResolver, ApplicationRef, Injector, ComponentRef, PipeTransform, InjectionToken, ModuleWithProviders, RendererFactory2, AfterContentInit, AnimationCallbackEvent, SimpleChange } from '@angular/core';
 import * as i2 from '@angular/common';
 import { DecimalPipe, TitleCasePipe, CurrencyPipe, DatePipe } from '@angular/common';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import * as i9 from '@angular/cdk/listbox';
+import * as i11 from '@angular/cdk/listbox';
 import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
 import * as rxjs from 'rxjs';
 import { Observable, Subject, Subscription } from 'rxjs';
@@ -1929,6 +1929,12 @@ interface PoListBoxLiterals {
     /** Texto do checkbox para selecionar todos os itens. */
     selectAll?: string;
     footerActionListbox?: string;
+    /** Mensagem exibida quando o carregamento assíncrono de um subnível falha. */
+    subItemsErrorMessage?: string;
+    /** Texto acessível anunciado durante o carregamento assíncrono de um subnível. */
+    subItemsLoading?: string;
+    /** Texto do botão para tentar novamente o carregamento de um subnível. */
+    retry?: string;
 }
 
 /**
@@ -2038,12 +2044,13 @@ declare class PoListBoxBaseComponent {
     clickTab: EventEmitter<any>;
     changeStateTabs: EventEmitter<any>;
     clickItem: EventEmitter<any>;
+    subItemsLoad: EventEmitter<any>;
     footerActionListboxEvent: EventEmitter<any>;
     constructor(languageService: PoLanguageService);
     protected onThemeChange(): void;
     private applySizeBasedOnA11y;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "listboxSubitems": { "alias": "p-listbox-subitems"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "param": { "alias": "p-param"; "required": false; }; "checkboxAllValue": { "alias": "p-checkboxAllValue"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "selectedOption": { "alias": "p-selected-option"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "literalSearch": { "alias": "p-literal-search"; "required": false; }; "fieldValueSearch": { "alias": "p-field-value-search"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "isServerSearching": { "alias": "p-is-searching"; "required": false; }; "infiniteLoading": { "alias": "p-infinite-loading"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; "footerActionListbox": { "alias": "p-footer-action-listbox"; "required": false; }; "placeholderListbox": { "alias": "p-placeholder-listbox"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; }, { "changeSearch": "p-change-search"; "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; "clickItem": "p-click-item"; "footerActionListboxEvent": "p-footer-action-listbox-event"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "listboxSubitems": { "alias": "p-listbox-subitems"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "param": { "alias": "p-param"; "required": false; }; "checkboxAllValue": { "alias": "p-checkboxAllValue"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "selectedOption": { "alias": "p-selected-option"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "literalSearch": { "alias": "p-literal-search"; "required": false; }; "fieldValueSearch": { "alias": "p-field-value-search"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "isServerSearching": { "alias": "p-is-searching"; "required": false; }; "infiniteLoading": { "alias": "p-infinite-loading"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; "footerActionListbox": { "alias": "p-footer-action-listbox"; "required": false; }; "placeholderListbox": { "alias": "p-placeholder-listbox"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; }, { "changeSearch": "p-change-search"; "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; "clickItem": "p-click-item"; "subItemsLoad": "p-sub-items-load"; "footerActionListboxEvent": "p-footer-action-listbox-event"; }, never, never, true, never>;
     static ngAcceptInputType_isTabs: any;
     static ngAcceptInputType_isServerSearching: any;
     static ngAcceptInputType_infiniteLoading: any;
@@ -2161,7 +2168,29 @@ interface PoPopupAction {
      *
      * @description
      *
-     * Define uma lista de subitens para criação de menus aninhados.
+     * Define os subitens de um agrupador, criando menus aninhados.
+     *
+     * Aceita dois formatos:
+     *
+     * **Estático** – um *array* de `PoPopupAction` carregado imediatamente:
+     *
+     * ```
+     * { label: 'Relatórios', subItems: [{ label: 'Mensal' }, { label: 'Anual' }] }
+     * ```
+     *
+     * **Assíncrono (lazy loading)** – uma função que recebe o item agrupador e retorna um
+     * `Observable<Array<PoPopupAction>>`. A requisição é disparada **apenas** no momento da expansão
+     * (clique ou atalho de teclado), exibindo placeholders com `po-skeleton` enquanto os dados são carregados:
+     *
+     * ```
+     * {
+     *   label: 'Relatórios',
+     *   subItems: (item) => this.reportService.getReports(item)
+     * }
+     * ```
+     *
+     * > No formato assíncrono, o resultado é armazenado em cache após o primeiro carregamento bem-sucedido.
+     * Em caso de falha, é exibida uma mensagem com a opção de tentar novamente.
      *
      * Ao definir esta propriedade, o item exibirá um ícone indicador de subnível.
      * Recomenda-se utilizar no máximo três níveis hierárquicos para garantir a usabilidade.
@@ -2172,7 +2201,7 @@ interface PoPopupAction {
      *
      * > Em subníveis aninhados, o `icon` do agrupador é substituído pelo indicador de navegação (seta).
      */
-    subItems?: Array<PoPopupAction>;
+    subItems?: Array<PoPopupAction> | ((item: PoPopupAction) => Observable<Array<PoPopupAction>>);
     $subItemTemplate?: TemplateRef<any>;
 }
 
@@ -2194,6 +2223,15 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
     element: ElementRef<any>;
     currentItems: Array<PoDropdownAction>;
     currentGroup: PoDropdownAction | null;
+    readonly subItemsLoading: WritableSignal<Record<string, boolean>>;
+    readonly subItemsError: WritableSignal<Record<string, boolean>>;
+    readonly subItemsSkeletonPlaceholders: number[];
+    rootLazyLoad?: () => Observable<Array<PoDropdownAction>>;
+    rootItemsLoad: EventEmitter<void>;
+    private readonly loadedSubItems;
+    private lastLoadedGroup;
+    private rootLoaded;
+    private readonly destroySubItems$;
     private readonly navigationStack;
     private readonly renderer;
     private readonly router;
@@ -2214,12 +2252,28 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
     ngOnChanges(changes?: SimpleChanges): void;
     ngOnDestroy(): void;
     openGroup(group: PoDropdownAction, event?: MouseEvent | KeyboardEvent): void;
+    private loadSubItemsAsync;
+    retrySubItems(event?: MouseEvent | KeyboardEvent): void;
+    loadRootItemsAsync(): void;
+    retryRootItems(event?: MouseEvent | KeyboardEvent): void;
+    isRootLoading(): boolean;
+    isRootError(): boolean;
+    isSubItemsLoading(group: PoDropdownAction | null): boolean;
+    isSubItemsError(group: PoDropdownAction | null): boolean;
+    isFunction(value: unknown): boolean;
+    isGroupItem(item: PoDropdownAction): boolean;
+    private getGroupKey;
+    private setSubItemsState;
+    private clearSubItemsState;
+    private focusGroupHeader;
     goBack(event: MouseEvent | KeyboardEvent): void;
     onKeydownGoBack(event: KeyboardEvent, currentGroup?: PoDropdownAction): void;
     protected onKeydownTemplate(event: KeyboardEvent): void;
-    onSelectItem(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: MouseEvent | KeyboardEvent): void | Promise<boolean>;
+    onSelectItem(itemListAction: any, event?: MouseEvent | KeyboardEvent): void | Promise<boolean>;
     onSelectAllCheckboxKeyDown(event: KeyboardEvent): void;
-    onKeyDown(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: KeyboardEvent): void;
+    onKeyDown(itemListAction: any, event?: KeyboardEvent): void;
+    private handleArrowRightKey;
+    private handleEnterOrSpaceKey;
     checkboxClicked({ option, selected }: {
         option: any;
         selected: any;
@@ -2253,7 +2307,7 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
     formatItemList(item: any): string;
     handleFooterActionListbox(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoListBoxComponent, "po-listbox", never, {}, {}, never, ["[p-popup-header-template]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoListBoxComponent, "po-listbox", never, { "rootLazyLoad": { "alias": "p-root-lazy-load"; "required": false; }; }, { "rootItemsLoad": "p-root-items-load"; }, never, ["[p-popup-header-template]"], false, never>;
 }
 
 /**
@@ -4406,9 +4460,337 @@ declare class PoCheckboxModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<PoCheckboxModule>;
 }
 
+/**
+ * @usedBy PoSkeletonComponent
+ *
+ * @description
+ *
+ * Define os tipos de animação do componente `po-skeleton`.
+ */
+declare enum PoSkeletonAnimation {
+    /** Sem animação */
+    none = "none",
+    /** Animação de pulsação */
+    pulse = "pulse",
+    /** Animação de brilho deslizante */
+    shimmer = "shimmer"
+}
+
+/**
+ * @usedBy PoSkeletonComponent
+ *
+ * @description
+ *
+ * Define os tamanhos disponíveis para o componente `po-skeleton`.
+ */
+declare enum PoSkeletonSize {
+    /** Tamanho extra pequeno */
+    xs = "xs",
+    /** Tamanho pequeno */
+    sm = "sm",
+    /** Tamanho médio */
+    md = "md",
+    /** Tamanho grande */
+    lg = "lg",
+    /** Tamanho extra grande */
+    xl = "xl",
+    /** Tamanho extra extra grande */
+    xxl = "2xl"
+}
+
+/**
+ * @usedBy PoSkeletonComponent
+ *
+ * @description
+ *
+ * Define os tipos visuais disponíveis para o componente `po-skeleton`.
+ */
+declare enum PoSkeletonType {
+    /** Tipo padrão com cor neutra clara */
+    normal = "normal",
+    /** Tipo primário com cor neutra média */
+    primary = "primary",
+    /** Tipo de conteúdo com fundo branco */
+    content = "content"
+}
+
+/**
+ * @usedBy PoSkeletonComponent
+ *
+ * @description
+ *
+ * Define as variantes visuais do componente `po-skeleton`.
+ */
+declare enum PoSkeletonVariant {
+    /** Variante para simular texto */
+    text = "text",
+    /** Variante retangular (largura maior que altura) */
+    rectangle = "rectangle",
+    /** Variante quadrada (largura igual à altura) */
+    square = "square",
+    /** Variante circular */
+    circle = "circle"
+}
+
+/**
+ * @description
+ *
+ * O componente `po-skeleton` é utilizado para exibir placeholders durante o carregamento de conteúdo,
+ * melhorando a experiência do usuário ao indicar que a informação está sendo processada.
+ *
+ * Ele oferece diferentes variantes visuais (texto, retângulo, círculo) e animações (pulse, shimmer)
+ * para simular diversos tipos de conteúdo em estado de carregamento.
+ *
+ * #### Tokens customizáveis
+ *
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
+ *
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
+ *
+ * | Propriedade                            | Descrição                                            | Valor Padrão                    |
+ * |----------------------------------------|------------------------------------------------------|---------------------------------|
+ * | **Cores**                              |                                                      |                                 |
+ * | `--color`                              | Cor de fundo do skeleton (tipo normal)               | `var(--color-neutral-light-20)` |
+ * | `--color-primary`                      | Cor de fundo do skeleton (tipo primary)              | `var(--color-neutral-mid-40)`   |
+ * | `--color-content`                      | Cor de fundo do skeleton (tipo content)              | `var(--color-neutral-light-00)` |
+ * | `--shimmer-highlight`                  | Cor de destaque do shimmer (tipo normal)             | `var(--color-neutral-light-30)` |
+ * | `--shimmer-highlight-primary`          | Cor de destaque do shimmer (tipo primary)            | `var(--color-neutral-light-20)` |
+ * | `--shimmer-highlight-content`          | Cor de destaque do shimmer (tipo content)            | `var(--color-neutral-light-05)` |
+ * | **Espaçamento**                        |                                                      |                                 |
+ * | `--margin-bottom`                      | Margem inferior do skeleton                          | `var(--spacing-xs)`             |
+ * | **Bordas**                             |                                                      |                                 |
+ * | `--border-radius`                      | Raio da borda do skeleton                            | `var(--border-radius-md)`       |
+ * | `--border-radius-text`                 | Raio da borda para a variante text                   | `var(--border-radius-md)`       |
+ * | `--border-radius-primary`              | Raio da borda do skeleton (tipo primary)             | `var(--border-radius-md)`       |
+ * | `--border-radius-content`              | Raio da borda do skeleton (tipo content)             | `var(--border-radius-lg)`       |
+ * | **Transições**                         |                                                      |                                 |
+ * | `--transition-property`                | Propriedade CSS da transição                         | `all`                           |
+ * | `--transition-duration`                | Duração da transição de cor                          | `var(--duration-moderate)`      |
+ * | `--transition-timing`                  | Função de temporização da transição/animação         | `var(--timing-continuous)`      |
+ * | **Animações**                          |                                                      |                                 |
+ * | `--animation-duration-pulse`           | Duração da animação de pulsação                      | `var(--duration-very-slow)`     |
+ * | `--animation-duration-shimmer`         | Duração da animação de brilho deslizante             | `var(--duration-ultra-slow)`    |
+ *
+ */
+declare class PoSkeletonBaseComponent {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a variante visual do skeleton.
+     *
+     * Valores válidos:
+     * - `text`: Simula uma linha de texto (altura padrão: 1em)
+     * - `rectangle`: Forma retangular (proporção 3:1 por padrão)
+     * - `square`: Forma quadrada (largura e altura iguais)
+     * - `circle`: Forma circular (largura e altura iguais)
+     *
+     * @default `text`
+     */
+    variant: i0.InputSignal<PoSkeletonVariant>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tipo visual do skeleton, alterando sua cor de fundo.
+     *
+     * Valores válidos:
+     * - `normal`: Cor neutra clara (padrão)
+     * - `primary`: Cor neutra média
+     * - `content`: Fundo branco
+     *
+     * @default `normal`
+     */
+    type: i0.InputSignal<PoSkeletonType>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tipo de animação do skeleton.
+     *
+     * Valores válidos:
+     * - `none`: Sem animação
+     * - `pulse`: Animação de pulsação
+     * - `shimmer`: Animação de brilho deslizante
+     *
+     * @default `shimmer`
+     */
+    animation: i0.InputSignal<PoSkeletonAnimation>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do skeleton para as variantes pré-definidas (`rectangle`, `square`, `circle`).
+     *
+     * Valores válidos:
+     * - `xs`: Extra pequeno (24px para square/circle, 72px x 24px para rectangle)
+     * - `sm`: Pequeno (32px para square/circle, 96px x 32px para rectangle)
+     * - `md`: Médio (48px para square/circle, 144px x 48px para rectangle)
+     * - `lg`: Grande (64px para square/circle, 192px x 64px para rectangle)
+     * - `xl`: Extra grande (96px para square/circle, 288px x 96px para rectangle)
+     * - `2xl`: Extra extra grande (144px para square/circle, 432px x 144px para rectangle)
+     *
+     * Esta propriedade é ignorada quando `p-width` ou `p-height` são definidos explicitamente.
+     *
+     * @default `md`
+     */
+    size: i0.InputSignal<PoSkeletonSize>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a largura do skeleton.
+     * Aceita valores CSS válidos (px, %, em, rem).
+     *
+     * Quando definido, sobrescreve a largura padrão da variante.
+     *
+     * @default `100%` para variante `text`, tamanho baseado em `p-size` para outras variantes
+     */
+    width: i0.InputSignal<string>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a altura do skeleton.
+     * Aceita valores CSS válidos (px, %, em, rem).
+     *
+     * Quando definido, sobrescreve a altura padrão da variante.
+     */
+    height: i0.InputSignal<string>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o raio da borda do skeleton.
+     * Aceita valores CSS válidos (px, %, em, rem).
+     *
+     * Esta propriedade sobrescreve o border-radius padrão de cada variante.
+     */
+    borderRadius: i0.InputSignal<string>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a descrição acessível do conteúdo que está sendo carregado.
+     *
+     * Este texto será anunciado por leitores de tela, garantindo que usuários de tecnologias assistivas
+     * sejam informados sobre o estado de carregamento.
+     *
+     * **Quando usar:**
+     * - Use em **skeletons únicos** ou no **primeiro skeleton de um grupo** com descrição contextual
+     * - Evite usar em múltiplos skeletons dentro da mesma área sem contexto, para não causar repetição excessiva
+     *
+     * **Exemplos de uso:**
+     *
+     * ```html
+     * <!-- ✅ BOM: Skeleton único com contexto -->
+     * <po-skeleton p-aria-label="Carregando perfil do usuário"></po-skeleton>
+     *
+     * <!-- ✅ BOM: Grupo de skeletons - apenas o primeiro anuncia -->
+     * <po-skeleton p-aria-label="Carregando lista de produtos"></po-skeleton>
+     * <po-skeleton p-type="primary"></po-skeleton>
+     * <po-skeleton p-variant="circle"></po-skeleton>
+     *
+     * <!-- ❌ EVITE: Múltiplos skeletons com a mesma label -->
+     * <po-skeleton p-aria-label="Carregando"></po-skeleton>  <!-- "Carregando" -->
+     * <po-skeleton p-aria-label="Carregando"></po-skeleton>  <!-- "Carregando" -->
+     * <po-skeleton p-aria-label="Carregando"></po-skeleton>  <!-- "Carregando" (repetitivo!) -->
+     * ```
+     *
+     * > **Boas práticas de acessibilidade:**
+     * > - Forneça contexto específico na label para que os usuários entendam o que está carregando
+     *
+     * > - Em casos complexos, considere usar um único `<div role="status">` para todo o grupo
+     * >   de skeletons, ao invés de múltiplas labels idênticas, para evitar repetição excessiva de anúncios
+     */
+    ariaLabel: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoSkeletonBaseComponent, never, never, { "variant": { "alias": "p-variant"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; "isSignal": true; }; "animation": { "alias": "p-animation"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "width": { "alias": "p-width"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "p-border-radius"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "p-aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @docsExtends PoSkeletonBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-skeleton-basic" title="PO Skeleton Basic">
+ *  <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.html"> </file>
+ *  <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-labs" title="PO Skeleton Labs">
+ *  <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.html"> </file>
+ *  <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-credit-card" title="PO Skeleton - Credit Card">
+ *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.html"> </file>
+ *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.ts"> </file>
+ *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-widget-card" title="PO Skeleton - Widget Card">
+ *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.html"> </file>
+ *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.ts"> </file>
+ *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-user-profile" title="PO Skeleton - User Profile">
+ *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.html"> </file>
+ *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.ts"> </file>
+ *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-social-post" title="PO Skeleton - Social Post">
+ *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.html"> </file>
+ *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.ts"> </file>
+ *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-article" title="PO Skeleton - Article">
+ *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.html"> </file>
+ *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.ts"> </file>
+ *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.css"> </file>
+ * </example>
+ */
+declare class PoSkeletonComponent extends PoSkeletonBaseComponent {
+    private readonly sizeMap;
+    private readonly defaultTextDimensions;
+    private readonly defaultBorderRadius;
+    computedStyles: i0.Signal<{
+        [key: string]: string;
+    }>;
+    computedClasses: i0.Signal<{
+        [x: string]: boolean;
+        'po-skeleton': boolean;
+    }>;
+    private getDimensions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoSkeletonComponent, "po-skeleton", never, {}, {}, never, never, false, never>;
+}
+
+/**
+ * @description
+ *
+ * Módulo do componente po-skeleton.
+ */
+declare class PoSkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoSkeletonModule, [typeof PoSkeletonComponent], [typeof i2.CommonModule], [typeof PoSkeletonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PoSkeletonModule>;
+}
+
 declare class PoListBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoListBoxModule, [typeof PoListBoxComponent, typeof PoItemListComponent, typeof PoSearchListComponent], [typeof i2.CommonModule, typeof PoCheckboxModule, typeof PoIconModule, typeof PoLoadingModule, typeof PoTagModule, typeof i9.CdkListboxModule], [typeof PoListBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoListBoxModule, [typeof PoListBoxComponent, typeof PoItemListComponent, typeof PoSearchListComponent], [typeof i2.CommonModule, typeof PoButtonModule, typeof PoCheckboxModule, typeof PoIconModule, typeof PoLoadingModule, typeof PoSkeletonModule, typeof PoTagModule, typeof i11.CdkListboxModule], [typeof PoListBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PoListBoxModule>;
 }
 
@@ -4490,10 +4872,16 @@ declare class PoPopupBaseComponent {
     private _position?;
     private _size?;
     private _target;
+    rootLazyLoad?: () => Observable<Array<PoPopupAction>>;
     get computedListboxSubitems(): boolean;
     templateIcon: boolean;
-    /** Lista de ações que serão exibidas no componente. */
-    set actions(value: Array<PoPopupAction>);
+    /**
+     * Lista de ações que serão exibidas no componente.
+     *
+     * Aceita um *array* de `PoPopupAction` (carregado imediatamente) ou uma função que retorna um
+     * `Observable<Array<PoPopupAction>>`, carregando o nível raiz de forma assíncrona na abertura.
+     */
+    set actions(value: Array<PoPopupAction> | (() => Observable<Array<PoPopupAction>>));
     get actions(): Array<PoPopupAction>;
     /**
      * @optional
@@ -4620,11 +5008,56 @@ declare class PoPopupBaseComponent {
      */
     set target(value: any);
     get target(): any;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao fechar o popup.
+     */
     closeEvent: EventEmitter<any>;
-    clickItem: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado a cada clique em um item do menu.
+     *
+     * Recebe o item clicado (`PoPopupAction`).
+     *
+     * > Não é disparado para a ação interna de voltar (`goBack`).
+     */
+    clickItem: EventEmitter<PoPopupAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao abrir o popup.
+     */
     openEvent: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado no momento em que a requisição assíncrona de um subnível é iniciada
+     * (quando `subItems` é definido como função que retorna um `Observable`).
+     *
+     * Recebe o item agrupador (`PoPopupAction`) que originou o carregamento.
+     */
+    subItemsLoad: EventEmitter<PoPopupAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado no momento em que a requisição assíncrona do nível raiz é iniciada
+     * (quando `p-actions` é definido como função que retorna um `Observable`).
+     */
+    rootItemsLoad: EventEmitter<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoPopupBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "templateIcon": { "alias": "p-template-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; "openEvent": "p-open"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "templateIcon": { "alias": "p-template-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; "openEvent": "p-open"; "subItemsLoad": "p-sub-items-load"; "rootItemsLoad": "p-root-items-load"; }, never, never, true, never>;
 }
 
 /**
@@ -4666,7 +5099,10 @@ declare class PoPopupComponent extends PoPopupBaseComponent implements AfterView
      *
      * > Por padrão, este comportamento é acionado somente ao clicar fora do componente ou em determinada ação / url.
      */
-    close(): void;
+    close(closeEvent?: {
+        reason?: string;
+        origin?: string;
+    }): void;
     onActionClick(popupAction: PoPopupAction): void | Promise<boolean>;
     /**
      * Abre o componente *popup*.
@@ -4687,7 +5123,9 @@ declare class PoPopupComponent extends PoPopupBaseComponent implements AfterView
     protected checkAllActionIsInvisible(): boolean;
     private clickedOutDisabledItem;
     private clickedOutHeaderTemplate;
+    private isEventInsideElement;
     private clickedOutTarget;
+    private clickedOutPopup;
     private closePopupOnClickout;
     private elementContains;
     private hasContentToShow;
@@ -4697,6 +5135,7 @@ declare class PoPopupComponent extends PoPopupBaseComponent implements AfterView
     private removeListeners;
     private setPosition;
     private validateInitialContent;
+    private focusTarget;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoPopupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoPopupComponent, "po-popup", never, {}, {}, never, ["[p-popup-header-template]"], false, never>;
 }
@@ -5913,7 +6352,9 @@ declare class PoCalendarBaseComponent {
     set size(value: string);
     get size(): string;
     widthWithPresets?: boolean;
-    yearRangeLimit?: number;
+    set yearRangeLimit(value: number);
+    get yearRangeLimit(): number;
+    private _yearRangeLimit;
     /**
      * @optional
      *
@@ -9660,6 +10101,7 @@ declare abstract class PoNotificationBaseService {
      * @param {PoNotification | string} notification Objeto PoNotification com os dados da notificação
      */
     private buildToaster;
+    private getMessage;
     /**
      * @docsPrivate
      *
@@ -14008,9 +14450,14 @@ declare class PoDropdownBaseComponent {
     private _size?;
     private _initialSize?;
     private _position;
-    /** Lista de ações que serão exibidas no componente. */
-    set actions(value: Array<PoDropdownAction>);
-    get actions(): Array<PoDropdownAction>;
+    /**
+     * Lista de ações que serão exibidas no componente.
+     *
+     * Aceita um *array* de `PoDropdownAction` (carregado imediatamente) ou uma função que retorna um
+     * `Observable<Array<PoDropdownAction>>`, carregando o nível raiz de forma assíncrona na abertura.
+     */
+    set actions(value: Array<PoDropdownAction> | (() => Observable<Array<PoDropdownAction>>));
+    get actions(): Array<PoDropdownAction> | (() => Observable<Array<PoDropdownAction>>);
     /**
      * @optional
      *
@@ -14065,11 +14512,41 @@ declare class PoDropdownBaseComponent {
      */
     set position(value: string);
     get position(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado a qualquer clique em um item do menu do dropdown.
+     *
+     * Recebe o item clicado (`PoDropdownAction`).
+     */
+    clickItem: EventEmitter<PoDropdownAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado no momento em que a requisição assíncrona de um subnível é iniciada
+     * (quando `subItems` é definido como função que retorna um `Observable`).
+     *
+     * Recebe o item agrupador (`PoDropdownAction`) que originou o carregamento.
+     */
+    subItemsLoad: EventEmitter<PoDropdownAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado no momento em que a requisição assíncrona do nível raiz é iniciada
+     * (quando `p-actions` é definido como função que retorna um `Observable`).
+     */
+    rootItemsLoad: EventEmitter<void>;
     get popupCustomPositions(): Array<string>;
     protected onThemeChange(): void;
     private applySizeBasedOnA11y;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoDropdownBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoDropdownBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoDropdownBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; }, { "clickItem": "p-click-item"; "subItemsLoad": "p-sub-items-load"; "rootItemsLoad": "p-root-items-load"; }, never, never, true, never>;
 }
 
 /**
@@ -14087,6 +14564,11 @@ declare class PoDropdownBaseComponent {
  *  <file name="sample-po-dropdown-subitems/sample-po-dropdown-subitems.component.ts"> </file>
  * </example>
  *
+ * <example name="po-dropdown-lazy-subitems" title="PO Dropdown Lazy Subitems" >
+ *  <file name="sample-po-dropdown-lazy-subitems/sample-po-dropdown-lazy-subitems.component.html"> </file>
+ *  <file name="sample-po-dropdown-lazy-subitems/sample-po-dropdown-lazy-subitems.component.ts"> </file>
+ * </example>
+ *
  * <example name="po-dropdown-labs" title="PO Dropdown Labs" >
  *  <file name="sample-po-dropdown-labs/sample-po-dropdown-labs.component.html"> </file>
  *  <file name="sample-po-dropdown-labs/sample-po-dropdown-labs.component.ts"> </file>
@@ -14106,6 +14588,8 @@ declare class PoDropdownComponent extends PoDropdownBaseComponent {
     private resizeListener;
     onKeyDown(event: any): void;
     toggleDropdown(): void;
+    onPopupClose(): void;
+    private isEventInsideElement;
     private checkClickArea;
     private hideDropdown;
     private initializeListeners;
@@ -16765,7 +17249,9 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
      *
      * @default 150
      */
-    yearRangeLimit?: number;
+    set yearRangeLimit(value: number);
+    get yearRangeLimit(): number;
+    private _yearRangeLimit;
     /**
      *
      * @deprecated v23.x.x use `p-helper`
@@ -22926,6 +23412,7 @@ declare class PoDatetimepickerComponent extends PoDatetimepickerBaseComponent im
     onInputFocus(): void;
     onPeriodBlur(): void;
     eventOnBlur($event: any): void;
+    private isBlurWithinPicker;
     eventOnButtonKeydown(event: KeyboardEvent): void;
     eventOnClick($event: any): void;
     onFieldClick($event: any): void;
@@ -23480,6 +23967,32 @@ declare class PoLoginComponent extends PoInputGeneric implements OnChanges {
     static ɵcmp: i0.ɵɵComponentDeclaration<PoLoginComponent, "po-login", never, { "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+/**
+ * @docsExtends PoDynamicFormField
+ *
+ * @usedBy PoLookupComponent
+ *
+ * @ignoreExtendedDescription
+ *
+ * @description
+ *
+ * Interface para definição das propriedades dos campos de entrada que serão criados dinamicamente na busca avançada.
+ */
+interface PoLookupAdvancedFilter extends PoDynamicFormField {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define um valor inicial para um filtro de busca avançada.
+     *
+     * O valor será atribuído ao campo correspondente à propriedade `property` na primeira abertura da janela de
+     * busca avançada. Após o usuário aplicar o filtro, os campos passam a ser preenchidos com os valores filtrados,
+     * preservando as alterações realizadas.
+     */
+    initValue?: any;
+}
+
 /**
  * @usedBy PoLookupComponent
  *
@@ -23683,14 +24196,6 @@ interface PoLookupLiterals {
     clean?: string;
 }
 
-/**
- * @docsExtends PoDynamicFormField
- *
- * @usedBy PoLookupComponent
- */
-interface PoLookupAdvancedFilter extends PoDynamicFormField {
-}
-
 /**
  * @usedBy
  *
@@ -23882,6 +24387,7 @@ declare abstract class PoLookupModalBaseComponent implements OnDestroy, OnInit {
     disclaimer: PoDisclaimer;
     disclaimerGroup: PoDisclaimerGroup;
     isAdvancedFilter: boolean;
+    isAdvancedFilterApplied: boolean;
     primaryActionAdvancedFilter: PoModalAction;
     secondaryActionAdvancedFilter: PoModalAction;
     selecteds: Array<any>;
@@ -23960,6 +24466,8 @@ declare class PoLookupModalComponent extends PoLookupModalBaseComponent implemen
     onAdvancedFilter(): void;
     private setTableHeight;
     private setupModalAdvancedFilter;
+    private getInitialValuesFromFilter;
+    private getValuesFromDisclaimers;
     private createDynamicForm;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoLookupModalComponent, "po-lookup-modal", never, {}, {}, never, never, false, never>;
@@ -24262,6 +24770,20 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
      * url + ?page=1&pageSize=20&name=Tony%20Stark,Peter%20Parker,Gohan
      * ```
      *
+     * Também é possível definir um valor inicial para os campos da busca avançada através da propriedade `initValue`,
+     * que será atribuído ao campo na primeira abertura da janela de busca avançada. Após o usuário aplicar o filtro,
+     * os campos são preenchidos com os valores filtrados:
+     *
+     * ```
+     * advancedFilters: Array<PoLookupAdvancedFilter> = [
+     *   { property: 'nickname', label: 'Apelido' },
+     *   { property: 'active', label: 'Ativo', initValue: false, options: [
+     *     { label: 'Sim', value: true },
+     *     { label: 'Não', value: false }
+     *   ]}
+     * ];
+     * ```
+     *
      */
     advancedFilters: Array<PoLookupAdvancedFilter>;
     /**
@@ -24811,6 +25333,12 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
  *  <file name="sample-po-lookup.service.ts"> </file>
  * </example>
  *
+ * <example name="po-lookup-advanced-filter" title="PO Lookup - Advanced Filter">
+ *  <file name="sample-po-lookup-advanced-filter/sample-po-lookup-advanced-filter.component.html"> </file>
+ *  <file name="sample-po-lookup-advanced-filter/sample-po-lookup-advanced-filter.component.ts"> </file>
+ *  <file name="sample-po-lookup.service.ts"> </file>
+ * </example>
+ *
  * <example name="po-lookup-sw-films" title="PO Lookup - Star Wars films">
  *  <file name="sample-po-lookup-sw-films/sample-po-lookup-sw-films.component.html"> </file>
  *  <file name="sample-po-lookup-sw-films/sample-po-lookup-sw-films.component.ts"> </file>
@@ -33305,6 +33833,30 @@ declare class PoGridModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<PoGridModule>;
 }
 
+/**
+ * @docsPrivate
+ *
+ * @usedBy PoWidgetComponent
+ *
+ * @description
+ *
+ * Interface de uso **interno**, para o `po-list-view`, que descreve a coluna de seleção
+ * (checkbox/radio) exibida à esquerda do conteúdo do `po-widget`.
+ *
+ */
+interface PoWidgetSelection {
+    /**
+     * Tipo do controle de seleção:
+     * - `single`: exibe um `po-radio`.
+     * - `multiple`: exibe um `po-checkbox`.
+     */
+    type: 'single' | 'multiple';
+    /** Indica se o item está selecionado. */
+    selected?: boolean;
+    /** Callback executado quando a seleção muda. Recebe o novo estado (`boolean`). */
+    change?: (selected: boolean) => void;
+}
+
 /**
  * @description
  *
@@ -33322,6 +33874,93 @@ declare class PoGridModule {
 interface PoListViewAction extends PoPopupAction {
 }
 
+/**
+ * @usedBy PoListViewComponent
+ *
+ * @description
+ *
+ * Define o modo de exibição do detalhe do item do `po-list-view`, utilizado em conjunto com a
+ * diretiva [`p-list-view-detail-template`](/documentation/po-list-view-detail-template).
+ */
+declare enum PoListViewDetailDisplay {
+    /** Expande os detalhes abaixo do item (padrão). */
+    Inline = "inline",
+    /** Exibe os detalhes dentro de um `po-modal`. */
+    Modal = "modal"
+}
+
+/**
+ * @usedBy PoListViewComponent
+ *
+ * @description
+ *
+ * Mapeia as chaves do objeto dos itens (`p-items`) para as áreas visuais do componente.
+ */
+interface PoListViewFieldProperties {
+    /** Chave com o título do item. */
+    title?: string;
+    /** Chave com o subtítulo do item.  */
+    subtitle?: string;
+    /**
+     * Chave com o *link* do título do item.
+     *
+     * > Compatível com a propriedade `title`. Incompatível com o evento `p-item-click`.
+     */
+    link?: string;
+    /**
+     * Chave correspondente ao avatar do item.
+     *
+     * O valor mapeado suporta quatro formatos distintos:
+     *
+     * - **String (URL):** Renderiza o `po-avatar` com a imagem especificada.
+     * ```
+     * { avatar: '[https://url-da-imagem.png](https://url-da-imagem.png)' }
+     * ```
+     *
+     * - **Objeto com `icon`:** Renderiza um ícone circular com tamanho fixo. Aceita as seguintes propriedades:
+     *   - `icon` (obrigatória).
+     *   - `color` e `backgroundColor`: aceitam qualquer formato de cor CSS (Hex, RGB, nomes, etc.).
+     * ```
+     * { avatar: { icon: 'an an-shield-warning', color: '#dc2626', backgroundColor: '#fee2e2' } }
+     * ```
+     *
+     * - **Objeto com `progress`:** Renderiza o `po-progress-circle`. Aceita as seguintes propriedades:
+     *   - `progress` (number): Valor de 0 a 100.
+     *   - `indeterminate` (boolean): Animação de carregamento contínuo (ignora `progress`).
+     *   - `showPercentage` (boolean): Exibe a porcentagem centralizada.
+     *   - `status` (string): `'default'`, `'success'` ou `'error'`.
+     *   - `size` (string) e `radius` (number): `'medium'`, `'large'` ou medida exata do raio em *pixels*.
+     *   - `ariaLabel` (string): Rótulo para acessibilidade.
+     * ```
+     * { avatar: { progress: 65, showPercentage: true, size: 'large', radius: 40 } }
+     * ```
+     *
+     * - **Objeto com `customTemplate`:** Renderiza um fragmento customizado referenciado via `TemplateRef`.
+     * ```
+     * { avatar: { customTemplate: myTemplateRef } }
+     * ```
+     */
+    avatar?: string;
+    /** Chave booleana que aplica destaque visual ao item. */
+    highlighted?: string;
+    /**
+     * Objeto da `tag` do item.
+     *
+     * Aceita as seguintes propriedades:
+     *
+     * - **`value`** (string): Chave com o texto da *tag*.
+     * - **`type`** (string): Chave com o tipo da *tag* (`success`, `warning`, `danger`, `info`, `neutral`). Caso não informado, utiliza `success` como padrão.
+     *
+     * ```
+     * { tag: { value: 'status', type: 'statusType' } }
+     * ```
+     */
+    tag?: {
+        value?: string;
+        type?: string;
+    };
+}
+
 /**
  * @usedBy PoListViewComponent
  *
@@ -33330,6 +33969,8 @@ interface PoListViewAction extends PoPopupAction {
  * Interface para definição das literais usadas no `po-list-view`.
  */
 interface PoListViewLiterals {
+    /** Título padrão do `po-modal` de detalhes, exibido quando `p-detail-display` é `modal`. */
+    detailModalTitle?: string;
     /** Rótulo do botão que oculta os detalhes do item. */
     hideDetails?: string;
     /** Rótulo do botão que deve carregar mais resultados. */
@@ -33345,27 +33986,104 @@ interface PoListViewLiterals {
 /**
  * @description
  *
- * Componente de lista que recebe um array de objetos e renderiza de forma dinâmica os dados de
- * acordo com a necessidade de cada tela e deve ser utilizado em conjunto com as diretivas de *templates*
- *  **[p-list-view-content-template](/documentation/po-list-view-content-template)** e
- * **[p-list-view-detail-template](/documentation/po-list-view-detail-template)**.
+ * O componente `po-list-view` é responsável por renderizar de forma dinâmica uma lista de dados baseada em um *array* de
+ * objetos, adaptando-se às necessidades visuais de cada interface.
+ *
+ * Cada item da lista é construído internamente utilizando a estrutura de um `po-widget`, assegurando consistência visual.
+ * Para layouts complexos, o componente oferece flexibilidade através das diretivas
+ * de templates **[p-list-view-content-template](/documentation/po-list-view-content-template)** e
+ * **[p-list-view-detail-template](/documentation/po-list-view-detail-template)** para customização do conteúdo e exibição
+ * de informações adicionais.
+ *
+ * A interação com o componente pode ser realizada com o *mouse* ou pelo teclado. A navegação entre os elementos
+ * interativos é feita utilizando a tecla `TAB`. Os elementos que recebem foco ao navegar incluem:
+ * - O próprio item (quando a propriedade de clique estiver ativa);
+ * - Título do item (quando configurado como *link*);
+ * - Ações do item configuradas em `p-actions`;
+ * - Botão de controle de detalhes (para expandir ou abrir modal);
+ * - Colunas de seleção (única ou múltipla);
+ * - Botão de carregar mais resultados (`p-show-more`).
+ *
+ * A execução das ações focadas ou a marcação de itens nas colunas de seleção é realizada com as teclas `Enter` ou
+ * `Espaço`.
+ *
+ * #### Tokens customizáveis
+ *
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
+ *
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
+ *
+ * | Propriedade                                    | Descrição                                              | Valor Padrão                                                 |
+ * |------------------------------------------------|--------------------------------------------------------|--------------------------------------------------------------|
+ * | **Título**                                     |                                                        |                                                              |
+ * | `--title-color`                                | Cor do título do item                                  | `var(--title-color)`                                         |
+ * | `--title-font-family`                          | Família tipográfica do título                          | `var(--font-family-theme)`                                   |
+ * | `--title-font-size`                            | Tamanho da fonte do título                             | `var(--font-size-default)`                                   |
+ * | `--title-line-height`                          | Altura da linha do título                              | `var(--line-height-md)`                                      |
+ * | `--title-color-hover`                          | Cor do título no estado hover                          | `var(--color-action-hover)`                                  |
+ * | `--title-color-selected`                       | Cor do título quando o item está selecionado           | `var(--color-action-focus)`                                  |
+ * | **Subtítulo (Support Message)**                |                                                        |                                                              |
+ * | `--support-message-color`                      | Cor da mensagem de apoio                               | `var(--color-neutral-dark-80)`                               |
+ * | `--support-message-font-family`                | Família tipográfica da mensagem de apoio               | `var(--font-family-theme)`                                   |
+ * | `--support-message-font-size`                  | Tamanho da fonte da mensagem de apoio                  | `var(--font-size-sm)`                                        |
+ * | `--support-message-line-height`                | Altura da linha da mensagem de apoio                   | `var(--line-height-none)`                                    |
+ * | `--support-message-color-selected`             | Cor da mensagem de apoio quando o item está selecionado| `var(--color-action-focus)`                                  |
+ * | **Item - Normal**                              |                                                        |                                                              |
+ * | `--list-item-background`                       | Cor de fundo do item                                   | `var(--list-item-background)`                                |
+ * | `--list-item-border-color`                     | Cor da borda do item                                   | `var(--list-item-border-color)`                              |
+ * | `--list-item-border-width`                     | Largura da borda do item                               | `var(--border-width-sm)`                                     |
+ * | `--list-item-border-radius`                    | Raio de arredondamento dos cantos do item              | `var(--border-radius-md)`                                    |
+ * | `--list-item-shadow`                           | Sombra base do item                                    | `var(--shadow-md)`                                           |
+ * | **Item - Selecionado**                         |                                                        |                                                              |
+ * | `--list-item-background-selected`              | Cor de fundo do item selecionado                       | `var(--color-brand-01-lightest)`                             |
+ * | `--list-item-border-color-selected`            | Cor da borda do item selecionado                       | `var(--color-action-default)`                                |
+ * | **Item - Hover**                               |                                                        |                                                              |
+ * | `--list-item-border-color-hover`               | Cor da borda do item no estado hover                   | `var(--color-action-hover)`                                  |
+ * | `--list-item-shadow-hover`                     | Sombra do item no estado hover                         | `var(--shadow-lg)`                                           |
+ * | **Item - Focus**                               |                                                        |                                                              |
+ * | `--list-item-color-focused`                    | Cor da borda do item no estado focus                   | `var(--color-action-default)`                                |
+ * | `--list-item-outline-color-focused`            | Cor do outline do item no estado focus                 | `var(--color-action-focus)`                                  |
+ * | **Destaque (Highlighted)**                     |                                                        |                                                              |
+ * | `--list-item-background-highlighted`           | Cor de fundo do item destacado                         | `var(--color-brand-01-lightest)`                             |
+ * | **Motion**                                     |                                                        |                                                              |
+ * | `--list-item-transition-duration`              | Duração da transição do item                           | `var(--duration-normal)`                                     |
+ * | `--list-item-transition-property`              | Propriedades CSS animadas                              | `all`                                                        |
+ * | `--list-item-transition-timing`                | Curva de aceleração da transição                       | `var(--timing-standard, var(--timing-standart, ease))`       |
  *
- * O componente disponibiliza uma área específica para exibição informações adicionais,
- * através da diretiva **[p-list-view-detail-template](/documentation/po-list-view-detail-template)**.
  */
 declare class PoListViewBaseComponent {
-    /** Recebe uma propriedade que será utilizada para recuperar o valor do objeto que será usado como link para o título. */
+    /**
+     * @deprecated v23.x.x use `p-field-properties`
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Chave do objeto (`p-items`) com o *link* do título do item.
+     *
+     * > Essa propriedade está depreciada e será removida na versão 23.x.x. Recomendamos utilizar a propriedade
+     * `p-field-properties`.
+     */
     propertyLink?: string;
-    /** Recebe uma propriedade que será utilizada para recuperar o valor do objeto que será exibido como o título de cada item. */
-    propertyTitle?: string;
     /**
+     * @deprecated v23.x.x use `p-field-properties`
+     *
      * @optional
      *
      * @description
      *
-     * Recebe uma ação, que será executada quando clicar no botão "Carregar mais resultados".
+     * Chave do objeto (`p-items`) com o título do item.
+     *
+     * > Essa propriedade está depreciada e será removida na versão 23.x.x. Recomendamos utilizar a propriedade
+     * `p-field-properties`.
+     */
+    propertyTitle?: string;
+    /**
+     * @optional
+     *
+     * @description
      *
-     * > Caso nenhuma ação for definida o mesmo não ficará visível.
+     * Ação executada ao clicar no botão de carregar mais resultados.
      */
     showMore: EventEmitter<any>;
     /**
@@ -33374,8 +34092,12 @@ declare class PoListViewBaseComponent {
      * @description
      *
      * Ação que será executada ao clicar no título.
+     * Retorna o item da lista clicado.
+     *
+     * > Compatível com o título configurado como *link* (`PoListViewFieldProperties.link` ou `p-property-link`):
+     * ao clicar, o evento é emitido e, havendo *link*, a navegação também é realizada.
      *
-     * Ao ser disparado, o método inserido na ação irá receber como parâmetro o item da lista clicado.
+     * > Incompatível com o evento `p-item-click`.
      */
     titleAction: EventEmitter<any>;
     /**
@@ -33383,11 +34105,23 @@ declare class PoListViewBaseComponent {
      *
      * @description
      *
-     * Ação que será executada ao clicar no botão exibir detalhes.
+     * Ação que será executada ao expandir os detalhes do item.
+     * Retorna o item da lista clicado.
      *
-     * Ao ser disparado, o método passa como parâmetros os detalhes que serão exibidos.
+     * > Incompatível com o evento `p-item-click`.
      */
     showDetail: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Ação que será executada ao clicar no item da lista. Quando definida, torna o item clicável.
+     * Retorna o item da lista clicado.
+     *
+     * > O evento é desabilitado caso o item possua duas ou mais ações visíveis (`p-actions`).
+     */
+    itemClick: EventEmitter<any>;
     popupTarget: any;
     selectAll: boolean;
     showHeader: boolean;
@@ -33400,6 +34134,7 @@ declare class PoListViewBaseComponent {
     private _literals;
     private _select;
     private _showMoreDisabled;
+    private _singleSelect;
     private readonly language;
     /**
      * @optional
@@ -33407,6 +34142,7 @@ declare class PoListViewBaseComponent {
      * @description
      *
      * Lista de ações que serão exibidas no componente.
+     * As propriedades das ações seguem a interface `PoPopupAction`.
      */
     set actions(value: Array<PoListViewAction>);
     get actions(): Array<PoListViewAction>;
@@ -33415,7 +34151,7 @@ declare class PoListViewBaseComponent {
      *
      * @description
      *
-     * Define o tamanho dos componentes de formulário no template:
+     * Define o dimensionamento geral dos elementos no template.
      * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
      * - `medium`: aplica a medida medium de cada componente.
      *
@@ -33431,20 +34167,65 @@ declare class PoListViewBaseComponent {
      *
      * @description
      *
-     * Define a altura do `po-list-view` em *pixels*.
+     * Define a altura da lista em *px*, desconsiderando o espaço do botão `p-show-more`.
+     *
+     * > Caso não seja informado valor, a propriedade irá assumir o tamanho do conteúdo.
      */
     set height(height: number);
     get height(): number;
     /**
+     * @optional
+     *
      * @description
      *
-     * Esconde o *checkbox* para seleção de todos os itens.
+     * Habilita a seleção de itens na lista.
+     *
+     * Por padrão, renderiza um *checkbox* para seleção múltipla. Caso a propriedade `p-single-select` esteja habilitada,
+     * renderiza um botão *radio* para seleção única.
+     *
+     * Ao utilizar esta propriedade, todos os itens recebem a propriedade dinâmica `$selected` para identificar o seu estado
+     * de seleção. Por exemplo:
+     *
+     * ```
+     *  item.$selected
+     *
+     *  // ou
+     *
+     *  item['$selected']
+     * ```
      *
      * @default `false`
      */
     set hideSelectAll(hideSelectAll: boolean);
     get hideSelectAll(): boolean;
-    /** Lista de itens que serão exibidos no componente. */
+    /**
+     * @description
+     *
+     * Lista de itens que serão exibidos no componente.
+     *
+     * A renderização dos dados depende do mapeamento das chaves dos objetos através da propriedade `p-field-properties`.
+     *
+     * Exemplo de uso:
+     *
+     * ```
+     *  const listItems = [
+     *    { name: 'John Doe', job: 'Developer' },
+     *    { name: 'Jane Smith', job: 'Designer' }
+     *  ];
+     *
+     *  const listMapping = {
+     *    title: 'name',
+     *    subtitle: 'job'
+     *  };
+     * ```
+     *
+     * ```
+     *  <po-list-view
+     *    [p-items]="listItems"
+     *    [p-field-properties]="listMapping">
+     *  </po-list-view>
+     * ```
+     */
     set items(value: Array<any>);
     get items(): Array<any>;
     /**
@@ -33452,9 +34233,9 @@ declare class PoListViewBaseComponent {
      *
      * @description
      *
-     * Objeto com as literais usadas no `po-list-view`.
+     * Objeto com as literais usadas no po-list-view, permitindo personalizar os textos exibidos no componente.
      *
-     * Existem duas maneiras de customizar o componente, passando um objeto com todas as literais disponíveis:
+     * Exemplo de uso:
      *
      * ```
      *  const customLiterals: PoListViewLiterals = {
@@ -33465,16 +34246,6 @@ declare class PoListViewBaseComponent {
      *  };
      * ```
      *
-     * Ou passando apenas as literais que deseja customizar:
-     *
-     * ```
-     *  const customLiterals: PoListViewLiterals = {
-     *    showDetail: 'Mostrar mais detalhes'
-     *  };
-     * ```
-     *
-     * E para carregar as literais customizadas, basta apenas passar o objeto para o componente.
-     *
      * ```
      * <po-list-view
      *   [p-literals]="customLiterals">
@@ -33491,8 +34262,8 @@ declare class PoListViewBaseComponent {
      *
      * @description
      *
-     * Habilita um *checkbox* para cada item da lista. Todos os items possuem a propriedade dinâmica `$selected` para identificar se o
-     * item está selecionado, por exemplo:
+     * Habilita um *checkbox* para cada item da lista. Todos os items possuem a propriedade dinâmica `$selected` para
+     * identificar se o item está selecionado, por exemplo:
      *
      * ```
      *  item.$selected
@@ -33511,7 +34282,110 @@ declare class PoListViewBaseComponent {
      *
      * @description
      *
-     * Indica que o botão `Carregar Mais Resultados` será desabilitado.
+     * Define que somente um item da lista pode ser selecionado quando a seleção estiver habilitada
+     * através da propriedade `p-select`.
+     *
+     * > Quando habilitado, a opção "Selecionar todos" é ocultada.
+     *
+     * @default `false`
+     */
+    set singleSelect(value: boolean);
+    get singleSelect(): boolean;
+    get isSingleSelection(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define como o detalhe do item (diretiva `p-list-view-detail-template`) será exibido:
+     * A utilização desta propriedade renderiza um botão de ação (como "Exibir detalhes" ou "Ver detalhes") no rodapé do item
+     * para controlar a visualização do conteúdo.
+     *
+     * Valores válidos:
+     * - `inline`: expande o conteúdo do detalhe abaixo do item.
+     * - `modal`: exibe o conteúdo do detalhe no corpo de um `po-modal`.
+     *
+     * > Incompatível com o evento `p-item-click`.
+     *
+     * @default `inline`
+     */
+    detailDisplay: i0.InputSignalWithTransform<PoListViewDetailDisplay, string>;
+    get isDetailModal(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o posicionamento da *tag* (`PoListViewFieldProperties.tag.value`) em relação ao título dentro do item:
+     * - `right`: ao lado direito do título.
+     * - `top`: acima do título.
+     * - `bottom`: abaixo do título.
+     *
+     * @default `bottom`
+     */
+    tagPosition: i0.InputSignal<string>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Consolida, em um único objeto tipado ([`PoListViewFieldProperties`](/documentation/po-list-view#fieldProperties)),
+     * o mapeamento entre as propriedades do item e as áreas visuais do componente (título, subtítulo,
+     * link, avatar, destaque e tag).
+     *
+     * ```
+     * <po-list-view
+     *   [p-field-properties]="{
+     *     title: 'name',
+     *     subtitle: 'jobDescription',
+     *     link: 'url',
+     *     avatar: 'avatar',
+     *     highlighted: 'unread',
+     *     tag: { value: 'hireStatus', type: 'hireTagType' }
+     *   }">
+     * </po-list-view>
+     * ```
+     */
+    fieldProperties: i0.InputSignal<PoListViewFieldProperties>;
+    protected get resolvedPropertyTitle(): string;
+    protected get resolvedPropertyLink(): string;
+    protected get resolvedPropertySubtitle(): string;
+    protected get resolvedPropertyHighlighted(): string;
+    protected get resolvedPropertyAvatar(): string;
+    protected get resolvedPropertyTag(): string;
+    protected get resolvedPropertyTagType(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do avatar do tipo **imagem** (URL).
+     *
+     * Valores válidos:
+     *  - `xs` (24x24)
+     *  - `sm` (32x32)
+     *  - `md` (64x64)
+     *  - `lg` (96x96)
+     *  - `xl` (144x144)
+     *
+     * > Incompatível com os demais tipos de avatar (icon, progress, customTemplate).
+     *
+     * @default `md`
+     */
+    avatarSize: i0.InputSignal<string>;
+    /**
+     * @docsPrivate
+     *
+     * Aplica a classe de host `po-list-view-widget-mode` permanentemente, habilitando via CSS (po-style) o visual do
+     * componente.
+     */
+    readonly widgetModeVisualClass = true;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Indica que o botão *Carregar Mais Resultados* (`p-show-more`) será desabilitado.
      */
     set showMoreDisabled(value: boolean);
     get showMoreDisabled(): boolean;
@@ -33523,11 +34397,11 @@ declare class PoListViewBaseComponent {
     selectListItem(row: any): void;
     protected onThemeChange(): void;
     private applySizeBasedOnA11y;
-    private deleteInternalAttrs;
+    protected deleteInternalAttrs(item: any): any;
     private checkIfItemsAreSelected;
     private showMainHeader;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoListViewBaseComponent, never, never, { "propertyLink": { "alias": "p-property-link"; "required": false; }; "propertyTitle": { "alias": "p-property-title"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "select": { "alias": "p-select"; "required": false; }; "showMoreDisabled": { "alias": "p-show-more-disabled"; "required": false; }; }, { "showMore": "p-show-more"; "titleAction": "p-title-action"; "showDetail": "p-show-detail"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoListViewBaseComponent, never, never, { "propertyLink": { "alias": "p-property-link"; "required": false; }; "propertyTitle": { "alias": "p-property-title"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "select": { "alias": "p-select"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "detailDisplay": { "alias": "p-detail-display"; "required": false; "isSignal": true; }; "tagPosition": { "alias": "p-tag-position"; "required": false; "isSignal": true; }; "fieldProperties": { "alias": "p-field-properties"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "p-avatar-size"; "required": false; "isSignal": true; }; "showMoreDisabled": { "alias": "p-show-more-disabled"; "required": false; }; }, { "showMore": "p-show-more"; "titleAction": "p-title-action"; "showDetail": "p-show-detail"; "itemClick": "p-item-click"; }, never, never, true, never>;
 }
 
 /**
@@ -33673,6 +34547,12 @@ declare class PoListViewContentTemplateDirective {
  * ...
  *
  * ```
+ *
+ * > O modo de exibição do detalhe é definido pela propriedade
+ * [`p-detail-display`](/documentation/po-list-view) do `po-list-view`, que utiliza os valores do
+ * enum `PoListViewDetailDisplay`:
+ *  - `inline`: expande o conteúdo do detalhe abaixo do item (padrão);
+ *  - `modal`: exibe o conteúdo do detalhe no corpo de um `po-modal`.
  */
 declare class PoListViewDetailTemplateDirective {
     templateRef: TemplateRef<any>;
@@ -33701,6 +34581,11 @@ declare class PoListViewDetailTemplateDirective {
  *  <file name="sample-po-list-view-basic/sample-po-list-view-basic.component.ts"> </file>
  * </example>
  *
+ * <example name="po-list-view-field-properties" title="PO List View - Field Properties">
+ *  <file name="sample-po-list-view-field-properties/sample-po-list-view-field-properties.component.html"> </file>
+ *  <file name="sample-po-list-view-field-properties/sample-po-list-view-field-properties.component.ts"> </file>
+ * </example>
+ *
  * <example name="po-list-view-labs" title="PO List View Labs">
  *  <file name="sample-po-list-view-labs/sample-po-list-view-labs.component.html"> </file>
  *  <file name="sample-po-list-view-labs/sample-po-list-view-labs.component.ts"> </file>
@@ -33712,27 +34597,86 @@ declare class PoListViewDetailTemplateDirective {
  *  <file name="sample-po-list-view-hiring-processes/sample-po-list-view-hiring-processes.service.ts"> </file>
  * </example>
  */
-declare class PoListViewComponent extends PoListViewBaseComponent implements AfterContentInit, DoCheck {
+declare class PoListViewComponent extends PoListViewBaseComponent implements AfterContentInit, DoCheck, AfterViewChecked {
     private readonly changeDetector;
+    private readonly router;
+    private readonly elementRef;
+    private readonly renderer;
     listViewContentTemplate: PoListViewContentTemplateDirective;
     listViewDetailTemplate: PoListViewDetailTemplateDirective;
+    private readonly avatarProgressTemplate;
+    private readonly avatarIconTemplate;
+    private readonly avatarImageTemplate;
     poPopupComponent: PoPopupComponent;
+    protected detailModal: PoModalComponent;
     popupActions: Array<PoListViewAction>;
+    protected detailModalItem: any;
+    protected detailModalIndex: number;
     private readonly differ;
+    private readonly widgetActionsCache;
+    private cachedActionsRef;
     constructor();
     get hasContentTemplate(): boolean;
     get hasDetailTemplate(): boolean;
     get displayShowMoreButton(): boolean;
     get titleHasAction(): boolean;
+    protected isTitleClickable(item: any): boolean;
+    protected isItemClickable(item: any): boolean;
+    protected isCardFocusable(item: any): boolean;
+    private isSelectionControlClick;
+    protected onItemClick(item: any, event: MouseEvent): void;
+    protected onItemKeyDown(item: any, event: KeyboardEvent): void;
+    protected onTitleKeyDown(item: any, event: KeyboardEvent): void;
+    private updateTitleFocusableElements;
+    private updateTitleAccessibility;
+    private bindTitleFocus;
+    private unbindTitleFocus;
+    private updateSelectionControlsBinding;
+    private updateSelectionControlTabindex;
+    private updateRadioSelectionBinding;
+    private handleSingleSelectionEvent;
+    private updateCheckboxSelectionBinding;
+    private handleCheckboxSelectionEvent;
+    private isConfirmKey;
+    private unbindControlHandler;
+    protected stopPropagation(event?: Event | null): void;
+    protected onAdvancedArrowClick(item: any): void;
+    protected onTitleClick(item: any): void;
     ngAfterContentInit(): void;
     ngDoCheck(): void;
+    ngAfterViewChecked(): void;
     checkTitleType(item: any): "externalLink" | "internalLink" | "noLink";
     getItemTitle(item: any): any;
     hasItems(): boolean;
     returnBooleanValue(listViewAction: PoListViewAction, item: any, property: string): any;
-    trackBy(index: any): any;
+    trackBy(item: any, index: number): any;
+    selectListItem(row: any): void;
+    protected onMultipleSelectionChange(item: any, value: boolean): void;
+    private syncSingleSelectionVisualState;
+    private ensureSingleSelectionConsistency;
+    protected onMultipleSelectionKeydown(item: any, event: KeyboardEvent): void;
+    protected getSelectionConfig(item: any): PoWidgetSelection | undefined;
+    onClickAction(listViewAction: PoListViewAction, item: any): void;
+    protected getItemActionType(item: any): 'advanced' | 'multiple' | 'none';
+    protected getItemTag(item: any): string | undefined;
+    protected getItemTagType(item: any): string;
+    protected getItemSubtitle(item: any): string | undefined;
+    protected getItemHighlighted(item: any): boolean;
+    protected getItemAvatar(item: any): any;
+    protected getAvatarType(item: any): string;
+    protected onAvatarImageError(wrapper?: HTMLElement): void;
+    protected onAvatarImageLoad(event: Event, wrapper?: HTMLElement): void;
+    private hideInvalidAvatarIcons;
+    private collapseAvatarContainer;
+    private restoreAvatarContainer;
+    private isIconGlyphEmpty;
+    protected getAvatarData(item: any): any;
+    protected getWidgetActions(item: any): Array<any>;
     togglePopup(item: any, targetRef: HTMLElement): void;
-    onAnimationEvent(event: AnimationEvent, detail: any): void;
+    protected animateDetailEnter(event: AnimationCallbackEvent, item: any): void;
+    protected animateDetailLeave(event: AnimationCallbackEvent): void;
+    protected openDetailModal(item: any, index: number): void;
+    protected onCloseDetailModal(): void;
     protected getVisibleActions(item: any): Array<PoListViewAction>;
     private checkItemsChange;
     private initShowDetail;
@@ -33741,314 +34685,85 @@ declare class PoListViewComponent extends PoListViewBaseComponent implements Aft
 }
 
 /**
- * @description
- *
- * Módulo do componente `po-list-view`.
- *
- * > Para o correto funcionamento do componente `po-list-view`, deve ser importado o módulo `BrowserAnimationsModule` no
- * > módulo principal da sua aplicação.
- *
- * Módulo da aplicação:
- * ```
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- * import { PoModule } from '@po-ui/ng-components';
- * ...
- *
- * @NgModule({
- *   imports: [
- *     BrowserModule,
- *     BrowserAnimationsModule,
- *     ...
- *     PoModule
- *   ],
- *   declarations: [
- *     AppComponent,
- *     ...
- *   ],
- *   providers: [],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule { }
- * ```
- *
- * Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
- *
- * ```
- * import { bootstrapApplication } from '@angular/platform-browser';
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- * import { AppComponent } from './app.component';
- *
- * bootstrapApplication(AppComponent, {
- *   providers: [importProvidersFrom(BrowserAnimationsModule)]
- * }).catch(err => console.error(err));
- * ```
- */
-declare class PoListViewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoListViewModule, [typeof PoListViewComponent, typeof PoListViewContentTemplateDirective, typeof PoListViewDetailTemplateDirective], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.RouterModule, typeof PoButtonModule, typeof PoIconModule, typeof PoPopupModule, typeof PoCheckboxModule, typeof PoContainerModule], [typeof PoListViewComponent, typeof PoListViewContentTemplateDirective, typeof PoListViewDetailTemplateDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PoListViewModule>;
-}
-
-declare class PoLogoComponent {
-    poLanguageService: PoLanguageService;
-    readonly literals: any;
-    private _logo?;
-    private _logoAlt;
-    private _link;
-    /**
-     * Define uma classe para o elemento `img` do componente.
-     *
-     * > **Importante**
-     * > A classe deve ser definida apenas quando houver necessidade de ajustar o componente dentro de outro componente.
-     *
-     */
-    className: string;
-    /**
-     * Define se o componente terá o elemento âncora para uma rota específica.
-     *
-     * > Caso seja definido como false, o componente apenas renderizará o elemento `img`.
-     * > Caso seja definido como true, a rota será `./`.
-     * > Caso seja definido como string, a rota será a string passada.
-     *
-     * @default `true`
-     */
-    set link(value: boolean | string);
-    get link(): boolean | string;
-    /**
-     * Definie o caminho para a imagem, que será exibida como logomarca.
-     *
-     */
-    set logo(value: string);
-    get logo(): string;
-    /**
-     * Define o texto alternativo para a logomarca.
-     *
-     * > **Importante**
-     * > Caso esta propriedade não seja definida o texto padrão será "Logomarca início".
-     */
-    set logoAlt(value: string);
-    get logoAlt(): string;
-    constructor(poLanguageService: PoLanguageService);
-    private maxLength;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoLogoComponent, "po-logo", never, { "className": { "alias": "p-class"; "required": false; }; "link": { "alias": "p-link"; "required": false; }; "logo": { "alias": "p-logo"; "required": false; }; "logoAlt": { "alias": "p-logo-alt"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class PoLogoModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoLogoModule, [typeof PoLogoComponent], [typeof i2.CommonModule], [typeof PoLogoComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PoLogoModule>;
-}
-
-/**
- * @usedBy PoMenuComponent
- *
- * @description
- *
- * Interface do objeto que deve conter na coleção de itens filtrados no componente `po-menu`.
- */
-interface PoMenuItemFiltered {
-    /** Texto do item de menu. */
-    label: string;
-    /** *Link* para redirecionamento no clique do item do menu, podendo ser um *link* interno ou externo. */
-    link: string;
-    /** Ação a ser executada quando o item de menu for clicado. */
-    action: () => void;
-}
-
-/**
- * @usedBy PoMenuComponent
+ * @usedBy PoWidgetComponent
  *
  * @description
  *
- * Interface do serviço utilizado no componente `po-menu`.
+ * Interface para definição do avatar no `po-widget`.
  */
-interface PoMenuFilter {
+interface PoWidgetAvatar {
     /**
-     * Método responsável por retornar um *Observable* que retorne uma lista de objetos que seguem a interface `PoMenuItemFiltered`.
-     * Será informado por parâmetro o valor a ser pesquisado e as informações adicionais preenchidas através da propriedade `p-params`.
-     *
-     * @param {string} search Valor informado no campo de busca dos itens de menus.
-     * @param {any} params Valor informado através da propriedade `p-params`.
+     * Fonte da imagem que pode ser um caminho local (`./assets/images/logo-black-small.png`)
+     * ou um servidor externo (`https://po-ui.io/assets/images/logo-black-small.png`).
      */
-    getFilteredData(search: string, params?: any): Observable<Array<PoMenuItemFiltered>>;
-}
-
-/**
- * @usedBy PoMenuComponent
- *
- * @description
- *
- * Interface do *badge* utilizado no `po-menu`.
- */
-interface PoMenuItemBadge {
+    src?: string;
     /**
      * @optional
      *
      * @description
      *
-     * Define a cor do *badge* e aceita os valores:
-     *
-     * <span class="dot po-color-01"></span> `color-01`
-     *
-     * <span class="dot po-color-02"></span> `color-02`
-     *
-     * <span class="dot po-color-03"></span> `color-03`
-     *
-     * <span class="dot po-color-04"></span> `color-04`
-     *
-     * <span class="dot po-color-05"></span> `color-05`
-     *
-     * <span class="dot po-color-06"></span> `color-06`
-     *
-     * <span class="dot po-color-07"></span> `color-07`
-     *
-     * <span class="dot po-color-08"></span> `color-08`
-     *
-     * <span class="dot po-color-09"></span> `color-09`
-     *
-     * <span class="dot po-color-10"></span> `color-10`
-     *
-     * <span class="dot po-color-11"></span> `color-11`
+     * Tamanho de exibição do componente `po-avatar`.
      *
-     * <span class="dot po-color-12"></span> `color-12`
+     * Valores válidos:
+     *  - `xs` (24x24)
+     *  - `sm` (32x32)
+     *  - `md` (64x64)
+     *  - `lg` (96x96)
+     *  - `xl` (144x144)
      *
-     * @default `color-07`
+     * @default `md`
      */
-    color?: string;
+    size?: string;
     /**
-     * @description
+     * Permite a criação de template customizado para o avatar
      *
-     * Número exibido no *badge*, caso o mesmo seja maior que **9** o mesmo exibe **9+**.
+     * ```
+     * <po-widget
+     *  [p-avatar]="{ customTemplate: customAvatar }"
+     * />
+     *
+     * <ng-template #customAvatar>
+     *   ...
+     * </ng-template>
+     * ```
      */
-    value: number;
-}
-
-/**
- * @usedBy PoMenuComponent
- *
- * @description
- *
- * Interface para os itens de menu do componente po-menu.
- *
- */
-interface PoMenuItem {
+    customTemplate?: TemplateRef<any>;
     /**
      * @optional
      *
      * @description
      *
-     * Badge do item de menu.
-     *
-     * Ao adicioná-lo em um subitem (filho) todos os itens ascendentes (pai) serão marcados com um ponto vermelho.
-     *
-     * > O `po-badge` só será exibido caso o item do menu não possua `subItems` e seu valor seja maior ou igual a 0.
-     */
-    badge?: PoMenuItemBadge;
-    /** Texto do item de menu. */
-    label: string;
-    /** Link para redirecionamento no click do item do menu, podendo ser um link interno ou externo. */
-    link?: string;
-    /** Ação personalizada para clique do item de menu. */
-    action?: Function;
-    /**
-     * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo:
-     * ```
-     * <po-menu
-     *  [p-menus]="[{ link: '/', label: 'PO ICON', icon: 'an an-newspaper' }]">
-     * </po-menu>
-     * ```
-     *
-     * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca Font Awesome, da seguinte forma:
-     * ```
-     * <po-menu
-     *  [p-menus]="[{ link: '/', label: 'FA ICON', icon: 'fa fa-podcast' }]">
-     * </po-menu>
-     * ```
-     *
-     * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
-     * component.html:
-     * ```
-     * <ng-template #iconTemplate>
-     *   <ion-icon name="heart"></ion-icon>
-     * </ng-template>
-     *
-     * <po-menu [p-menus]="myProperty"></po-menu>
-     * ```
-     * component.ts:
-     * ```
-     * @ViewChild('iconTemplate', { static: true } ) iconTemplate : TemplateRef<void>;
+     * Define a largura em porcentagem do `customTemplate`.
      *
-     * myProperty = [
-     *  {
-     *    link: '/',
-     *    label: 'Icon',
-     *    icon: this.iconTemplate
-     *  }
-     * ];
-     * ```
-     * > São exibidos apenas no primeiro nível de menu e serão visíveis apenas se todos os itens de primeiro nível possuírem ícones.
-     * O menu colapsado também aparecerá somente se todos os itens de primeiro nível de menu possuírem ícones e textos curtos.
-     */
-    icon?: string | TemplateRef<void>;
-    /**
-     * Texto curto exibido através de um tooltip para o item que aparece quando o menu estiver colapsado.
-     * Se colapsado, aparecerá somente se todos os itens de primeiro nível de menu que possuírem ícones e textos curtos.
+     * O valor máximo aceito é `50%`.
      */
-    shortLabel?: string;
-    /** Lista de sub-items, criando novos níveis dentro do menu. O número máximo de níveis do menu é igual a 4. */
-    subItems?: Array<PoMenuItem>;
-    id?: string;
-    level?: any;
-    badgeAlert?: any;
-    type?: any;
-}
-
-declare class PoMenuGlobalService {
-    private readonly applicationMenu;
-    private readonly menus;
-    private readonly removedApplicationMenu;
-    private readonly menuId;
-    private readonly menuChanges;
-    receiveApplicationMenu$: Observable<PoMenuComponent>;
-    receiveMenus$: Observable<PoMenuItem[]>;
-    receiveId$: Observable<string>;
-    receiveOnChange$: Observable<PoMenuItem[]>;
-    receiveRemovedApplicationMenu$: Observable<string>;
-    sendApplicationMenu(menu: PoMenuComponent): void;
-    sendMenus(menus: Array<PoMenuItem>): void;
-    sendId(id: string): void;
-    sendChanges(menus: Array<PoMenuItem>): void;
-    sendRemovedApplicationMenu(id: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoMenuGlobalService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PoMenuGlobalService>;
+    widthCustomTemplate?: string;
 }
 
 /**
- * @docsPrivate
  *
  * @description
  *
- * Serviço que implementa a interface `PoMenuFilter`, utilizado para fazer requisições ao serviço informado pelo usuário,
- * caso for uma URL, no componente `po-menu`.
- */
-declare class PoMenuService implements PoMenuFilter {
-    private readonly http;
-    private _url;
-    get url(): string;
-    configProperties(url: string): void;
-    getFilteredData(search: string, params?: any): Observable<Array<PoMenuItemFiltered>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoMenuService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PoMenuService>;
-}
-
-/**
- * @description
+ * O componente `po-widget` é recomendado para exibição de *dashboards*, podendo ser utilizado
+ * para incluir vários tipos de conteúdo como: gráficos, tabelas, grids e imagens.
  *
- * Este é um componente de menu lateral que é utilizado para navegação nas páginas de uma aplicação.
+ * Além da exibição de conteúdos, este componente possibilita adicionar ações e um link
+ * para ajuda, como também possibilita ser utilizado com ou sem sombra.
  *
- * O componente po-menu recebe uma lista de objetos do tipo `MenuItem` com as informações dos itens de menu como
- * textos, links para redirecionamento, ações, até 4 níveis de menu e ícones para o primeiro nível de menu.
+ * Para controlar sua largura, é possível utilizar o [Grid System](/guides/grid-system) para um maior
+ * controle de seu redimensionamento, assim possibilitando o tratamento para diferentes resoluções.
+ *
+ * #### Boas práticas
+ *
+ * Utilize um tamanho mínimo de largura de aproximadamente `18.75rem` no componente.
+ *
+ * #### Acessibilidade tratada no componente
+ *
+ * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas. São elas:
+ * - Utiliza medidas relativas, para se adequar às preferências e necessidades de quem for utilizar o sistema.
+ * - Desenvolvido com uso de controles padrões HTML, o que permite a identificação na interface por tecnologias assistivas. (WCAG [4.1.2: Name, Role, Value](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value))
+ * - O foco é visível e possui uma espessura superior a 2 pixels CSS, não ficando escondido por outros elementos da tela. (WCAG [2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced))
+ * - Quando selecionável, prevê interação por teclado, podendo ser selecionado através da tecla space (WCAG [2.4.1 - Keyboard](https://www.w3.org/WAI/WCAG21/Understanding/keyboard))
  *
  * #### Tokens customizáveis
  *
@@ -34056,190 +34771,918 @@ declare class PoMenuService implements PoMenuFilter {
  *
  * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
  *
- * | Propriedade                            | Descrição                                             | Valor Padrão                                    |
- * |----------------------------------------|-------------------------------------------------------|-------------------------------------------------|
- * | **Default Values**                     |                                                       |                                                 |
- * | `--border-radius`                      | Contém o valor do raio dos cantos do elemento&nbsp;   | `var(--border-radius-md)`                       |
- * | `--border-color`                       | Cor da borda                                          | `var(--color-neutral-light-20)`                 |
- * | `--background-color`                   | Cor de background                                     | `Var(----color-neutral-light-05)`               |
- * | **Menu Footer**                        |                                                       |                                                 |
- * | `--color`                              | Cor principla do menu footer                          | `var(--color-action-default)`                   |
- * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-default)`                      |
- * | `--line-height`                        | Tamanho da label                                      | `var(--line-height-md)`                         |
- * | `--outline-color-focused`              | Cor do outline do estado de focus                     | `var(--color-action-focus)`                     |
- * | `--font-weight-lvl0`                   | Peso da fonte                                         | `var(--font-weight-bold)`                       |
- * | **po-menu-item**                       |                                                       |                                                 |
- * | `--font-family`                        | Família tipográfica usada                             | `var(--font-family-theme)`                      |
- * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-default)`                      |
- * | `--line-height`                        | Tamanho da label                                      | `var(--line-height-md)`                         |
- * | `--border-radius`                      | Contém o valor do raio dos cantos do elemento&nbsp;   | `var(--border-radius-md)`                       |
- * | `--color`                              | Cor principal do item                                 | `var(--color-action-default)`                   |
- * | `--background-color`                   | Cor do background                                     | `transparent`                                   |
- * | **Hover**                              |                                                       |                                                 |
- * | `--color-hover`                        | Cor principal no estado hover                         | `var(--color-brand-01-darkest)`                 |
- * | `--background-color-hover`             | Cor de background no estado hover                     | `var(--color-brand-01-lighter)`                 |
- * | **Focused**                            |                                                       |                                                 |
- * | `--outline-color-focused`              | Cor do outline do estado de focus                     | `var(--color-action-focus)`                     |
- * | **Pressed**                            |                                                       |                                                 |
- * | `--background-color-pressed` &nbsp;    | Cor de background no estado de pressionado&nbsp;      | `var(--color-brand-01-light)`                   |
- * | **Actived**                            |                                                       |                                                 |
- * | `--background-color-actived`           | Cor de background no estado actived                   | `var(--color-brand-01-darkest)`                 |
- * | `--color-actived`                      | Cor principal no estado actived                       | `var(--color-brand-01-lighter)`                 |
- * | **Font**                               |                                                       |                                                 |
- * | `--font-weight-lvl0`                   | Peso da fonte bold                                    | `var(--font-weight-bold)`                       |
- * | `--font-weight-lvl1`                   | Peso da fonte                                         | `var(--font-weight-normal)`                     |
+ * | Propriedade                                  | Descrição                                                        | Valor Padrão                                                                |
+ * |----------------------------------------------|------------------------------------------------------------------|-----------------------------------------------------------------------------|
+ * | **Default Values**                           |                                                                  |                                                                             |
+ * | `--font-family`                              | Família tipográfica usada                                        | `var(--font-family-theme) `                                                 |
+ * | `--font-size`                                | Tamanho da fonte                                                 | `var(--font-size-sm)`                                                       |
+ * | `--font-weight`                              | Peso da fonte                                                    | `var(--font-weight-bold)`                                                   |
+ * | `--font-color`                               | Cor da fonte                                                     | `var(--color-neutral-dark-95)`                                              |
+ * | `--padding` - `@deprecated 21.x.x`           | Preenchimento do componente                                      | `1rem`                                                                      |
+ * | `--padding-header`                           | Preenchimento do header                                          | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
+ * | `--padding-body`                             | Preenchimento do body                                            | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
+ * | `--padding-avatar`                           | Preenchimento do avatar                                          | `var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm)`                   |
+ * | `--padding-footer`                           | Preenchimento do footer                                          | `var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)`   |
+ * | `--border-radius`                            | Contém o valor do raio dos cantos do elemento&nbsp;              | `var(--border-radius-md)`                                                   |
+ * | `--border-width`                             | Contém o valor da largura dos cantos do elemento&nbsp;           | `var(--border-width-sm)`                                                    |
+ * | `--border-color`                             | Cor da borda                                                     | `var(--color-neutral-light-20)`                                             |
+ * | `--background`                               | Cor de background                                                | `var(--color-neutral-light-00)`                                             |
+ * | `--shadow`                                   | Contém o valor da sombra do elemento                             | `var(--shadow-md)`                                                          |
+ * | **Hover**                                    |                                                                  |                                                                             |
+ * | `--border-color-hover`                       | Cor da borda no estado hover                                     | `var(--color-action-hover)`                                                 |
+ * | **Focused**                                  |                                                                  |                                                                             |
+ * | `--color-focused`                            | Cor principal no estado de focus                                 | `var(--color-action-default)`                                               |
+ * | `--outline-color-focused` &nbsp;             | Cor do outline do estado de focus                                | `var(--color-action-focus)`                                                 |
  *
- * <br>
  */
-declare abstract class PoMenuBaseComponent {
-    menuGlobalService: PoMenuGlobalService;
-    menuService: PoMenuService;
-    languageService: PoLanguageService;
-    allowIcons: boolean;
-    allowCollapseMenu: boolean;
-    allowCollapseHover: boolean;
-    filteredItems: any;
-    filterService: PoMenuFilter;
-    readonly literals: any;
-    private _collapsed;
-    private _componentsSize;
-    private _initialComponentsSize;
-    private _filter;
-    private _searchTreeItems;
-    private _level;
-    private readonly _maxLevel;
-    private _menus;
-    private _params;
-    private _service;
-    private _logoLink;
-    private _menuId;
+declare class PoWidgetBaseComponent {
+    private _size?;
+    private _initialSize?;
+    /** Descrição da segunda ação. */
     /**
      * @optional
      *
      * @description
+     * Define o label e exibe a ação secundária no footer do componente.
      *
-     * Expande e Colapsa (retrai) o menu automaticamente.
-     *
-     * @default `false`
+     * > Exibida apenas quando `p-primary-label` estiver definida.
      */
-    automaticToggle: boolean;
+    secondaryLabel?: string;
     /**
      * @optional
      *
      * @description
      *
-     * Evento emitido toda vez que o estado do menu muda, enviando `true` quando expandido e `false` quando colapsado.
+     * Caso verdadeiro o botão da ação `p-primary-label` ativará o modo `danger`.
      *
-     * ```html
-     * <po-menu (p-toggle)="onMenuToggle($event)"></po-menu>
-     * ```
+     * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
+     *
+     * @default `false`
      */
-    toggleChange: i0.OutputEmitterRef<boolean>;
+    dangerPrimaryAction: boolean;
     /**
      * @optional
      *
      * @description
      *
-     * Colapsa (retrai) o menu e caso receba o valor `false` expande o menu.
-     *
-     * > Utilize esta propriedade para iniciar o menu colapsado.
-     *
-     * > Ao utilizar os métodos [`colapse`](documentation/po-menu#colapseMethod), [`expand`](documentation/po-menu#expandMethod) e
-     * [`toggle`](documentation/po-menu#toggleMethod) o valor desta propriedade não é alterado.
-     *
-     * **Importante:**
+     * Caso verdadeiro o botão da ação `p-secondary-label` ativará o modo `danger`.
      *
-     * > O menu será colapsado/expandido apenas se todos os itens de menu tiverem valor nas propriedades `icon` e `shortLabel`.
+     * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
      *
      * @default `false`
      */
-    set collapsed(collapsed: boolean);
-    get collapsed(): boolean;
+    dangerSecondaryAction: boolean;
     /**
      * @optional
      *
      * @description
      *
-     * Define o tamanho dos componentes de formulário no menu:
-     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
-     * - `medium`: aplica a medida medium de cada componente.
-     *
-     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
-     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     * Define o estilo do botão da ação `p-primary-label`, conforme o enum `PoButtonKind`.
      *
-     * @default `medium`
+     * @default `tertiary`
      */
-    set componentsSize(value: string);
-    get componentsSize(): string;
-    /** Lista dos itens do menu. Se o valor estiver indefinido ou inválido, será inicializado como um array vazio. */
-    set menus(menus: Array<PoMenuItem>);
-    get menus(): Array<PoMenuItem>;
-    get maxLevel(): number;
+    kindPrimaryAction?: string;
     /**
      * @optional
      *
      * @description
      *
-     * Habilita um campo para pesquisa no menu.
-     * A pesquisa é realizada em todos os níveis do menu e busca apenas pelos itens que contém uma ação e/ou link definidos,
-     * ou também, pode ser realizada através de um serviço definido na propriedade `p-service`.
-     *
-     * > O campo de pesquisa é desabilitado se o menu estiver colapsado.
+     * Define o estilo do botão da ação `p-secondary-label`, conforme o enum `PoButtonKind`.
      *
-     * @default `false`
+     * @default `tertiary`
      */
-    set filter(filter: boolean);
-    get filter(): boolean;
+    kindSecondaryAction?: string;
     /**
      * @optional
      *
      * @description
      *
-     * Quando ativado, a pesquisa também retornará itens agrupadores além dos itens que contêm uma ação e/ou link definidos.
-     * Isso pode ser útil quando se deseja encontrar rapidamente categorias ou seções do menu.
-     *
-     * > É necessário que a propriedade `p-filter` esteja habilitada.
+     * Label da tag exibida no header.
      *
-     * @default `false`
+     * > Quando a tag atingir uma largura máxima de 15rem (240px), será truncado com reticências.
+     * O conteúdo completo poderá ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
      */
-    set searchTreeItems(searchTreeItems: boolean);
-    get searchTreeItems(): boolean;
+    tagLabel?: string;
     /**
      * @optional
      *
      * @description
      *
-     * Nesta propriedade deve ser informada a URL do serviço em que será utilizado para realizar o filtro de itens do
-     * menu quando realizar uma busca. Caso haja a necessidade de customização, pode ser informado um
-     * serviço implementando a interface `PoMenuFilter`.
-     *
-     * Caso utilizada uma URL, o serviço deve retornar os dados conforme o
-     * [Guia de implementação de APIs](https://po-ui.io/guides/api) do PO UI.
-     *
-     * Quando utilizada uma URL de serviço, será realizado um *GET* na URL informada, passando o valor digitado
-     * no parâmetro `search`, veja exemplo:
-     *
-     * > O filtro no serviço será realizado caso contenha no mínimo três caracteres no campo de busca, por exemplo `tot`.
-     *
-     * ```
-     * <po-menu p-service="/api/v1/fnd/menu">
-     * </po-menu>
+     * Define o tipo da `p-tag`, conforme o enum **PoTagType**.
      *
-     * Requisição: GET /api/v1/fnd/menu?search=contas
-     * ```
+     * Valores válidos:
+     *  - `success`: cor verde utilizada para simbolizar sucesso ou êxito.
+     *  - `warning`: cor amarela que representa aviso ou advertência.
+     *  - `danger`: cor vermelha para erro ou aviso crítico.
+     *  - `info`: cor azul claro que caracteriza conteúdo informativo.
+     *  - `neutral`: cor cinza claro para uso geral.
      *
-     * > É necessário que propriedade `p-filter` esteja habilitada.
+     * @default `success`
      */
-    set service(value: string | PoMenuFilter);
-    get service(): string | PoMenuFilter;
+    tagType: PoTagType | string;
     /**
      * @optional
      *
      * @description
      *
-     * Deve ser informado um objeto que deseja-se utilizar na requisição de filtro dos itens de menu.
+     * Define o ícone exibido ao lado do label da `p-tag`.
      *
-     * Caso utilizado um serviço customizado, implementando a interface `PoMenuFilter`, o valor desta propriedade
+     * É possível usar qualquer um dos ícones da [Biblioteca de ícones PO UI](https://po-ui.io/icons), conforme exemplo:
+     * ```
+     * <po-widget p-tag-icon="an an-user"></po-widget>
+     * ```
+     * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
+     * esteja carregada no projeto:
+     * ```
+     * <po-widget p-tag-icon="fa fa-podcast"></po-widget>
+     * ```
+     *
+     * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
+     * ```
+     * <po-widget [p-tag-icon]="template"></po-widget>
+     *
+     * <ng-template #template>
+     *   <i class="fa fa-podcast" style="font-size: inherit;"></i>
+     * </ng-template>
+     * ```
+     * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
+     */
+    tagIcon: string | TemplateRef<void>;
+    /**
+     * @optional
+     *
+     * @description
+     * Define o posicionamento da `po-tag` no cabeçalho do Widget:
+     * - `right`: posicionada no canto superior direito do cabeçalho.
+     * - `top`: posicionada à esquerda, acima do título (quando houver).
+     * - `bottom`: posicionada à esquerda, abaixo do título (quando houver).
+     *
+     * @default `right`
+     */
+    tagPosition: i0.InputSignalWithTransform<string, string>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Lista de ações exibidas no header do componente.
+     * As propriedades das ações seguem a interface `PoPopupAction`.
+     */
+    actions: Array<PoPopupAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos botões do componente:
+     * - `small`: altura de 32px (disponível apenas para acessibilidade AA).
+     * - `medium`: altura de 44px.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o avatar a ser exibido à esquerda no Widget.
+     */
+    avatar: i0.InputSignalWithTransform<PoWidgetAvatar, PoWidgetAvatar>;
+    /**
+     * @docsPrivate
+     *
+     * @description
+     *
+     * Uso **interno** do `po-list-view`. Define um subtítulo exibido no header,
+     * abaixo do título.
+     */
+    subtitle: i0.InputSignal<string>;
+    /**
+     * @docsPrivate
+     *
+     * @description
+     *
+     * Uso **interno** do `po-list-view`. Habilita e configura a coluna de seleção
+     * (checkbox/radio) à esquerda do conteúdo.
+     */
+    selection: i0.InputSignal<PoWidgetSelection>;
+    /**
+     * @docsPrivate
+     *
+     * @description
+     *
+     * Uso **interno** do `po-list-view`. Template renderizado como coluna de ação à
+     * direita do conteúdo, centralizado verticalmente (em vez do header).
+     */
+    actionTemplate: i0.InputSignal<TemplateRef<any>>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado quando o usuário clicar no componente.
+     * > Quando este evento está em uso, uma sombra (shadow) é aplicada automaticamente ao componente.
+     */
+    click: EventEmitter<MouseEvent | KeyboardEvent>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado quando a propriedade `p-disabled` for alterada.
+     */
+    onDisabled: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao clicar na ação `p-primary-label`.
+     */
+    primaryAction: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao clicar na ação `p-secondary-label`.
+     */
+    secondaryAction: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     * Evento disparado ao clicar em **Configurações** incluído no menu de ações do header.
+     */
+    setting: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     * Evento disparado ao clicar no título definido em `p-title`.
+     */
+    titleAction: EventEmitter<any>;
+    containerHeight?: string;
+    id: string;
+    private _background?;
+    private _disabled?;
+    private _height?;
+    private _help?;
+    private _noShadow?;
+    private _primary?;
+    private _primaryLabel?;
+    private _title?;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define uma imagem de fundo.
+     * > Se a imagem escolhida intervir na legibilidade do texto contido no `p-widget`,
+     * pode-se utilizar a propriedade `p-primary` em conjunto para que os textos fiquem na cor branca.
+     *
+     */
+    set background(value: string);
+    get background(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Desabilita o componente.
+     *
+     * @default `false`
+     */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a altura do componente.
+     * > Caso não seja informado valor, a propriedade irá assumir o tamanho do conteúdo.
+     */
+    set height(value: number);
+    get height(): number;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Link de ajuda incluído no menu de ações do header.
+     */
+    set help(value: string);
+    get help(): string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Desabilita a sombra do componente quando o mesmo for clicável.
+     * > A sombra é exibida por padrão apenas quando o evento `p-click` está definido.
+     *
+     * @default `true`
+     */
+    set noShadow(value: boolean);
+    get noShadow(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Opção para que o `po-widget` fique em destaque.
+     *
+     * @default `false`
+     */
+    set primary(value: boolean);
+    get primary(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o label e exibe a ação primária no footer do componente.
+     *
+     */
+    set primaryLabel(value: string);
+    get primaryLabel(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Título do componente.
+     *
+     * > Quando o conteúdo exceder o espaço disponível, o texto será truncado com reticências.  O conteúdo completo poderá
+     * ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
+     */
+    set title(value: string);
+    get title(): string;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
+    private transformAvatar;
+    private transformTagPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoWidgetBaseComponent, never, never, { "secondaryLabel": { "alias": "p-secondary-label"; "required": false; }; "dangerPrimaryAction": { "alias": "p-danger-primary-action"; "required": false; }; "dangerSecondaryAction": { "alias": "p-danger-secondary-action"; "required": false; }; "kindPrimaryAction": { "alias": "p-kind-primary-action"; "required": false; }; "kindSecondaryAction": { "alias": "p-kind-secondary-action"; "required": false; }; "tagLabel": { "alias": "p-tag"; "required": false; }; "tagType": { "alias": "p-tag-type"; "required": false; }; "tagIcon": { "alias": "p-tag-icon"; "required": false; }; "tagPosition": { "alias": "p-tag-position"; "required": false; "isSignal": true; }; "actions": { "alias": "p-actions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "avatar": { "alias": "p-avatar"; "required": false; "isSignal": true; }; "subtitle": { "alias": "p-subtitle"; "required": false; "isSignal": true; }; "selection": { "alias": "p-selection"; "required": false; "isSignal": true; }; "actionTemplate": { "alias": "p-action-template"; "required": false; "isSignal": true; }; "background": { "alias": "p-background"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "noShadow": { "alias": "p-no-shadow"; "required": false; }; "primary": { "alias": "p-primary"; "required": false; }; "primaryLabel": { "alias": "p-primary-label"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; }, { "click": "p-click"; "onDisabled": "p-on-disabled"; "primaryAction": "p-primary-action"; "secondaryAction": "p-secondary-action"; "setting": "p-setting"; "titleAction": "p-title-action"; }, never, never, true, never>;
+    static ngAcceptInputType_dangerPrimaryAction: any;
+    static ngAcceptInputType_dangerSecondaryAction: any;
+}
+
+/**
+ * @docsExtends PoWidgetBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-widget-basic" title="PO Widget Basic">
+ *  <file name="sample-po-widget-basic/sample-po-widget-basic.component.html"> </file>
+ *  <file name="sample-po-widget-basic/sample-po-widget-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-widget-labs" title="PO Widget Labs">
+ *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.html"> </file>
+ *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.ts"> </file>
+ *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-widget-finance-dashboard" title="PO Widget - Finance dashboard">
+ *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.html"> </file>
+ *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.ts"> </file>
+ *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-widget-card" title="PO Widget - Card">
+ *  <file name="sample-po-widget-card/sample-po-widget-card.component.html"> </file>
+ *  <file name="sample-po-widget-card/sample-po-widget-card.component.ts"> </file>
+ * </example>
+ *
+ */
+declare class PoWidgetComponent extends PoWidgetBaseComponent implements OnInit, OnChanges, AfterViewInit {
+    protected cd: ChangeDetectorRef;
+    protected poTheme: PoThemeService;
+    popupTarget: any;
+    literals: any;
+    hasContent: boolean;
+    poPopupComponent: PoPopupComponent;
+    buttonPopUp: PoButtonComponent;
+    wrapperInfo: ElementRef;
+    wrapperTitle: ElementRef;
+    tagElement: ElementRef;
+    contentContainer: ElementRef<HTMLElement>;
+    get showTitleAction(): boolean;
+    avatarSrc: i0.Signal<string>;
+    avatarSize: i0.Signal<string>;
+    avatarCustomTemplate: i0.Signal<i0.TemplateRef<any>>;
+    avatarWidthCustomTemplate: i0.Signal<string>;
+    constructor();
+    ngAfterViewInit(): void;
+    get a11Level(): PoThemeA11yEnum;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    hasTitleHelpOrSetting(): boolean;
+    onClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * @docsPrivate
+     *
+     * Uso interno (po-list-view): propaga a mudança da coluna de seleção.
+     */
+    protected onSelectionChange(selected: boolean): void;
+    openHelp(): void;
+    runPrimaryAction(): void;
+    runSecondaryAction(): void;
+    runTitleAction(event: MouseEvent): void;
+    setHeight(height: number): void;
+    settingOutput(): void;
+    togglePopup(targetRef: any, event: any): void;
+    showTooltip(): boolean;
+    closePopUp(): void;
+    private checkDefaultActions;
+    private updateContent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoWidgetComponent, "po-widget", never, {}, {}, never, ["*"], false, never>;
+}
+
+/**
+ * @description
+ *
+ * Módulo do componente po-widget
+ */
+declare class PoWidgetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoWidgetModule, [typeof PoWidgetComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof PoAvatarModule, typeof PoButtonModule, typeof PoCheckboxModule, typeof PoContainerModule, typeof PoIconModule, typeof PoPopupModule, typeof PoRadioModule, typeof PoTagModule, typeof PoTooltipModule], [typeof PoWidgetComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PoWidgetModule>;
+}
+
+/**
+ * @description
+ *
+ * Módulo do componente `po-list-view`.
+ *
+ */
+declare class PoListViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoListViewModule, [typeof PoListViewComponent, typeof PoListViewContentTemplateDirective, typeof PoListViewDetailTemplateDirective], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.RouterModule, typeof PoButtonModule, typeof PoIconModule, typeof PoPopupModule, typeof PoModalModule, typeof PoCheckboxModule, typeof PoRadioModule, typeof PoContainerModule, typeof PoWidgetModule, typeof PoProgressCircleComponent], [typeof PoListViewComponent, typeof PoListViewContentTemplateDirective, typeof PoListViewDetailTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PoListViewModule>;
+}
+
+declare class PoLogoComponent {
+    poLanguageService: PoLanguageService;
+    readonly literals: any;
+    private _logo?;
+    private _logoAlt;
+    private _link;
+    /**
+     * Define uma classe para o elemento `img` do componente.
+     *
+     * > **Importante**
+     * > A classe deve ser definida apenas quando houver necessidade de ajustar o componente dentro de outro componente.
+     *
+     */
+    className: string;
+    /**
+     * Define se o componente terá o elemento âncora para uma rota específica.
+     *
+     * > Caso seja definido como false, o componente apenas renderizará o elemento `img`.
+     * > Caso seja definido como true, a rota será `./`.
+     * > Caso seja definido como string, a rota será a string passada.
+     *
+     * @default `true`
+     */
+    set link(value: boolean | string);
+    get link(): boolean | string;
+    /**
+     * Definie o caminho para a imagem, que será exibida como logomarca.
+     *
+     */
+    set logo(value: string);
+    get logo(): string;
+    /**
+     * Define o texto alternativo para a logomarca.
+     *
+     * > **Importante**
+     * > Caso esta propriedade não seja definida o texto padrão será "Logomarca início".
+     */
+    set logoAlt(value: string);
+    get logoAlt(): string;
+    constructor(poLanguageService: PoLanguageService);
+    private maxLength;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoLogoComponent, "po-logo", never, { "className": { "alias": "p-class"; "required": false; }; "link": { "alias": "p-link"; "required": false; }; "logo": { "alias": "p-logo"; "required": false; }; "logoAlt": { "alias": "p-logo-alt"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class PoLogoModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoLogoModule, [typeof PoLogoComponent], [typeof i2.CommonModule], [typeof PoLogoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PoLogoModule>;
+}
+
+/**
+ * @usedBy PoMenuComponent
+ *
+ * @description
+ *
+ * Interface do objeto que deve conter na coleção de itens filtrados no componente `po-menu`.
+ */
+interface PoMenuItemFiltered {
+    /** Texto do item de menu. */
+    label: string;
+    /** *Link* para redirecionamento no clique do item do menu, podendo ser um *link* interno ou externo. */
+    link: string;
+    /** Ação a ser executada quando o item de menu for clicado. */
+    action: () => void;
+}
+
+/**
+ * @usedBy PoMenuComponent
+ *
+ * @description
+ *
+ * Interface do serviço utilizado no componente `po-menu`.
+ */
+interface PoMenuFilter {
+    /**
+     * Método responsável por retornar um *Observable* que retorne uma lista de objetos que seguem a interface `PoMenuItemFiltered`.
+     * Será informado por parâmetro o valor a ser pesquisado e as informações adicionais preenchidas através da propriedade `p-params`.
+     *
+     * @param {string} search Valor informado no campo de busca dos itens de menus.
+     * @param {any} params Valor informado através da propriedade `p-params`.
+     */
+    getFilteredData(search: string, params?: any): Observable<Array<PoMenuItemFiltered>>;
+}
+
+/**
+ * @usedBy PoMenuComponent
+ *
+ * @description
+ *
+ * Interface do *badge* utilizado no `po-menu`.
+ */
+interface PoMenuItemBadge {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a cor do *badge* e aceita os valores:
+     *
+     * <span class="dot po-color-01"></span> `color-01`
+     *
+     * <span class="dot po-color-02"></span> `color-02`
+     *
+     * <span class="dot po-color-03"></span> `color-03`
+     *
+     * <span class="dot po-color-04"></span> `color-04`
+     *
+     * <span class="dot po-color-05"></span> `color-05`
+     *
+     * <span class="dot po-color-06"></span> `color-06`
+     *
+     * <span class="dot po-color-07"></span> `color-07`
+     *
+     * <span class="dot po-color-08"></span> `color-08`
+     *
+     * <span class="dot po-color-09"></span> `color-09`
+     *
+     * <span class="dot po-color-10"></span> `color-10`
+     *
+     * <span class="dot po-color-11"></span> `color-11`
+     *
+     * <span class="dot po-color-12"></span> `color-12`
+     *
+     * @default `color-07`
+     */
+    color?: string;
+    /**
+     * @description
+     *
+     * Número exibido no *badge*, caso o mesmo seja maior que **9** o mesmo exibe **9+**.
+     */
+    value: number;
+}
+
+/**
+ * @usedBy PoMenuComponent
+ *
+ * @description
+ *
+ * Interface para os itens de menu do componente po-menu.
+ *
+ */
+interface PoMenuItem {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Badge do item de menu.
+     *
+     * Ao adicioná-lo em um subitem (filho) todos os itens ascendentes (pai) serão marcados com um ponto vermelho.
+     *
+     * > O `po-badge` só será exibido caso o item do menu não possua `subItems` e seu valor seja maior ou igual a 0.
+     */
+    badge?: PoMenuItemBadge;
+    /** Texto do item de menu. */
+    label: string;
+    /** Link para redirecionamento no click do item do menu, podendo ser um link interno ou externo. */
+    link?: string;
+    /** Ação personalizada para clique do item de menu. */
+    action?: Function;
+    /**
+     * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo:
+     * ```
+     * <po-menu
+     *  [p-menus]="[{ link: '/', label: 'PO ICON', icon: 'an an-newspaper' }]">
+     * </po-menu>
+     * ```
+     *
+     * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca Font Awesome, da seguinte forma:
+     * ```
+     * <po-menu
+     *  [p-menus]="[{ link: '/', label: 'FA ICON', icon: 'fa fa-podcast' }]">
+     * </po-menu>
+     * ```
+     *
+     * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
+     * component.html:
+     * ```
+     * <ng-template #iconTemplate>
+     *   <ion-icon name="heart"></ion-icon>
+     * </ng-template>
+     *
+     * <po-menu [p-menus]="myProperty"></po-menu>
+     * ```
+     * component.ts:
+     * ```
+     * @ViewChild('iconTemplate', { static: true } ) iconTemplate : TemplateRef<void>;
+     *
+     * myProperty = [
+     *  {
+     *    link: '/',
+     *    label: 'Icon',
+     *    icon: this.iconTemplate
+     *  }
+     * ];
+     * ```
+     * > São exibidos apenas no primeiro nível de menu e serão visíveis apenas se todos os itens de primeiro nível possuírem ícones.
+     * O menu colapsado também aparecerá somente se todos os itens de primeiro nível de menu possuírem ícones e textos curtos.
+     */
+    icon?: string | TemplateRef<void>;
+    /**
+     * Texto curto exibido através de um tooltip para o item que aparece quando o menu estiver colapsado.
+     * Se colapsado, aparecerá somente se todos os itens de primeiro nível de menu que possuírem ícones e textos curtos.
+     */
+    shortLabel?: string;
+    /** Lista de sub-items, criando novos níveis dentro do menu. O número máximo de níveis do menu é igual a 4. */
+    subItems?: Array<PoMenuItem>;
+    id?: string;
+    level?: any;
+    badgeAlert?: any;
+    type?: any;
+}
+
+declare class PoMenuGlobalService {
+    private readonly applicationMenu;
+    private readonly menus;
+    private readonly removedApplicationMenu;
+    private readonly menuId;
+    private readonly menuChanges;
+    receiveApplicationMenu$: Observable<PoMenuComponent>;
+    receiveMenus$: Observable<PoMenuItem[]>;
+    receiveId$: Observable<string>;
+    receiveOnChange$: Observable<PoMenuItem[]>;
+    receiveRemovedApplicationMenu$: Observable<string>;
+    sendApplicationMenu(menu: PoMenuComponent): void;
+    sendMenus(menus: Array<PoMenuItem>): void;
+    sendId(id: string): void;
+    sendChanges(menus: Array<PoMenuItem>): void;
+    sendRemovedApplicationMenu(id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoMenuGlobalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PoMenuGlobalService>;
+}
+
+/**
+ * @docsPrivate
+ *
+ * @description
+ *
+ * Serviço que implementa a interface `PoMenuFilter`, utilizado para fazer requisições ao serviço informado pelo usuário,
+ * caso for uma URL, no componente `po-menu`.
+ */
+declare class PoMenuService implements PoMenuFilter {
+    private readonly http;
+    private _url;
+    get url(): string;
+    configProperties(url: string): void;
+    getFilteredData(search: string, params?: any): Observable<Array<PoMenuItemFiltered>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoMenuService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PoMenuService>;
+}
+
+/**
+ * @description
+ *
+ * Este é um componente de menu lateral que é utilizado para navegação nas páginas de uma aplicação.
+ *
+ * O componente po-menu recebe uma lista de objetos do tipo `MenuItem` com as informações dos itens de menu como
+ * textos, links para redirecionamento, ações, até 4 níveis de menu e ícones para o primeiro nível de menu.
+ *
+ * #### Tokens customizáveis
+ *
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
+ *
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
+ *
+ * | Propriedade                            | Descrição                                             | Valor Padrão                                    |
+ * |----------------------------------------|-------------------------------------------------------|-------------------------------------------------|
+ * | **Default Values**                     |                                                       |                                                 |
+ * | `--border-radius`                      | Contém o valor do raio dos cantos do elemento&nbsp;   | `var(--border-radius-md)`                       |
+ * | `--border-color`                       | Cor da borda                                          | `var(--color-neutral-light-20)`                 |
+ * | `--background-color`                   | Cor de background                                     | `Var(----color-neutral-light-05)`               |
+ * | **Menu Footer**                        |                                                       |                                                 |
+ * | `--color`                              | Cor principla do menu footer                          | `var(--color-action-default)`                   |
+ * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-default)`                      |
+ * | `--line-height`                        | Tamanho da label                                      | `var(--line-height-md)`                         |
+ * | `--outline-color-focused`              | Cor do outline do estado de focus                     | `var(--color-action-focus)`                     |
+ * | `--font-weight-lvl0`                   | Peso da fonte                                         | `var(--font-weight-bold)`                       |
+ * | **po-menu-item**                       |                                                       |                                                 |
+ * | `--font-family`                        | Família tipográfica usada                             | `var(--font-family-theme)`                      |
+ * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-default)`                      |
+ * | `--line-height`                        | Tamanho da label                                      | `var(--line-height-md)`                         |
+ * | `--border-radius`                      | Contém o valor do raio dos cantos do elemento&nbsp;   | `var(--border-radius-md)`                       |
+ * | `--color`                              | Cor principal do item                                 | `var(--color-action-default)`                   |
+ * | `--background-color`                   | Cor do background                                     | `transparent`                                   |
+ * | **Hover**                              |                                                       |                                                 |
+ * | `--color-hover`                        | Cor principal no estado hover                         | `var(--color-brand-01-darkest)`                 |
+ * | `--background-color-hover`             | Cor de background no estado hover                     | `var(--color-brand-01-lighter)`                 |
+ * | **Focused**                            |                                                       |                                                 |
+ * | `--outline-color-focused`              | Cor do outline do estado de focus                     | `var(--color-action-focus)`                     |
+ * | **Pressed**                            |                                                       |                                                 |
+ * | `--background-color-pressed` &nbsp;    | Cor de background no estado de pressionado&nbsp;      | `var(--color-brand-01-light)`                   |
+ * | **Actived**                            |                                                       |                                                 |
+ * | `--background-color-actived`           | Cor de background no estado actived                   | `var(--color-brand-01-darkest)`                 |
+ * | `--color-actived`                      | Cor principal no estado actived                       | `var(--color-brand-01-lighter)`                 |
+ * | **Font**                               |                                                       |                                                 |
+ * | `--font-weight-lvl0`                   | Peso da fonte bold                                    | `var(--font-weight-bold)`                       |
+ * | `--font-weight-lvl1`                   | Peso da fonte                                         | `var(--font-weight-normal)`                     |
+ *
+ * <br>
+ */
+declare abstract class PoMenuBaseComponent {
+    menuGlobalService: PoMenuGlobalService;
+    menuService: PoMenuService;
+    languageService: PoLanguageService;
+    allowIcons: boolean;
+    allowCollapseMenu: boolean;
+    allowCollapseHover: boolean;
+    filteredItems: any;
+    filterService: PoMenuFilter;
+    readonly literals: any;
+    private _collapsed;
+    private _componentsSize;
+    private _initialComponentsSize;
+    private _filter;
+    private _searchTreeItems;
+    private _level;
+    private readonly _maxLevel;
+    private _menus;
+    private _params;
+    private _service;
+    private _logoLink;
+    private _menuId;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Expande e Colapsa (retrai) o menu automaticamente.
+     *
+     * @default `false`
+     */
+    automaticToggle: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido toda vez que o estado do menu muda, enviando `true` quando expandido e `false` quando colapsado.
+     *
+     * ```html
+     * <po-menu (p-toggle)="onMenuToggle($event)"></po-menu>
+     * ```
+     */
+    toggleChange: i0.OutputEmitterRef<boolean>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Colapsa (retrai) o menu e caso receba o valor `false` expande o menu.
+     *
+     * > Utilize esta propriedade para iniciar o menu colapsado.
+     *
+     * > Ao utilizar os métodos [`colapse`](documentation/po-menu#colapseMethod), [`expand`](documentation/po-menu#expandMethod) e
+     * [`toggle`](documentation/po-menu#toggleMethod) o valor desta propriedade não é alterado.
+     *
+     * **Importante:**
+     *
+     * > O menu será colapsado/expandido apenas se todos os itens de menu tiverem valor nas propriedades `icon` e `shortLabel`.
+     *
+     * @default `false`
+     */
+    set collapsed(collapsed: boolean);
+    get collapsed(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no menu:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value: string);
+    get componentsSize(): string;
+    /** Lista dos itens do menu. Se o valor estiver indefinido ou inválido, será inicializado como um array vazio. */
+    set menus(menus: Array<PoMenuItem>);
+    get menus(): Array<PoMenuItem>;
+    get maxLevel(): number;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Habilita um campo para pesquisa no menu.
+     * A pesquisa é realizada em todos os níveis do menu e busca apenas pelos itens que contém uma ação e/ou link definidos,
+     * ou também, pode ser realizada através de um serviço definido na propriedade `p-service`.
+     *
+     * > O campo de pesquisa é desabilitado se o menu estiver colapsado.
+     *
+     * @default `false`
+     */
+    set filter(filter: boolean);
+    get filter(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Quando ativado, a pesquisa também retornará itens agrupadores além dos itens que contêm uma ação e/ou link definidos.
+     * Isso pode ser útil quando se deseja encontrar rapidamente categorias ou seções do menu.
+     *
+     * > É necessário que a propriedade `p-filter` esteja habilitada.
+     *
+     * @default `false`
+     */
+    set searchTreeItems(searchTreeItems: boolean);
+    get searchTreeItems(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Nesta propriedade deve ser informada a URL do serviço em que será utilizado para realizar o filtro de itens do
+     * menu quando realizar uma busca. Caso haja a necessidade de customização, pode ser informado um
+     * serviço implementando a interface `PoMenuFilter`.
+     *
+     * Caso utilizada uma URL, o serviço deve retornar os dados conforme o
+     * [Guia de implementação de APIs](https://po-ui.io/guides/api) do PO UI.
+     *
+     * Quando utilizada uma URL de serviço, será realizado um *GET* na URL informada, passando o valor digitado
+     * no parâmetro `search`, veja exemplo:
+     *
+     * > O filtro no serviço será realizado caso contenha no mínimo três caracteres no campo de busca, por exemplo `tot`.
+     *
+     * ```
+     * <po-menu p-service="/api/v1/fnd/menu">
+     * </po-menu>
+     *
+     * Requisição: GET /api/v1/fnd/menu?search=contas
+     * ```
+     *
+     * > É necessário que propriedade `p-filter` esteja habilitada.
+     */
+    set service(value: string | PoMenuFilter);
+    get service(): string | PoMenuFilter;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Deve ser informado um objeto que deseja-se utilizar na requisição de filtro dos itens de menu.
+     *
+     * Caso utilizado um serviço customizado, implementando a interface `PoMenuFilter`, o valor desta propriedade
      * será passado como parâmetro, na função `getFilteredData`.
      *
      * Quando utilizada uma URL de serviço, será realizado um *GET* na URL informada, passando os valores informados
@@ -38463,863 +39906,140 @@ declare class PoToolbarModule {
  * @usedBy PoTreeViewComponent
  *
  * @description
- *
- * Interface para definição dos itens do componente `po-tree-view`.
- */
-interface PoTreeViewItem {
-    /** Desabilita a selecão do item. */
-    /** Texto de exibição do item. */
-    label: string;
-    /** Valor do item que poderá ser utilizado como referência para sua identificação. */
-    value: string | number;
-    /** Expande o item. */
-    expanded?: boolean;
-    /**
-     * Marca o item como selecionado.
-     *
-     * > Caso o item que conter `subItems` for selecionado, os seus itens filhos serão também selecionados.
-     */
-    selected?: boolean | null;
-    /**
-     * Permite ativar/desativar a seleção do item
-     */
-    isSelectable?: boolean | null;
-    /** Lista de itens do próximo nível, e assim consecutivamente até que se atinja o quarto nível. */
-    subItems?: Array<PoTreeViewItem>;
-}
-
-/**
- * @description
- *
- * O componente fornece um modelo de visualização em árvore, possibilitando a visualização das informações de maneira
- * hierárquica, desta forma sendo possível utilizar até 4 níveis.
- *
- * Nele é possível navegar entre os itens através da tecla *tab*, permitindo expandir ou colapsar o item em foco
- * por meio das teclas *enter* e *space*.
- *
- * Além da navegação, o componente possibilita também a seleção dos itens do primeiro ao último nível, tanto de forma parcial como completa.
- *
- * O componente também possui eventos disparados ao marcar/desmarcar e expandir/colapsar os itens.
- */
-declare class PoTreeViewBaseComponent {
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Ação que será disparada ao colapsar um item.
-     *
-     * > Como parâmetro o componente envia o item colapsado.
-     */
-    collapsed: EventEmitter<PoTreeViewItem>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Ação que será disparada ao expandir um item.
-     *
-     * > Como parâmetro o componente envia o item expandido.
-     */
-    expanded: EventEmitter<PoTreeViewItem>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Ação que será disparada ao selecionar um item.
-     *
-     * > Como parâmetro o componente envia o item selecionado.
-     */
-    selected: EventEmitter<PoTreeViewItem>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Ação que será disparada ao desfazer a seleção de um item.
-     *
-     * > Como parâmetro o componente envia o item que foi desmarcado.
-     */
-    unselected: EventEmitter<PoTreeViewItem>;
-    private _componentsSize;
-    private _initialComponentsSize;
-    private _items;
-    private _selectable;
-    private _maxLevel;
-    private _singleSelect;
-    selectedValue: string | number;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o tamanho dos componentes de formulário:
-     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
-     * - `medium`: aplica a medida medium de cada componente.
-     *
-     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
-     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
-     *
-     * @default `medium`
-     */
-    set componentsSize(value: string);
-    get componentsSize(): string;
-    /**
-     * Lista de itens do tipo `PoTreeViewItem` que será renderizada pelo componente.
-     */
-    inputedItems: Array<PoTreeViewItem>;
-    set items(value: Array<PoTreeViewItem>);
-    get items(): Array<PoTreeViewItem>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Habilita uma caixa de seleção para selecionar e/ou desmarcar um item da lista.
-     *
-     * @default false
-     */
-    set selectable(value: boolean);
-    get selectable(): boolean;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Habilita a seleção para item único atráves de po-radio.
-     *
-     * @default false
-     */
-    set singleSelect(value: boolean);
-    get singleSelect(): boolean;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o máximo de níveis para o tree-view.
-     *
-     * > O valor padrão é 4
-     *
-     * @default 4
-     */
-    set maxLevel(value: number);
-    get maxLevel(): number;
-    protected onThemeChange(): void;
-    protected emitExpanded(treeViewItem: PoTreeViewItem): void;
-    protected emitSelected(treeViewItem: PoTreeViewItem): void;
-    private addChildItemInParent;
-    private addItem;
-    private selectAllItems;
-    private selectItemBySubItems;
-    private everyItemSelected;
-    private expandParentItem;
-    private getItemsByMaxLevel;
-    private getItemsWithParentSelected;
-    private updateItemsOnSelect;
-    private applySizeBasedOnA11y;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTreeViewBaseComponent, never, never, { "componentsSize": { "alias": "p-components-size"; "required": false; }; "inputedItems": { "alias": "p-items"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "maxLevel": { "alias": "p-max-level"; "required": false; }; }, { "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "unselected": "p-unselected"; }, never, never, true, never>;
-}
-
-/**
- * @docsExtends PoTreeViewBaseComponent
- *
- * @example
- *
- * <example name="po-tree-view-basic" title="PO Tree View Basic">
- *  <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.html"> </file>
- *  <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.ts"> </file>
- * </example>
- *
- * <example name="po-tree-view-labs" title="PO Tree View Labs">
- *  <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.html"> </file>
- *  <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.ts"> </file>
- * </example>
- *
- * <example name="po-tree-view-folder-structure" title="PO Tree View - Folder Structure">
- *  <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.html"> </file>
- *  <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.ts"> </file>
- * </example>
- *
- * <example name="po-tree-view-supermarket" title="PO Tree View - Supermarket">
- *  <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.html"> </file>
- *  <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.ts"> </file>
- * </example>
- */
-declare class PoTreeViewComponent extends PoTreeViewBaseComponent implements OnInit, OnChanges {
-    private readonly treeViewService;
-    get hasItems(): boolean;
-    ngOnInit(): void;
-    ngOnChanges(changes?: SimpleChanges): void;
-    trackByFunction(index: number): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewComponent, "po-tree-view", never, {}, {}, never, never, false, never>;
-}
-
-declare class PoTreeViewItemComponent {
-    private readonly treeViewService;
-    componentsSize: string;
-    item: PoTreeViewItem;
-    selectable: boolean;
-    singleSelect: boolean;
-    selectedValue: string | number;
-    get hasSubItems(): boolean;
-    onClick(event: MouseEvent): void;
-    onSelect(selectedItem: PoTreeViewItem): void;
-    trackByFunction(index: number): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewItemComponent, "po-tree-view-item", never, { "componentsSize": { "alias": "p-components-size"; "required": false; }; "item": { "alias": "p-item"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "selectedValue": { "alias": "p-selected-value"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class PoTreeViewItemHeaderComponent {
-    inputCheckbox: any;
-    componentsSize: string;
-    item: PoTreeViewItem;
-    selectable: boolean;
-    singleSelect: boolean;
-    expanded: EventEmitter<MouseEvent>;
-    selected: EventEmitter<any>;
-    selectedValue: string | number;
-    idRadio: string;
-    get hasSubItems(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewItemHeaderComponent, "po-tree-view-item-header", never, { "componentsSize": { "alias": "p-components-size"; "required": false; }; "item": { "alias": "p-item"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "selectedValue": { "alias": "p-selected-value"; "required": false; }; }, { "expanded": "p-expanded"; "selected": "p-selected"; }, never, never, false, never>;
-}
-
-/**
- * @description
- *
- * Módulo do componente `po-tree-view`.
- *
- * > Para o correto funcionamento do componente `po-tree-view`, deve ser importado o módulo `BrowserAnimationsModule` no
- * > módulo principal da sua aplicação.
- *
- * Módulo da aplicação:
- * ```
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- * import { PoModule } from '@po-ui/ng-components';
- * ...
- *
- * @NgModule({
- *   imports: [
- *     BrowserModule,
- *     BrowserAnimationsModule,
- *     ...
- *     PoModule
- *   ],
- *   declarations: [
- *     AppComponent,
- *     ...
- *   ],
- *   providers: [],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule { }
- * ```
- *
- * Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
- *
- * ```
- * import { bootstrapApplication } from '@angular/platform-browser';
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- * import { AppComponent } from './app.component';
- *
- * bootstrapApplication(AppComponent, {
- *   providers: [importProvidersFrom(BrowserAnimationsModule)]
- * }).catch(err => console.error(err));
- * ```
- */
-declare class PoTreeViewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoTreeViewModule, [typeof PoTreeViewComponent, typeof PoTreeViewItemComponent, typeof PoTreeViewItemHeaderComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof PoContainerModule, typeof PoFieldModule, typeof PoIconModule], [typeof PoTreeViewComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PoTreeViewModule>;
-}
-
-/**
- * @usedBy PoWidgetComponent
- *
- * @description
- *
- * Interface para definição do avatar no `po-widget`.
- */
-interface PoWidgetAvatar {
-    /**
-     * Fonte da imagem que pode ser um caminho local (`./assets/images/logo-black-small.png`)
-     * ou um servidor externo (`https://po-ui.io/assets/images/logo-black-small.png`).
-     */
-    src?: string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Tamanho de exibição do componente `po-avatar`.
-     *
-     * Valores válidos:
-     *  - `xs` (24x24)
-     *  - `sm` (32x32)
-     *  - `md` (64x64)
-     *  - `lg` (96x96)
-     *  - `xl` (144x144)
-     *
-     * @default `md`
-     */
-    size?: string;
-    /**
-     * Permite a criação de template customizado para o avatar
-     *
-     * ```
-     * <po-widget
-     *  [p-avatar]="{ customTemplate: customAvatar }"
-     * />
-     *
-     * <ng-template #customAvatar>
-     *   ...
-     * </ng-template>
-     * ```
-     */
-    customTemplate?: TemplateRef<any>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define a largura em porcentagem do `customTemplate`.
-     *
-     * O valor máximo aceito é `50%`.
-     */
-    widthCustomTemplate?: string;
-}
-
-/**
- *
- * @description
- *
- * O componente `po-widget` é recomendado para exibição de *dashboards*, podendo ser utilizado
- * para incluir vários tipos de conteúdo como: gráficos, tabelas, grids e imagens.
- *
- * Além da exibição de conteúdos, este componente possibilita adicionar ações e um link
- * para ajuda, como também possibilita ser utilizado com ou sem sombra.
- *
- * Para controlar sua largura, é possível utilizar o [Grid System](/guides/grid-system) para um maior
- * controle de seu redimensionamento, assim possibilitando o tratamento para diferentes resoluções.
- *
- * #### Boas práticas
- *
- * Utilize um tamanho mínimo de largura de aproximadamente `18.75rem` no componente.
- *
- * #### Acessibilidade tratada no componente
- *
- * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas. São elas:
- * - Utiliza medidas relativas, para se adequar às preferências e necessidades de quem for utilizar o sistema.
- * - Desenvolvido com uso de controles padrões HTML, o que permite a identificação na interface por tecnologias assistivas. (WCAG [4.1.2: Name, Role, Value](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value))
- * - O foco é visível e possui uma espessura superior a 2 pixels CSS, não ficando escondido por outros elementos da tela. (WCAG [2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced))
- * - Quando selecionável, prevê interação por teclado, podendo ser selecionado através da tecla space (WCAG [2.4.1 - Keyboard](https://www.w3.org/WAI/WCAG21/Understanding/keyboard))
- *
- * #### Tokens customizáveis
- *
- * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
- *
- * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
- *
- * | Propriedade                                  | Descrição                                                        | Valor Padrão                                                                |
- * |----------------------------------------------|------------------------------------------------------------------|-----------------------------------------------------------------------------|
- * | **Default Values**                           |                                                                  |                                                                             |
- * | `--font-family`                              | Família tipográfica usada                                        | `var(--font-family-theme) `                                                 |
- * | `--font-size`                                | Tamanho da fonte                                                 | `var(--font-size-sm)`                                                       |
- * | `--font-weight`                              | Peso da fonte                                                    | `var(--font-weight-bold)`                                                   |
- * | `--font-color`                               | Cor da fonte                                                     | `var(--color-neutral-dark-95)`                                              |
- * | `--padding` - `@deprecated 21.x.x`           | Preenchimento do componente                                      | `1rem`                                                                      |
- * | `--padding-header`                           | Preenchimento do header                                          | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
- * | `--padding-body`                             | Preenchimento do body                                            | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
- * | `--padding-avatar`                           | Preenchimento do avatar                                          | `var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm)`                   |
- * | `--padding-footer`                           | Preenchimento do footer                                          | `var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)`   |
- * | `--border-radius`                            | Contém o valor do raio dos cantos do elemento&nbsp;              | `var(--border-radius-md)`                                                   |
- * | `--border-width`                             | Contém o valor da largura dos cantos do elemento&nbsp;           | `var(--border-width-sm)`                                                    |
- * | `--border-color`                             | Cor da borda                                                     | `var(--color-neutral-light-20)`                                             |
- * | `--background`                               | Cor de background                                                | `var(--color-neutral-light-00)`                                             |
- * | `--shadow`                                   | Contém o valor da sombra do elemento                             | `var(--shadow-md)`                                                          |
- * | **Hover**                                    |                                                                  |                                                                             |
- * | `--border-color-hover`                       | Cor da borda no estado hover                                     | `var(--color-action-hover)`                                                 |
- * | **Focused**                                  |                                                                  |                                                                             |
- * | `--color-focused`                            | Cor principal no estado de focus                                 | `var(--color-action-default)`                                               |
- * | `--outline-color-focused` &nbsp;             | Cor do outline do estado de focus                                | `var(--color-action-focus)`                                                 |
- *
- */
-declare class PoWidgetBaseComponent {
-    private _size?;
-    private _initialSize?;
-    /** Descrição da segunda ação. */
-    /**
-     * @optional
-     *
-     * @description
-     * Define o label e exibe a ação secundária no footer do componente.
-     *
-     * > Exibida apenas quando `p-primary-label` estiver definida.
-     */
-    secondaryLabel?: string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Caso verdadeiro o botão da ação `p-primary-label` ativará o modo `danger`.
-     *
-     * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
-     *
-     * @default `false`
-     */
-    dangerPrimaryAction: boolean;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Caso verdadeiro o botão da ação `p-secondary-label` ativará o modo `danger`.
-     *
-     * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
-     *
-     * @default `false`
-     */
-    dangerSecondaryAction: boolean;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o estilo do botão da ação `p-primary-label`, conforme o enum `PoButtonKind`.
-     *
-     * @default `tertiary`
-     */
-    kindPrimaryAction?: string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o estilo do botão da ação `p-secondary-label`, conforme o enum `PoButtonKind`.
-     *
-     * @default `tertiary`
-     */
-    kindSecondaryAction?: string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Label da tag exibida no header.
-     *
-     * > Quando a tag atingir uma largura máxima de 15rem (240px), será truncado com reticências.
-     * O conteúdo completo poderá ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
-     */
-    tagLabel?: string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o tipo da `p-tag`, conforme o enum **PoTagType**.
-     *
-     * Valores válidos:
-     *  - `success`: cor verde utilizada para simbolizar sucesso ou êxito.
-     *  - `warning`: cor amarela que representa aviso ou advertência.
-     *  - `danger`: cor vermelha para erro ou aviso crítico.
-     *  - `info`: cor azul claro que caracteriza conteúdo informativo.
-     *  - `neutral`: cor cinza claro para uso geral.
-     *
-     * @default `success`
-     */
-    tagType: PoTagType | string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o ícone exibido ao lado do label da `p-tag`.
-     *
-     * É possível usar qualquer um dos ícones da [Biblioteca de ícones PO UI](https://po-ui.io/icons), conforme exemplo:
-     * ```
-     * <po-widget p-tag-icon="an an-user"></po-widget>
-     * ```
-     * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
-     * esteja carregada no projeto:
-     * ```
-     * <po-widget p-tag-icon="fa fa-podcast"></po-widget>
-     * ```
-     *
-     * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
-     * ```
-     * <po-widget [p-tag-icon]="template"></po-widget>
-     *
-     * <ng-template #template>
-     *   <i class="fa fa-podcast" style="font-size: inherit;"></i>
-     * </ng-template>
-     * ```
-     * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
-     */
-    tagIcon: string | TemplateRef<void>;
-    /**
-     * @optional
-     *
-     * @description
-     * Define o posicionamento da `po-tag` no cabeçalho do Widget:
-     * - `right`: posicionada no canto superior direito do cabeçalho.
-     * - `top`: posicionada à esquerda, acima do título (quando houver).
-     * - `bottom`: posicionada à esquerda, abaixo do título (quando houver).
-     *
-     * @default `right`
-     */
-    tagPosition: i0.InputSignalWithTransform<string, string>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Lista de ações exibidas no header do componente.
-     * As propriedades das ações seguem a interface `PoPopupAction`.
-     */
-    actions: Array<PoPopupAction>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o tamanho dos botões do componente:
-     * - `small`: altura de 32px (disponível apenas para acessibilidade AA).
-     * - `medium`: altura de 44px.
-     *
-     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
-     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
-     *
-     * @default `medium`
-     */
-    set size(value: string);
-    get size(): string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o avatar a ser exibido à esquerda no Widget.
-     */
-    avatar: i0.InputSignalWithTransform<PoWidgetAvatar, PoWidgetAvatar>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Evento disparado quando o usuário clicar no componente.
-     * > Quando este evento está em uso, uma sombra (shadow) é aplicada automaticamente ao componente.
-     */
-    click: EventEmitter<MouseEvent | KeyboardEvent>;
+ *
+ * Interface para definição dos itens do componente `po-tree-view`.
+ */
+interface PoTreeViewItem {
     /**
      * @optional
      *
      * @description
      *
-     * Evento disparado quando a propriedade `p-disabled` for alterada.
-     */
-    onDisabled: EventEmitter<any>;
-    /**
-     * @optional
-     *
-     * @description
+     * Desabilita a interação com o item.
      *
-     * Evento disparado ao clicar na ação `p-primary-label`.
-     */
-    primaryAction: EventEmitter<any>;
-    /**
-     * @optional
+     * O estado é aplicado somente ao item em que a propriedade está configurada
+     * e não é propagado para seus `subItems`.
      *
-     * @description
+     * > Itens disabled que não possuem `subItems` são ignorados na navegação por teclado.
+     * Itens disabled que possuem `subItems` continuam participando da navegação, permitindo expandir/recolher.
      *
-     * Evento disparado ao clicar na ação `p-secondary-label`.
+     * @default `false`
      */
-    secondaryAction: EventEmitter<any>;
+    disabled?: boolean;
     /**
      * @optional
      *
      * @description
-     * Evento disparado ao clicar em **Configurações** incluído no menu de ações do header.
-     */
-    setting: EventEmitter<any>;
-    /**
-     * @optional
      *
-     * @description
-     * Evento disparado ao clicar no título definido em `p-title`.
-     */
-    titleAction: EventEmitter<any>;
-    containerHeight?: string;
-    id: string;
-    private _background?;
-    private _disabled?;
-    private _height?;
-    private _help?;
-    private _noShadow?;
-    private _primary?;
-    private _primaryLabel?;
-    private _title?;
-    /**
-     * @optional
+     * Expande o item, exibindo seus `subItems`.
      *
-     * @description
+     * Quando `true`, o item será renderizado no estado expandido.
      *
-     * Define uma imagem de fundo.
-     * > Se a imagem escolhida intervir na legibilidade do texto contido no `p-widget`,
-     * pode-se utilizar a propriedade `p-primary` em conjunto para que os textos fiquem na cor branca.
+     * > Sem efeito em itens que não possuem `subItems`.
      *
+     * @default `false`
      */
-    set background(value: string);
-    get background(): string;
+    expanded?: boolean;
     /**
      * @optional
      *
      * @description
      *
-     * Desabilita o componente.
+     * Permite ativar ou desativar a seleção do item.
      *
-     * @default `false`
+     * Quando `false`, o item não poderá ser selecionado pelo usuário.
+     *
+     * @deprecated v23.x.x use `disabled`
      */
-    set disabled(value: boolean);
-    get disabled(): boolean;
+    isSelectable?: boolean | null;
     /**
-     * @optional
-     *
      * @description
      *
-     * Define a altura do componente.
-     * > Caso não seja informado valor, a propriedade irá assumir o tamanho do conteúdo.
+     * Texto de exibição do item.
+     *
+     * O valor é utilizado como `aria-label` do nó e como referência na navegação por caractere do teclado.
      */
-    set height(value: number);
-    get height(): number;
+    label: string;
     /**
      * @optional
      *
      * @description
      *
-     * Link de ajuda incluído no menu de ações do header.
-     */
-    set help(value: string);
-    get help(): string;
-    /**
-     *
-     * @optional
+     * Marca o item como selecionado.
      *
-     * @description
+     * > Caso o item que possuir `subItems` for selecionado, os seus itens filhos serão também selecionados.
      *
-     * Desabilita a sombra do componente quando o mesmo for clicável.
-     * > A sombra é exibida por padrão apenas quando o evento `p-click` está definido.
+     * Quando utilizado com `p-single-select`, apenas um item pode estar selecionado por vez.
+     * Ao selecionar outro item, o anteriormente selecionado perde o estado.
      *
-     * @default `true`
+     * @default `false`
      */
-    set noShadow(value: boolean);
-    get noShadow(): boolean;
+    selected?: boolean | null;
     /**
      * @optional
      *
      * @description
      *
-     * Opção para que o `po-widget` fique em destaque.
+     * Habilita a exibição de ícone no item.
+     *
+     * Quando `true`, exibe automaticamente:
+     * - `an-folder-simple` para itens agrupadores (que possuem `subItems`).
+     * - `an-file` para itens finais (sem `subItems`).
+     *
+     * > Não funciona em conjunto com `p-selectable`.
+     * Quando `p-selectable` e `showIcon` estiverem configurados como `true`,
+     * `p-selectable` terá precedência.
      *
      * @default `false`
      */
-    set primary(value: boolean);
-    get primary(): boolean;
+    showIcon?: boolean;
     /**
      * @optional
      *
      * @description
      *
-     * Define o label e exibe a ação primária no footer do componente.
+     * Lista de itens do próximo nível, permitindo a construção hierárquica da árvore.
      *
+     * A estrutura pode ser aninhada recursivamente até o limite definido pela propriedade `p-max-level` do componente.
      */
-    set primaryLabel(value: string);
-    get primaryLabel(): string;
+    subItems?: Array<PoTreeViewItem>;
     /**
-     * @optional
-     *
      * @description
      *
-     * Título do componente.
+     * Valor do item utilizado como referência para sua identificação.
      *
-     * > Quando o conteúdo exceder o espaço disponível, o texto será truncado com reticências.  O conteúdo completo poderá
-     * ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
+     * Em modo `p-single-select`, este valor é utilizado para determinar qual item está atualmente selecionado.
      */
-    set title(value: string);
-    get title(): string;
-    protected onThemeChange(): void;
-    private applySizeBasedOnA11y;
-    private transformAvatar;
-    private transformTagPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoWidgetBaseComponent, never, never, { "secondaryLabel": { "alias": "p-secondary-label"; "required": false; }; "dangerPrimaryAction": { "alias": "p-danger-primary-action"; "required": false; }; "dangerSecondaryAction": { "alias": "p-danger-secondary-action"; "required": false; }; "kindPrimaryAction": { "alias": "p-kind-primary-action"; "required": false; }; "kindSecondaryAction": { "alias": "p-kind-secondary-action"; "required": false; }; "tagLabel": { "alias": "p-tag"; "required": false; }; "tagType": { "alias": "p-tag-type"; "required": false; }; "tagIcon": { "alias": "p-tag-icon"; "required": false; }; "tagPosition": { "alias": "p-tag-position"; "required": false; "isSignal": true; }; "actions": { "alias": "p-actions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "avatar": { "alias": "p-avatar"; "required": false; "isSignal": true; }; "background": { "alias": "p-background"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "noShadow": { "alias": "p-no-shadow"; "required": false; }; "primary": { "alias": "p-primary"; "required": false; }; "primaryLabel": { "alias": "p-primary-label"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; }, { "click": "p-click"; "onDisabled": "p-on-disabled"; "primaryAction": "p-primary-action"; "secondaryAction": "p-secondary-action"; "setting": "p-setting"; "titleAction": "p-title-action"; }, never, never, true, never>;
-    static ngAcceptInputType_dangerPrimaryAction: any;
-    static ngAcceptInputType_dangerSecondaryAction: any;
-}
-
-/**
- * @docsExtends PoWidgetBaseComponent
- *
- * @example
- *
- * <example name="po-widget-basic" title="PO Widget Basic">
- *  <file name="sample-po-widget-basic/sample-po-widget-basic.component.html"> </file>
- *  <file name="sample-po-widget-basic/sample-po-widget-basic.component.ts"> </file>
- * </example>
- *
- * <example name="po-widget-labs" title="PO Widget Labs">
- *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.html"> </file>
- *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.ts"> </file>
- *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.css"> </file>
- * </example>
- *
- * <example name="po-widget-finance-dashboard" title="PO Widget - Finance dashboard">
- *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.html"> </file>
- *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.ts"> </file>
- *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.css"> </file>
- * </example>
- *
- * <example name="po-widget-card" title="PO Widget - Card">
- *  <file name="sample-po-widget-card/sample-po-widget-card.component.html"> </file>
- *  <file name="sample-po-widget-card/sample-po-widget-card.component.ts"> </file>
- * </example>
- *
- */
-declare class PoWidgetComponent extends PoWidgetBaseComponent implements OnInit, OnChanges, AfterViewInit {
-    protected cd: ChangeDetectorRef;
-    protected poTheme: PoThemeService;
-    popupTarget: any;
-    literals: any;
-    hasContent: boolean;
-    poPopupComponent: PoPopupComponent;
-    buttonPopUp: PoButtonComponent;
-    wrapperInfo: ElementRef;
-    wrapperTitle: ElementRef;
-    tagElement: ElementRef;
-    contentContainer: ElementRef<HTMLElement>;
-    get showTitleAction(): boolean;
-    avatarSrc: i0.Signal<string>;
-    avatarSize: i0.Signal<string>;
-    avatarCustomTemplate: i0.Signal<i0.TemplateRef<any>>;
-    avatarWidthCustomTemplate: i0.Signal<string>;
-    constructor();
-    ngAfterViewInit(): void;
-    get a11Level(): PoThemeA11yEnum;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnInit(): void;
-    hasTitleHelpOrSetting(): boolean;
-    onClick(event: MouseEvent): void;
-    onKeyDown(event: KeyboardEvent): void;
-    openHelp(): void;
-    runPrimaryAction(): void;
-    runSecondaryAction(): void;
-    runTitleAction(event: MouseEvent): void;
-    setHeight(height: number): void;
-    settingOutput(): void;
-    togglePopup(targetRef: any, event: any): void;
-    showTooltip(): boolean;
-    closePopUp(): void;
-    private checkDefaultActions;
-    private updateContent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoWidgetComponent, "po-widget", never, {}, {}, never, ["*"], false, never>;
-}
-
-/**
- * @description
- *
- * Módulo do componente po-widget
- */
-declare class PoWidgetModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoWidgetModule, [typeof PoWidgetComponent], [typeof i2.CommonModule, typeof PoAvatarModule, typeof PoButtonModule, typeof PoContainerModule, typeof PoIconModule, typeof PoPopupModule, typeof PoTagModule, typeof PoTooltipModule], [typeof PoWidgetComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PoWidgetModule>;
-}
-
-/**
- * @usedBy PoSkeletonComponent
- *
- * @description
- *
- * Define os tipos de animação do componente `po-skeleton`.
- */
-declare enum PoSkeletonAnimation {
-    /** Sem animação */
-    none = "none",
-    /** Animação de pulsação */
-    pulse = "pulse",
-    /** Animação de brilho deslizante */
-    shimmer = "shimmer"
-}
-
-/**
- * @usedBy PoSkeletonComponent
- *
- * @description
- *
- * Define os tamanhos disponíveis para o componente `po-skeleton`.
- */
-declare enum PoSkeletonSize {
-    /** Tamanho extra pequeno */
-    xs = "xs",
-    /** Tamanho pequeno */
-    sm = "sm",
-    /** Tamanho médio */
-    md = "md",
-    /** Tamanho grande */
-    lg = "lg",
-    /** Tamanho extra grande */
-    xl = "xl",
-    /** Tamanho extra extra grande */
-    xxl = "2xl"
+    value: string | number;
 }
 
 /**
- * @usedBy PoSkeletonComponent
- *
  * @description
  *
- * Define os tipos visuais disponíveis para o componente `po-skeleton`.
- */
-declare enum PoSkeletonType {
-    /** Tipo padrão com cor neutra clara */
-    normal = "normal",
-    /** Tipo primário com cor neutra média */
-    primary = "primary",
-    /** Tipo de conteúdo com fundo branco */
-    content = "content"
-}
-
-/**
- * @usedBy PoSkeletonComponent
- *
- * @description
+ * O componente fornece um modelo de visualização em árvore, possibilitando a exibição de informações de maneira
+ * hierárquica com suporte a múltiplos níveis (configurável via `p-max-level`).
  *
- * Define as variantes visuais do componente `po-skeleton`.
- */
-declare enum PoSkeletonVariant {
-    /** Variante para simular texto */
-    text = "text",
-    /** Variante retangular (largura maior que altura) */
-    rectangle = "rectangle",
-    /** Variante quadrada (largura igual à altura) */
-    square = "square",
-    /** Variante circular */
-    circle = "circle"
-}
-
-/**
- * @description
+ * O componente permite:
+ * - Navegação completa por teclado seguindo o padrão WAI-ARIA TreeView;
+ * - Expansão e recolhimento de itens agrupadores;
+ * - Seleção múltipla (checkbox) ou única (radio) dos itens;
+ * - Exibição de ícones automáticos para agrupadores e itens finais;
+ * - Estado desabilitado global ou individual por item;
+ * - Execução de itens finais via clique ou teclado.
  *
- * O componente `po-skeleton` é utilizado para exibir placeholders durante o carregamento de conteúdo,
- * melhorando a experiência do usuário ao indicar que a informação está sendo processada.
+ * #### Navegação por teclado
  *
- * Ele oferece diferentes variantes visuais (texto, retângulo, círculo) e animações (pulse, shimmer)
- * para simular diversos tipos de conteúdo em estado de carregamento.
+ * | Tecla                 | Descrição                                                                                                 |
+ * |-----------------------|-----------------------------------------------------------------------------------------------------------|
+ * | **Tab**               | Entra no componente posicionando o foco no primeiro nó ativo. Ao pressionar novamente, sai do componente. |
+ * | **ArrowDown**         | Move o foco para o próximo nó visível.                                                                    |
+ * | **ArrowUp**           | Move o foco para o nó visível anterior.                                                                   |
+ * | **ArrowRight**        | Se colapsado, expande o nó. Se expandido, move o foco para o nó filho.                                    |
+ * | **ArrowLeft**         | Se expandido, recolhe o nó. Se filho, move o foco para o nó pai.                                          |
+ * | **Home**              | Move o foco para o primeiro nó visível.                                                                   |
+ * | **End**               | Move o foco para o último nó visível.                                                                     |
+ * | **Enter / Space**     | Com `p-selectable`: alterna a seleção do item. Sem `p-selectable`: executa o item final.                  |
+ * | **Caractere**         | Move o foco para o próximo nó cujo label inicia com o caractere pressionado (busca cíclica).              |
  *
  * #### Tokens customizáveis
  *
@@ -39327,245 +40047,301 @@ declare enum PoSkeletonVariant {
  *
  * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
  *
- * | Propriedade                            | Descrição                                            | Valor Padrão                    |
- * |----------------------------------------|------------------------------------------------------|---------------------------------|
- * | **Cores**                              |                                                      |                                 |
- * | `--color`                              | Cor de fundo do skeleton (tipo normal)               | `var(--color-neutral-light-20)` |
- * | `--color-primary`                      | Cor de fundo do skeleton (tipo primary)              | `var(--color-neutral-mid-40)`   |
- * | `--color-content`                      | Cor de fundo do skeleton (tipo content)              | `var(--color-neutral-light-00)` |
- * | `--shimmer-highlight`                  | Cor de destaque do shimmer (tipo normal)             | `var(--color-neutral-light-30)` |
- * | `--shimmer-highlight-primary`          | Cor de destaque do shimmer (tipo primary)            | `var(--color-neutral-light-20)` |
- * | `--shimmer-highlight-content`          | Cor de destaque do shimmer (tipo content)            | `var(--color-neutral-light-05)` |
- * | **Espaçamento**                        |                                                      |                                 |
- * | `--margin-bottom`                      | Margem inferior do skeleton                          | `var(--spacing-xs)`             |
- * | **Bordas**                             |                                                      |                                 |
- * | `--border-radius`                      | Raio da borda do skeleton                            | `var(--border-radius-md)`       |
- * | `--border-radius-text`                 | Raio da borda para a variante text                   | `var(--border-radius-md)`       |
- * | `--border-radius-primary`              | Raio da borda do skeleton (tipo primary)             | `var(--border-radius-md)`       |
- * | `--border-radius-content`              | Raio da borda do skeleton (tipo content)             | `var(--border-radius-lg)`       |
- * | **Transições**                         |                                                      |                                 |
- * | `--transition-property`                | Propriedade CSS da transição                         | `all`                           |
- * | `--transition-duration`                | Duração da transição de cor                          | `var(--duration-moderate)`      |
- * | `--transition-timing`                  | Função de temporização da transição/animação         | `var(--timing-continuous)`      |
- * | **Animações**                          |                                                      |                                 |
- * | `--animation-duration-pulse`           | Duração da animação de pulsação                      | `var(--duration-very-slow)`     |
- * | `--animation-duration-shimmer`         | Duração da animação de brilho deslizante             | `var(--duration-ultra-slow)`    |
- *
+ * | Propriedade                            | Descrição                                             | Valor Padrão                                    |
+ * |----------------------------------------|-------------------------------------------------------|-------------------------------------------------|
+ * | **Default**                            |                                                       |                                                 |
+ * | `--background-color`                   | Cor de background do item                             | `var(--color-neutral-light-00)`                 |
+ * | `--divider-color`                      | Cor do divider dos agrupadores de nível 0             | `var(--color-neutral-mid-40)`                   |
+ * | `--font-family`                        | Família tipográfica                                   | `var(--font-family-theme)`                      |
+ * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-default)`                      |
+ * | `--line-height`                        | Altura da linha                                       | `var(--line-height-md)`                         |
+ * | `--color`                              | Cor padrão do item                                    | `var(--color-action-default)`                   |
+ * | **Hover**                              |                                                       |                                                 |
+ * | `--color-hover`                        | Cor do item em hover                                  | `var(--color-action-hover)`                     |
+ * | **Pressed**                            |                                                       |                                                 |
+ * | `--color-pressed`                      | Cor do item em pressed                                | `var(--color-action-pressed)`                   |
+ * | **Disabled**                           |                                                       |                                                 |
+ * | `--color-disabled`                     | Cor do item desabilitado                              | `var(--color-action-disabled)`                  |
+ * | **Selected**                           |                                                       |                                                 |
+ * | `--title-color`                        | Cor do label quando selecionado                       | `var(--color-action-focus)`                     |
  */
-declare class PoSkeletonBaseComponent {
+declare class PoTreeViewBaseComponent {
     /**
      * @optional
      *
      * @description
      *
-     * Define a variante visual do skeleton.
+     * Define o tamanho dos componentes de formulário:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
      *
-     * Valores válidos:
-     * - `text`: Simula uma linha de texto (altura padrão: 1em)
-     * - `rectangle`: Forma retangular (proporção 3:1 por padrão)
-     * - `square`: Forma quadrada (largura e altura iguais)
-     * - `circle`: Forma circular (largura e altura iguais)
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
      *
-     * @default `text`
+     * @default `medium`
      */
-    variant: i0.InputSignal<PoSkeletonVariant>;
+    readonly componentsSizeInput: i0.InputSignal<string>;
     /**
      * @optional
      *
      * @description
      *
-     * Define o tipo visual do skeleton, alterando sua cor de fundo.
+     * Desabilita o componente inteiro.
      *
-     * Valores válidos:
-     * - `normal`: Cor neutra clara (padrão)
-     * - `primary`: Cor neutra média
-     * - `content`: Fundo branco
+     * Quando `true`, todos os itens do tree-view serão exibidos no estado desabilitado,
+     * independentemente do valor individual da propriedade `disabled` de cada item.
      *
-     * @default `normal`
+     * > O botão de expansão/recolhimento (arrow) permanece interativo mesmo quando o componente está desabilitado.
+     *
+     * @default `false`
      */
-    type: i0.InputSignal<PoSkeletonType>;
+    readonly disabled: i0.InputSignalWithTransform<boolean, boolean>;
+    /**
+     * Lista de itens do tipo `PoTreeViewItem` que será renderizada pelo componente.
+     *
+     * > Consulte a documentação de `PoTreeViewItem` para detalhes sobre as propriedades disponíveis em cada item.
+     */
+    readonly inputedItems: i0.InputSignal<PoTreeViewItem[]>;
     /**
      * @optional
      *
      * @description
      *
-     * Define o tipo de animação do skeleton.
+     * Define o máximo de níveis para o tree-view.
      *
-     * Valores válidos:
-     * - `none`: Sem animação
-     * - `pulse`: Animação de pulsação
-     * - `shimmer`: Animação de brilho deslizante
+     * > O valor padrão é 4
      *
-     * @default `shimmer`
+     * @default 4
      */
-    animation: i0.InputSignal<PoSkeletonAnimation>;
+    readonly maxLevel: i0.InputSignalWithTransform<number, number>;
     /**
      * @optional
      *
      * @description
      *
-     * Define o tamanho do skeleton para as variantes pré-definidas (`rectangle`, `square`, `circle`).
-     *
-     * Valores válidos:
-     * - `xs`: Extra pequeno (24px para square/circle, 72px x 24px para rectangle)
-     * - `sm`: Pequeno (32px para square/circle, 96px x 32px para rectangle)
-     * - `md`: Médio (48px para square/circle, 144px x 48px para rectangle)
-     * - `lg`: Grande (64px para square/circle, 192px x 64px para rectangle)
-     * - `xl`: Extra grande (96px para square/circle, 288px x 96px para rectangle)
-     * - `2xl`: Extra extra grande (144px para square/circle, 432px x 144px para rectangle)
-     *
-     * Esta propriedade é ignorada quando `p-width` ou `p-height` são definidos explicitamente.
+     * Remove a borda do container do componente.
      *
-     * @default `md`
+     * @default false
      */
-    size: i0.InputSignal<PoSkeletonSize>;
+    readonly noBorder: i0.InputSignalWithTransform<boolean, boolean>;
     /**
      * @optional
      *
      * @description
      *
-     * Define a largura do skeleton.
-     * Aceita valores CSS válidos (px, %, em, rem).
+     * Habilita uma caixa de seleção para selecionar e/ou desmarcar um item da lista.
      *
-     * Quando definido, sobrescreve a largura padrão da variante.
+     * > Quando habilitado, a propriedade `showIcon` dos itens não será aplicada.
      *
-     * @default `100%` para variante `text`, tamanho baseado em `p-size` para outras variantes
+     * @default false
      */
-    width: i0.InputSignal<string>;
+    readonly selectable: i0.InputSignalWithTransform<boolean, boolean>;
     /**
      * @optional
      *
      * @description
      *
-     * Define a altura do skeleton.
-     * Aceita valores CSS válidos (px, %, em, rem).
+     * Habilita a seleção para item único atráves de po-radio.
      *
-     * Quando definido, sobrescreve a altura padrão da variante.
+     * @default false
      */
-    height: i0.InputSignal<string>;
+    readonly singleSelect: i0.InputSignalWithTransform<boolean, boolean>;
     /**
      * @optional
      *
      * @description
      *
-     * Define o raio da borda do skeleton.
-     * Aceita valores CSS válidos (px, %, em, rem).
+     * Ação que será disparada ao colapsar um item.
      *
-     * Esta propriedade sobrescreve o border-radius padrão de cada variante.
+     * > Como parâmetro o componente envia o item colapsado.
      */
-    borderRadius: i0.InputSignal<string>;
+    readonly collapsed: i0.OutputEmitterRef<PoTreeViewItem>;
     /**
      * @optional
      *
      * @description
      *
-     * Define a descrição acessível do conteúdo que está sendo carregado.
+     * Ação que será disparada ao expandir um item.
      *
-     * Este texto será anunciado por leitores de tela, garantindo que usuários de tecnologias assistivas
-     * sejam informados sobre o estado de carregamento.
+     * > Como parâmetro o componente envia o item expandido.
+     */
+    readonly expanded: i0.OutputEmitterRef<PoTreeViewItem>;
+    /**
+     * @optional
      *
-     * **Quando usar:**
-     * - Use em **skeletons únicos** ou no **primeiro skeleton de um grupo** com descrição contextual
-     * - Evite usar em múltiplos skeletons dentro da mesma área sem contexto, para não causar repetição excessiva
+     * @description
      *
-     * **Exemplos de uso:**
+     * Ação que será disparada ao selecionar um item.
      *
-     * ```html
-     * <!-- ✅ BOM: Skeleton único com contexto -->
-     * <po-skeleton p-aria-label="Carregando perfil do usuário"></po-skeleton>
+     * > Como parâmetro o componente envia o item selecionado.
+     */
+    readonly selected: i0.OutputEmitterRef<PoTreeViewItem>;
+    /**
+     * @optional
      *
-     * <!-- ✅ BOM: Grupo de skeletons - apenas o primeiro anuncia -->
-     * <po-skeleton p-aria-label="Carregando lista de produtos"></po-skeleton>
-     * <po-skeleton p-type="primary"></po-skeleton>
-     * <po-skeleton p-variant="circle"></po-skeleton>
+     * @description
      *
-     * <!-- ❌ EVITE: Múltiplos skeletons com a mesma label -->
-     * <po-skeleton p-aria-label="Carregando"></po-skeleton>  <!-- "Carregando" -->
-     * <po-skeleton p-aria-label="Carregando"></po-skeleton>  <!-- "Carregando" -->
-     * <po-skeleton p-aria-label="Carregando"></po-skeleton>  <!-- "Carregando" (repetitivo!) -->
-     * ```
+     * Ação que será disparada ao desfazer a seleção de um item.
      *
-     * > **Boas práticas de acessibilidade:**
-     * > - Forneça contexto específico na label para que os usuários entendam o que está carregando
+     * > Como parâmetro o componente envia o item que foi desmarcado.
+     */
+    readonly unselected: i0.OutputEmitterRef<PoTreeViewItem>;
+    /**
+     * @optional
      *
-     * > - Em casos complexos, considere usar um único `<div role="status">` para todo o grupo
-     * >   de skeletons, ao invés de múltiplas labels idênticas, para evitar repetição excessiva de anúncios
+     * @description
+     *
+     * Ação que será disparada ao executar um item final (sem `subItems`).
+     *
+     * > Como parâmetro o componente envia o item executado.
      */
-    ariaLabel: i0.InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoSkeletonBaseComponent, never, never, { "variant": { "alias": "p-variant"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; "isSignal": true; }; "animation": { "alias": "p-animation"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "width": { "alias": "p-width"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "p-border-radius"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "p-aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly activated: i0.OutputEmitterRef<PoTreeViewItem>;
+    private _componentsSize;
+    private _items;
+    selectedValue: string | number;
+    protected get componentsSize(): string;
+    protected set items(value: Array<PoTreeViewItem>);
+    protected get items(): Array<PoTreeViewItem>;
+    constructor();
+    protected onThemeChange(): void;
+    protected emitExpanded(treeViewItem: PoTreeViewItem): void;
+    protected emitSelected(treeViewItem: PoTreeViewItem): void;
+    protected emitActivated(treeViewItem: PoTreeViewItem): void;
+    private selectSingleFinalItem;
+    private setSingleFinalSelection;
+    private setSingleSelectionByValue;
+    private getExpandedState;
+    private applyExpandedState;
+    private getSelectedState;
+    private applySelectedState;
+    private getLastSelectedFinalItemValue;
+    private addChildItemInParent;
+    private addItem;
+    private selectAllItems;
+    private selectItemBySubItems;
+    private getSelectableSubItems;
+    private everyItemSelected;
+    private expandParentItem;
+    private getItemsByMaxLevel;
+    private getItemsWithParentSelected;
+    private updateItemsOnSelect;
+    private applySizeBasedOnA11y;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTreeViewBaseComponent, never, never, { "componentsSizeInput": { "alias": "p-components-size"; "required": false; "isSignal": true; }; "disabled": { "alias": "p-disabled"; "required": false; "isSignal": true; }; "inputedItems": { "alias": "p-items"; "required": false; "isSignal": true; }; "maxLevel": { "alias": "p-max-level"; "required": false; "isSignal": true; }; "noBorder": { "alias": "p-no-border"; "required": false; "isSignal": true; }; "selectable": { "alias": "p-selectable"; "required": false; "isSignal": true; }; "singleSelect": { "alias": "p-single-select"; "required": false; "isSignal": true; }; }, { "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "unselected": "p-unselected"; "activated": "p-activated"; }, never, never, true, never>;
 }
 
 /**
- * @docsExtends PoSkeletonBaseComponent
+ * @docsExtends PoTreeViewBaseComponent
  *
  * @example
  *
- * <example name="po-skeleton-basic" title="PO Skeleton Basic">
- *  <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.html"> </file>
- *  <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.ts"> </file>
- * </example>
- *
- * <example name="po-skeleton-labs" title="PO Skeleton Labs">
- *  <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.html"> </file>
- *  <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.ts"> </file>
- * </example>
- *
- * <example name="po-skeleton-credit-card" title="PO Skeleton - Credit Card">
- *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.html"> </file>
- *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.ts"> </file>
- *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.css"> </file>
- * </example>
- *
- * <example name="po-skeleton-widget-card" title="PO Skeleton - Widget Card">
- *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.html"> </file>
- *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.ts"> </file>
- *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.css"> </file>
+ * <example name="po-tree-view-basic" title="PO Tree View Basic">
+ *  <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.html"> </file>
+ *  <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.ts"> </file>
  * </example>
  *
- * <example name="po-skeleton-user-profile" title="PO Skeleton - User Profile">
- *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.html"> </file>
- *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.ts"> </file>
- *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.css"> </file>
+ * <example name="po-tree-view-labs" title="PO Tree View Labs">
+ *  <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.html"> </file>
+ *  <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.ts"> </file>
  * </example>
  *
- * <example name="po-skeleton-social-post" title="PO Skeleton - Social Post">
- *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.html"> </file>
- *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.ts"> </file>
- *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.css"> </file>
+ * <example name="po-tree-view-folder-structure" title="PO Tree View - Folder Structure">
+ *  <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.html"> </file>
+ *  <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.ts"> </file>
  * </example>
  *
- * <example name="po-skeleton-article" title="PO Skeleton - Article">
- *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.html"> </file>
- *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.ts"> </file>
- *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.css"> </file>
+ * <example name="po-tree-view-supermarket" title="PO Tree View - Supermarket">
+ *  <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.html"> </file>
+ *  <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.ts"> </file>
  * </example>
  */
-declare class PoSkeletonComponent extends PoSkeletonBaseComponent {
-    private readonly sizeMap;
-    private readonly defaultTextDimensions;
-    private readonly defaultBorderRadius;
-    computedStyles: i0.Signal<{
-        [key: string]: string;
-    }>;
-    computedClasses: i0.Signal<{
-        [x: string]: boolean;
-        'po-skeleton': boolean;
-    }>;
-    private getDimensions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoSkeletonComponent, "po-skeleton", never, {}, {}, never, never, false, never>;
+declare class PoTreeViewComponent extends PoTreeViewBaseComponent implements OnInit, AfterViewInit {
+    private readonly elementRef;
+    private readonly destroyRef;
+    private readonly treeViewService;
+    private readonly keyboardService;
+    private readonly languageService;
+    private readonly changeDetector;
+    protected readonly literals: any;
+    protected ariaLiveMessage: string;
+    protected get hasItems(): boolean;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    protected onTreeFocus(event: FocusEvent): void;
+    protected onTreeKeydown(event: KeyboardEvent): void;
+    protected trackByFunction(index: number): number;
+    private announce;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewComponent, "po-tree-view", never, {}, {}, never, never, false, never>;
+}
+
+declare class PoTreeViewItemComponent {
+    private readonly treeViewService;
+    readonly componentsSize: i0.InputSignal<string>;
+    readonly item: i0.InputSignal<PoTreeViewItem>;
+    readonly level: i0.InputSignal<number>;
+    readonly selectable: i0.InputSignal<boolean>;
+    readonly selectedValue: i0.InputSignal<string | number>;
+    readonly singleSelect: i0.InputSignal<boolean>;
+    protected animateEnter(event: AnimationCallbackEvent): void;
+    protected animateLeave(event: AnimationCallbackEvent): void;
+    protected get hasSubItems(): boolean;
+    protected onClick(): void;
+    protected onSelect(selectedItem: PoTreeViewItem): void;
+    protected onActivate(activatedItem: PoTreeViewItem): void;
+    protected trackByFunction(index: number): number;
+    private animateToggle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewItemComponent, "[po-tree-view-item]", never, { "componentsSize": { "alias": "p-components-size"; "required": false; "isSignal": true; }; "item": { "alias": "p-item"; "required": false; "isSignal": true; }; "level": { "alias": "p-level"; "required": false; "isSignal": true; }; "selectable": { "alias": "p-selectable"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "p-selected-value"; "required": false; "isSignal": true; }; "singleSelect": { "alias": "p-single-select"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+declare class PoTreeViewItemContentComponent {
+    private readonly keyboardService;
+    private readonly languageService;
+    protected readonly literals: any;
+    protected inputCheckbox: any;
+    protected lineElement: ElementRef<HTMLElement>;
+    readonly componentsSize: i0.InputSignal<string>;
+    readonly item: i0.InputSignal<PoTreeViewItem>;
+    readonly level: i0.InputSignal<number>;
+    readonly selectable: i0.InputSignal<boolean>;
+    readonly selectedValue: i0.InputSignal<string | number>;
+    readonly singleSelect: i0.InputSignal<boolean>;
+    readonly expanded: i0.OutputEmitterRef<void>;
+    readonly selected: i0.OutputEmitterRef<PoTreeViewItem>;
+    readonly activated: i0.OutputEmitterRef<PoTreeViewItem>;
+    protected idRadio: string;
+    protected isLabelTruncated: boolean;
+    protected get hasSubItems(): boolean;
+    protected get expandIcon(): string;
+    protected get isDisabled(): boolean;
+    protected get isExpanded(): boolean;
+    protected get isSelected(): boolean;
+    protected get itemIcon(): string | undefined;
+    protected onLineFocus(event: FocusEvent): void;
+    protected onLineMouseEnter(event: MouseEvent): void;
+    private updateLabelTruncation;
+    protected onLineClick(event: MouseEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private handleArrowRight;
+    private handleArrowLeft;
+    private handleSelect;
+    private applyPressedState;
+    private handleCharacterNavigation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewItemContentComponent, "po-tree-view-item-content", never, { "componentsSize": { "alias": "p-components-size"; "required": false; "isSignal": true; }; "item": { "alias": "p-item"; "required": false; "isSignal": true; }; "level": { "alias": "p-level"; "required": false; "isSignal": true; }; "selectable": { "alias": "p-selectable"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "p-selected-value"; "required": false; "isSignal": true; }; "singleSelect": { "alias": "p-single-select"; "required": false; "isSignal": true; }; }, { "expanded": "p-expanded"; "selected": "p-selected"; "activated": "p-activated"; }, never, never, false, never>;
 }
 
 /**
  * @description
  *
- * Módulo do componente po-skeleton.
+ * Módulo do componente `po-tree-view`.
  */
-declare class PoSkeletonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoSkeletonModule, [typeof PoSkeletonComponent], [typeof i2.CommonModule], [typeof PoSkeletonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PoSkeletonModule>;
+declare class PoTreeViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoTreeViewModule, [typeof PoTreeViewComponent, typeof PoTreeViewItemComponent, typeof PoTreeViewItemContentComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof PoContainerModule, typeof PoFieldModule, typeof PoIconModule, typeof PoButtonModule, typeof PoDividerModule, typeof PoTooltipModule], [typeof PoTreeViewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PoTreeViewModule>;
 }
 
 /**
@@ -41083,5 +41859,5 @@ declare class PoHttpRequestInterceptorService implements HttpInterceptor {
     static ɵprov: i0.ɵɵInjectableDeclaration<PoHttpRequestInterceptorService>;
 }
 
-export { AnimaliaIconDictionary, ForceBooleanComponentEnum, ForceOptionComponentEnum, I18N_CONFIG, InputBoolean, InputRequired, LOADING_ICON_COMPONENT, PO_CALENDAR_DEFAULT_RANGE_PRESETS, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBadgeComponent, PoBadgeModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonKind, PoButtonModule, PoButtonSize, PoButtonType, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartLabelFormat, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCheckboxSize, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboModule, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoContextMenuComponent, PoContextMenuModule, PoContextTabButtonComponent, PoContextTabsComponent, PoContextTabsModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDatetimepickerComponent, PoDatetimepickerModule, PoDecimalComponent, PoDecimalFormatModule, PoDecimalFormatPipe, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDividerSize, PoDragBaseDirective, PoDragDirective, PoDragDropModule, PoDropListBaseDirective, PoDropListDirective, PoDropdownComponent, PoDropdownModule, PoDynamicContainerComponent, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicSharedBase, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoFilterChipBaseComponent, PoFilterChipComponent, PoFilterChipModule, PoGaugeComponent, PoGaugeModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHeaderComponent, PoHeaderModule, PoHelperComponent, PoHelperModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoImageComponent, PoImageModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoItemListComponent, PoLabelComponent, PoLabelModule, PoLanguageModule, PoLanguageService, PoLinkComponent, PoLinkModule, PoListBoxComponent, PoListBoxModule, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLogoComponent, PoLogoModule, PoLookupComponent, PoLookupModalComponent, PoMask, PoMediaQueryModule, PoMediaQueryService, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoMultiselectOptionTemplateDirective, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoOverlayComponent, PoOverlayModule, PoPageActionsLayout, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageHeaderType, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPageSlideFooterComponent, PoPageSlideModule, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressShape, PoProgressSize, PoProgressStatus, PoRadioComponent, PoRadioGroupComponent, PoRadioGroupModule, PoRadioModule, PoRichTextComponent, PoRichTextToolbarActions, PoSearchAiComponent, PoSearchAiModule, PoSearchAiResponseType, PoSearchAiService, PoSearchComponent, PoSearchFilterMode, PoSearchListComponent, PoSearchModule, PoSelectComponent, PoServicesModule, PoSkeletonAnimation, PoSkeletonComponent, PoSkeletonModule, PoSkeletonSize, PoSkeletonType, PoSkeletonVariant, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoSwitchModule, PoTabButtonComponent, PoTabComponent, PoTabDropdownComponent, PoTableCellTemplateDirective, PoTableColumnFrozenDirective, PoTableColumnSortType, PoTableColumnSpacing, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTabsService, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoThemeA11yEnum, PoThemeModule, PoThemeService, PoThemeTypeEnum, PoTimeModule, PoTimePipe, PoTimepickerComponent, PoTimepickerModelFormat, PoTimepickerModule, PoTimerBaseComponent, PoTimerComponent, PoTimerFormat, PoTimerModule, PoToasterComponent, PoToasterMode, PoToasterModule, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUploadFile, PoUploadStatus, PoUrlComponent, PoUserGuideAlignment, PoUserGuideBaseService, PoUserGuideModule, PoUserGuidePosition, PoUserGuideService, PoWidgetComponent, PoWidgetModule, applyDecimalFormat, getFormatLimits, initializeLanguageDefault, insertGroupSeparatorsFromRight, mergePoI18nConfigs, parseDecimalFormat, poBreadcrumbLiterals, poChartLiteralsDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDateSeparatorList, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, poPageSlideLiteralsDefault, poSearchAiCompileFilter, poSearchAiFilterItems, poTabsLiterals, poThemeDefault, poThemeDefaultAA, poThemeDefaultAAA, poThemeDefaultActions, poThemeDefaultActionsDark, poThemeDefaultBrands, poThemeDefaultBrandsDark, poThemeDefaultCategoricals, poThemeDefaultCategoricalsAA, poThemeDefaultCategoricalsDark, poThemeDefaultCategoricalsDarkAA, poThemeDefaultCategoricalsOverlayDark, poThemeDefaultCategoricalsOverlayDarkAA, poThemeDefaultDark, poThemeDefaultDarkValues, poThemeDefaultDarkValuesAA, poThemeDefaultFeedback, poThemeDefaultFeedbackDark, poThemeDefaultLight, poThemeDefaultLightValues, poThemeDefaultLightValuesAA, poThemeDefaultNeutrals, poThemeDefaultNeutralsDark, poThemeDefaultOverlayCategoricals, poThemeDefaultOverlayCategoricalsAA, poToasterLiterals, poUserGuideLiteralsDefault, returnPoI18nService, validateAgainstFormat };
-export type { ErrorAsyncProperties, PoAccordionLiterals, PoBreadcrumb, PoBreadcrumbItem, PoButtonGroupItem, PoCalendarRangePreset, PoChartAxisOptions, PoChartDataLabel, PoChartHeaderOptions, PoChartLiterals, PoChartOptions, PoChartSerie, PoCheckboxGroupOption, PoComboFilter, PoComboLiterals, PoComboOption, PoComboOptionGroup, PoContextMenuItem, PoDateSeparator, PoDatepickerRange, PoDatepickerRangeLiterals, PoDecimalFormatParsed, PoDecimalFormatResult, PoDialogAlertLiterals, PoDialogAlertOptions, PoDialogConfirmLiterals, PoDialogConfirmOptions, PoDialogOptions, PoDisclaimer, PoDisclaimerGroup, PoDisclaimerGroupRemoveAction, PoDragEnterEvent, PoDraggableItem, PoDropEvent, PoDropdownAction, PoDynamicFormField, PoDynamicFormFieldChanged, PoDynamicFormFieldValidation, PoDynamicFormLoad, PoDynamicFormValidation, PoDynamicViewField, PoDynamicViewRequest, PoFilterChipSelectedChange, PoGaugeOptions, PoGaugeRanges, PoGridRowActions, PoHeaderActionPopoverAction, PoHeaderActionTool, PoHeaderActionToolItem, PoHeaderActions, PoHeaderBrand, PoHeaderLiterals, PoHeaderUser, PoHelperOptions, PoI18nConfig, PoI18nConfigContext, PoI18nConfigDefault, PoI18nLiterals, PoLanguage, PoListViewAction, PoListViewLiterals, PoLookupColumn, PoLookupFilter, PoLookupFilteredItemsParams, PoLookupLiterals, PoLookupResponseApi, PoMediaQueryTokens, PoMenuFilter, PoMenuItem, PoMenuItemBadge, PoMenuItemFiltered, PoMenuPanelItem, PoModalAction, PoMultiselectFilter, PoMultiselectLiterals, PoMultiselectOption, PoNavbarIconAction, PoNavbarItem, PoNotification, PoNumberSeparator, PoPage, PoPageAction, PoPageDefault, PoPageDefaultLiterals, PoPageDetailLiterals, PoPageEditLiterals, PoPageFilter, PoPageListLiterals, PoPageSlideSize, PoPopupAction, PoProgressAction, PoRadioGroupOption, PoResponseApi, PoRichTextToolbarButtonGroupItem, PoSearchAiColumn, PoSearchAiColumnInput, PoSearchAiError, PoSearchAiLiterals, PoSearchAiRequest, PoSearchAiResponse, PoSearchAiResult, PoSearchFilterSelect, PoSearchLiterals, PoSearchOption, PoSelectOption, PoSelectOptionGroup, PoSlideItem, PoStepperItem, PoTab, PoTableAction, PoTableBoolean, PoTableColumn, PoTableColumnIcon, PoTableColumnLabel, PoTableColumnSort, PoTableDetail, PoTableDetailColumn, PoTableLiterals, PoTableSearchAiField, PoTableSubtitleColumn, PoTagLiterals, PoTheme, PoThemeActive, PoThemeColor, PoThemeColorAction, PoThemeColorCategorical, PoThemeColorFeedback, PoThemeColorNeutral, PoThemeToken, PoThemeTokens, PoThemeType, PoToaster, PoToolbarAction, PoToolbarProfile, PoTreeViewItem, PoUploadFileRestrictions, PoUploadLiterals, PoUserGuideEndEvent, PoUserGuideLiterals, PoUserGuideOptions, PoUserGuideStartEvent, PoUserGuideStep, PoUserGuideStepChangeEvent, PoWidgetAvatar, PoWidgetLiterals, poThemeColorBrand };
+export { AnimaliaIconDictionary, ForceBooleanComponentEnum, ForceOptionComponentEnum, I18N_CONFIG, InputBoolean, InputRequired, LOADING_ICON_COMPONENT, PO_CALENDAR_DEFAULT_RANGE_PRESETS, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBadgeComponent, PoBadgeModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonKind, PoButtonModule, PoButtonSize, PoButtonType, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartLabelFormat, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCheckboxSize, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboModule, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoContextMenuComponent, PoContextMenuModule, PoContextTabButtonComponent, PoContextTabsComponent, PoContextTabsModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDatetimepickerComponent, PoDatetimepickerModule, PoDecimalComponent, PoDecimalFormatModule, PoDecimalFormatPipe, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDividerSize, PoDragBaseDirective, PoDragDirective, PoDragDropModule, PoDropListBaseDirective, PoDropListDirective, PoDropdownComponent, PoDropdownModule, PoDynamicContainerComponent, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicSharedBase, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoFilterChipBaseComponent, PoFilterChipComponent, PoFilterChipModule, PoGaugeComponent, PoGaugeModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHeaderComponent, PoHeaderModule, PoHelperComponent, PoHelperModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoImageComponent, PoImageModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoItemListComponent, PoLabelComponent, PoLabelModule, PoLanguageModule, PoLanguageService, PoLinkComponent, PoLinkModule, PoListBoxComponent, PoListBoxModule, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailDisplay, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLogoComponent, PoLogoModule, PoLookupComponent, PoLookupModalComponent, PoMask, PoMediaQueryModule, PoMediaQueryService, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoMultiselectOptionTemplateDirective, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoOverlayComponent, PoOverlayModule, PoPageActionsLayout, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageHeaderType, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPageSlideFooterComponent, PoPageSlideModule, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressShape, PoProgressSize, PoProgressStatus, PoRadioComponent, PoRadioGroupComponent, PoRadioGroupModule, PoRadioModule, PoRichTextComponent, PoRichTextToolbarActions, PoSearchAiComponent, PoSearchAiModule, PoSearchAiResponseType, PoSearchAiService, PoSearchComponent, PoSearchFilterMode, PoSearchListComponent, PoSearchModule, PoSelectComponent, PoServicesModule, PoSkeletonAnimation, PoSkeletonComponent, PoSkeletonModule, PoSkeletonSize, PoSkeletonType, PoSkeletonVariant, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoSwitchModule, PoTabButtonComponent, PoTabComponent, PoTabDropdownComponent, PoTableCellTemplateDirective, PoTableColumnFrozenDirective, PoTableColumnSortType, PoTableColumnSpacing, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTabsService, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoThemeA11yEnum, PoThemeModule, PoThemeService, PoThemeTypeEnum, PoTimeModule, PoTimePipe, PoTimepickerComponent, PoTimepickerModelFormat, PoTimepickerModule, PoTimerBaseComponent, PoTimerComponent, PoTimerFormat, PoTimerModule, PoToasterComponent, PoToasterMode, PoToasterModule, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUploadFile, PoUploadStatus, PoUrlComponent, PoUserGuideAlignment, PoUserGuideBaseService, PoUserGuideModule, PoUserGuidePosition, PoUserGuideService, PoWidgetComponent, PoWidgetModule, applyDecimalFormat, getFormatLimits, initializeLanguageDefault, insertGroupSeparatorsFromRight, mergePoI18nConfigs, parseDecimalFormat, poBreadcrumbLiterals, poChartLiteralsDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDateSeparatorList, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, poPageSlideLiteralsDefault, poSearchAiCompileFilter, poSearchAiFilterItems, poTabsLiterals, poThemeDefault, poThemeDefaultAA, poThemeDefaultAAA, poThemeDefaultActions, poThemeDefaultActionsDark, poThemeDefaultBrands, poThemeDefaultBrandsDark, poThemeDefaultCategoricals, poThemeDefaultCategoricalsAA, poThemeDefaultCategoricalsDark, poThemeDefaultCategoricalsDarkAA, poThemeDefaultCategoricalsOverlayDark, poThemeDefaultCategoricalsOverlayDarkAA, poThemeDefaultDark, poThemeDefaultDarkValues, poThemeDefaultDarkValuesAA, poThemeDefaultFeedback, poThemeDefaultFeedbackDark, poThemeDefaultLight, poThemeDefaultLightValues, poThemeDefaultLightValuesAA, poThemeDefaultNeutrals, poThemeDefaultNeutralsDark, poThemeDefaultOverlayCategoricals, poThemeDefaultOverlayCategoricalsAA, poToasterLiterals, poUserGuideLiteralsDefault, returnPoI18nService, validateAgainstFormat };
+export type { ErrorAsyncProperties, PoAccordionLiterals, PoBreadcrumb, PoBreadcrumbItem, PoButtonGroupItem, PoCalendarRangePreset, PoChartAxisOptions, PoChartDataLabel, PoChartHeaderOptions, PoChartLiterals, PoChartOptions, PoChartSerie, PoCheckboxGroupOption, PoComboFilter, PoComboLiterals, PoComboOption, PoComboOptionGroup, PoContextMenuItem, PoDateSeparator, PoDatepickerRange, PoDatepickerRangeLiterals, PoDecimalFormatParsed, PoDecimalFormatResult, PoDialogAlertLiterals, PoDialogAlertOptions, PoDialogConfirmLiterals, PoDialogConfirmOptions, PoDialogOptions, PoDisclaimer, PoDisclaimerGroup, PoDisclaimerGroupRemoveAction, PoDragEnterEvent, PoDraggableItem, PoDropEvent, PoDropdownAction, PoDynamicFormField, PoDynamicFormFieldChanged, PoDynamicFormFieldValidation, PoDynamicFormLoad, PoDynamicFormValidation, PoDynamicViewField, PoDynamicViewRequest, PoFilterChipSelectedChange, PoGaugeOptions, PoGaugeRanges, PoGridRowActions, PoHeaderActionPopoverAction, PoHeaderActionTool, PoHeaderActionToolItem, PoHeaderActions, PoHeaderBrand, PoHeaderLiterals, PoHeaderUser, PoHelperOptions, PoI18nConfig, PoI18nConfigContext, PoI18nConfigDefault, PoI18nLiterals, PoLanguage, PoListViewAction, PoListViewFieldProperties, PoListViewLiterals, PoLookupAdvancedFilter, PoLookupColumn, PoLookupFilter, PoLookupFilteredItemsParams, PoLookupLiterals, PoLookupResponseApi, PoMediaQueryTokens, PoMenuFilter, PoMenuItem, PoMenuItemBadge, PoMenuItemFiltered, PoMenuPanelItem, PoModalAction, PoMultiselectFilter, PoMultiselectLiterals, PoMultiselectOption, PoNavbarIconAction, PoNavbarItem, PoNotification, PoNumberSeparator, PoPage, PoPageAction, PoPageDefault, PoPageDefaultLiterals, PoPageDetailLiterals, PoPageEditLiterals, PoPageFilter, PoPageListLiterals, PoPageSlideSize, PoPopupAction, PoProgressAction, PoRadioGroupOption, PoResponseApi, PoRichTextToolbarButtonGroupItem, PoSearchAiColumn, PoSearchAiColumnInput, PoSearchAiError, PoSearchAiLiterals, PoSearchAiRequest, PoSearchAiResponse, PoSearchAiResult, PoSearchFilterSelect, PoSearchLiterals, PoSearchOption, PoSelectOption, PoSelectOptionGroup, PoSlideItem, PoStepperItem, PoTab, PoTableAction, PoTableBoolean, PoTableColumn, PoTableColumnIcon, PoTableColumnLabel, PoTableColumnSort, PoTableDetail, PoTableDetailColumn, PoTableLiterals, PoTableSearchAiField, PoTableSubtitleColumn, PoTagLiterals, PoTheme, PoThemeActive, PoThemeColor, PoThemeColorAction, PoThemeColorCategorical, PoThemeColorFeedback, PoThemeColorNeutral, PoThemeToken, PoThemeTokens, PoThemeType, PoToaster, PoToolbarAction, PoToolbarProfile, PoTreeViewItem, PoUploadFileRestrictions, PoUploadLiterals, PoUserGuideEndEvent, PoUserGuideLiterals, PoUserGuideOptions, PoUserGuideStartEvent, PoUserGuideStep, PoUserGuideStepChangeEvent, PoWidgetAvatar, PoWidgetLiterals, poThemeColorBrand };