@govbr-ds/webcomponents 2.0.0-next.2 → 2.0.0-next.20

package/dist/playwright.config.js

@@ -0,0 +1,39 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import { defineConfig, devices } from "@playwright/test";
+/**
+ * Veja https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+    testMatch: '*.e2e.ts',
+    expect: {
+        timeout: 60000,
+        toHaveScreenshot: {
+            threshold: 0.1,
+        },
+    },
+    fullyParallel: true,
+    forbidOnly: true,
+    retries: 0,
+    workers: '100%',
+    reporter: 'html',
+    use: {
+        baseURL: 'http://127.0.0.1:3333/',
+        trace: 'on-first-retry',
+    },
+    projects: [
+        {
+            name: 'Google Chrome',
+            use: Object.assign(Object.assign({}, devices['Desktop Chrome']), { channel: 'chrome' }),
+        },
+    ],
+    webServer: {
+        command: 'npm run dev',
+        url: 'http://127.0.0.1:3333',
+        timeout: 60000,
+        reuseExistingServer: true,
+    },
+});
+//# sourceMappingURL=playwright.config.js.map

package/dist/playwright.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playwright.config.js","sourceRoot":"","sources":["../playwright.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAExD;;GAEG;AACH,eAAe,YAAY,CAAC;IAC1B,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE;QACN,OAAO,EAAE,KAAK;QACd,gBAAgB,EAAE;YAChB,SAAS,EAAE,GAAG;SACf;KACF;IACD,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,GAAG,EAAE;QACH,OAAO,EAAE,wBAAwB;QACjC,KAAK,EAAE,gBAAgB;KACxB;IAED,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,eAAe;YACrB,GAAG,kCAAO,OAAO,CAAC,gBAAgB,CAAC,KAAE,OAAO,EAAE,QAAQ,GAAE;SACzD;KACF;IAED,SAAS,EAAE;QACT,OAAO,EAAE,aAAa;QACtB,GAAG,EAAE,uBAAuB;QAC5B,OAAO,EAAE,KAAK;QACd,mBAAmB,EAAE,IAAI;KAC1B;CACF,CAAC,CAAA","sourcesContent":["import { defineConfig, devices } from '@playwright/test'\n\n/**\n * Veja https://playwright.dev/docs/test-configuration.\n */\nexport default defineConfig({\n  testMatch: '*.e2e.ts',\n  expect: {\n    timeout: 60000,\n    toHaveScreenshot: {\n      threshold: 0.1,\n    },\n  },\n  fullyParallel: true,\n  forbidOnly: true,\n  retries: 0,\n  workers: '100%',\n  reporter: 'html',\n  use: {\n    baseURL: 'http://127.0.0.1:3333/',\n    trace: 'on-first-retry',\n  },\n\n  projects: [\n    {\n      name: 'Google Chrome',\n      use: { ...devices['Desktop Chrome'], channel: 'chrome' },\n    },\n  ],\n\n  webServer: {\n    command: 'npm run dev',\n    url: 'http://127.0.0.1:3333',\n    timeout: 60000,\n    reuseExistingServer: true,\n  },\n})\n"]}

package/dist/types/builds/govbr-ds/bibliotecas/wbc/govbr-ds-wbc/packages/webcomponents/.stencil/playwright.config.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Veja https://playwright.dev/docs/test-configuration.
+ */
+declare const _default: import("@playwright/test").PlaywrightTestConfig<{}, {}>;
+export default _default;

package/dist/types/components/avatar/avatar.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).
+ */
+export declare class Avatar {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrAvatarElement;
+    /**
+     * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+     */
+    density: 'small' | 'medium' | 'large';
+    /**
+     * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.
+     * Deve ser uma URL válida que aponta para a imagem desejada.
+     */
+    image: string;
+    /**
+     * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.
+     * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: "Foto de perfil de João Silva".
+     */
+    imageAlt: string;
+    /**
+     * Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.
+     * Se definido como verdadeiro, o avatar será exibido como um ícone.
+     */
+    isIconic: boolean;
+    /**
+     * Texto exibido no avatar do tipo 'letra'.
+     * Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.
+     */
+    text: string;
+    componentWillLoad(): void;
+    /**
+     * Largura do ícone no avatar do tipo icônico
+     * */
+    iconWidth: string;
+    /**
+     * Altura do ícone no avatar do tipo icônico
+     */
+    iconHeight: string;
+    /**
+     * Ajuste para a margem de cima do ícone no avatar do tipo icônico
+     */
+    marginTop: string;
+    /**
+     * Gera um mapa de classes CSS com base nas propriedades do componente.
+     * O mapa de classes determina quais classes CSS devem ser aplicadas
+     * ao elemento host do componente, ajustando sua aparência.
+     *
+     * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.
+     */
+    private getCssClassMap;
+    private readonly iconSizes;
+    private readonly iconMarginTops;
+    private inheritedAttributes;
+    private renderAvatar;
+    render(): any;
+}

package/dist/types/components/button/button.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer).
+ *
+ * @slot default - Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.
+ */
+export declare class Button {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrButtonElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define se o botão usará um esquema de cores escuro.
+     */
+    colorMode: 'dark';
+    /**
+     * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+     */
+    density: 'large' | 'medium' | 'small';
+    /**
+     * Desativa o botão, tornando-o não interativo.
+     */
+    disabled: boolean;
+    /**
+     * Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.
+     */
+    emphasis: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Indica se o botão está no estado ativo.
+     * Se definido como verdadeiro, o botão será exibido como ativo.
+     */
+    isActive: boolean;
+    /**
+     * Aplica o estado de "progresso" ao botão.
+     * O botão exibirá um indicador de carregamento ou progresso.
+     */
+    isLoading: boolean;
+    /**
+     * Define o formato do botão.
+     * Valores possíveis:
+     * - 'circle': Botão com formato circular.
+     * - 'block': Botão com formato ovalado ocupando toda a largura disponível.
+     * - 'pill': Botão com formato ovalado, com bordas arredondadas.
+     */
+    shape: 'circle' | 'block' | 'pill';
+    /**
+     * Define o tipo de botão, especificando seu comportamento padrão.
+     * Valores possíveis:
+     * - 'button': Um botão padrão.
+     * - 'reset': Um botão para redefinir o formulário.
+     * - 'submit': Um botão para enviar o formulário.
+     */
+    type: 'button' | 'reset' | 'submit';
+    /**
+     * Define o valor inicial do botão em um formulário.
+     */
+    value: string;
+    componentWillLoad(): void;
+    private readonly handleClick;
+    private getCssClassMap;
+    private inheritedAttributes;
+    render(): any;
+}

package/dist/types/components/checkbox/checkbox.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer).
+ *
+ * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.
+ */
+export declare class Checkbox {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrCheckboxElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define o estado intermediário do checkbox.
+     * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.
+     * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.
+     */
+    indeterminate: boolean;
+    /**
+     * Define o estado de seleção do checkbox.
+     * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.
+     */
+    checked: boolean;
+    /**
+     * Identificador único do input.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    customId: string;
+    /**
+     * Desativa o checkbox, tornando-o não interativo.
+     */
+    disabled: boolean;
+    /**
+     * Define se o label associado ao checkbox deve ser oculto.
+     * Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.
+     */
+    hasHiddenLabel: boolean;
+    /**
+     * Texto descritivo exibido à direita do checkbox.
+     * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.
+     */
+    label: string;
+    /**
+     * Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.
+     * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.
+     */
+    name: string;
+    /**
+     * Indica a validade do checkbox.
+     * Valores possíveis:
+     * 'valid': O checkbox é considerado válido.
+     * 'invalid': O checkbox é considerado inválido.
+     * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.
+     */
+    state: 'valid' | 'invalid';
+    /**
+     * Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).
+     * Esse valor é enviado com o formulário quando o checkbox está selecionado.
+     * **Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
+     */
+    value: any;
+    _slotDefault: boolean;
+    componentWillLoad(): void;
+    private hasSlotContentDefault;
+    private getCssClassMap;
+    private inheritedAttributes;
+    /**
+     * Disparado depois que o valor do `checked` foi alterado
+     */
+    brDidCheckedChange: EventEmitter<boolean>;
+    private readonly handleCheckedChange;
+    /**
+     * Inverte o valor da prop `checked`
+     */
+    toggleChecked(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/dropdown/dropdown.d.ts

@@ -0,0 +1,64 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).
+ *
+ * @slot trigger - Slot que recebe o elemento acionador
+ * @slot target - Slot que recebe o elemento alvo
+ */
+export declare class Dropdown {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrDropdownElement;
+    elementInternals: ElementInternals;
+    /**
+     * Indica se o dropdown está aberto ou fechado.
+     * Esta propriedade é refletida no DOM e pode ser alterada externamente.
+     * O valor padrão é falso (fechado).
+     */
+    isOpen: boolean;
+    /**
+     * Método chamado sempre que a propriedade `isOpen` muda.
+     * Emite um evento com o novo estado do dropdown.
+     */
+    isOpenChanged(): void;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * Evento emitido quando o estado do dropdown muda.
+     */
+    brDropdownChange: EventEmitter<{
+        'is-opened': boolean;
+    }>;
+    private getCssClassMap;
+    /**
+     * Alterna o estado do dropdown entre aberto e fechado.
+     */
+    private readonly toggle;
+    /**
+     * Método que lida com cliques fora do dropdown.
+     *
+     * @param {MouseEvent} event - O evento de clique que ocorreu.
+     */
+    private onClickOutside;
+    /**
+     * Abre o dropdown.
+     * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.
+     * Este método é marcado com @Method() para que possa ser chamado externamente.
+     */
+    open(): Promise<{
+        isOpen: boolean;
+    }>;
+    /**
+     * Esconde o dropdown.
+     * Define a propriedade `isOpen` como falsa e retorna o novo estado.
+     * Este método é marcado com @Method() para que possa ser chamado externamente.
+     */
+    hide(): Promise<{
+        isOpen: boolean;
+    }>;
+    private inheritedAttributes;
+    render(): any;
+}

package/dist/types/components/icon/icon.d.ts

@@ -0,0 +1,58 @@
+import 'iconify-icon';
+/**
+ * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.
+ * Utilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.
+ *
+ * Com opções para especificar a altura e largura, adicionar classes CSS personalizadas, e definir como o ícone
+ * deve ser rotacionado ou espelhado, o `br-icon` oferece aos desenvolvedores as ferramentas necessárias para
+ * integrar ícones de forma consistente com o estilo e design de suas aplicações, melhorando a experiência do usuário
+ * e a clareza das interfaces.
+ *
+ * Para mais informações sobre quais ícones estão disponíveis, consulte a documentação do [Iconify](https://iconify.design/).
+ */
+export declare class Icon {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrIconElement;
+    /**
+     * Nome do ícone a ser exibido, utilizando a biblioteca Iconify.
+     * Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.
+     */
+    iconName: string;
+    /**
+     * Define a altura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.
+     * O valor padrão é '16'.
+     */
+    height: string;
+    /**
+     * Define a largura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.
+     * O valor padrão é '24'.
+     */
+    width: string;
+    /**
+     * Permite adicionar classes CSS adicionais ao ícone.
+     * Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.
+     */
+    cssClasses?: string;
+    /**
+     * Se definido como verdadeiro, o ícone será alinhado verticalmente ao texto ao seu redor.
+     * Útil quando o ícone é usado em linha com texto para garantir que esteja alinhado corretamente com o texto.
+     * O valor padrão é `false`.
+     */
+    isInline?: boolean;
+    /**
+     * Define o ângulo de rotação do ícone.
+     * Aceita valores como "90deg", "180deg" e "270deg" para rotacionar o ícone em diferentes ângulos.
+     */
+    rotate?: '90deg' | '180deg' | '270deg';
+    /**
+     * Define o tipo de espelhamento do ícone.
+     * Aceita valores como "horizontal" para espelhar o ícone horizontalmente, "vertical" para espelhar verticalmente, ou ambos.
+     */
+    flip?: 'horizontal' | 'vertical';
+    private inheritedAttributes;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/input/input.d.ts

@@ -0,0 +1,151 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ *
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).
+ *
+ * @slot action - Botão à direita do input.
+ * @slot icon - Ícone à esquerda do input.
+ * @slot help-text - Personalização do texto de ajuda.
+ */
+export declare class Input {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrInputElement;
+    elementInternals: ElementInternals;
+    /**
+     * Identificador único do input.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    customId: string;
+    /**
+     * Especifica o tipo de entrada do campo. Pode ser um dos seguintes:
+     * - 'color': Seletor de cor
+     * - 'email': Campo para e-mail
+     * - 'hidden': Campo oculto
+     * - 'password': Campo para senha
+     * - 'range': Controle deslizante
+     * - 'search': Campo de pesquisa
+     * - 'number': Campo para números
+     * - 'tel': Campo para números de telefone
+     * - 'text': Campo de texto padrão
+     * - 'url': Campo para URLs
+     */
+    type: 'color' | 'email' | 'hidden' | 'password' | 'range' | 'search' | 'number' | 'tel' | 'text' | 'file' | 'url';
+    /**
+     * Controla o comportamento de preenchimento automático do navegador para o input.
+     */
+    autocomplete: 'on' | 'off';
+    /**
+     * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+     */
+    density: 'large' | 'medium' | 'small';
+    /**
+     * Desativa o input, tornando-o não interativo.
+     */
+    disabled: boolean;
+    /**
+     * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).
+     */
+    isInline: boolean;
+    /**
+     * Se verdadeiro, o input terá destaque visual.
+     */
+    isHighlight: boolean;
+    /**
+     * Define o estado do input
+     * Os possíveis valores são:
+     * - 'info': Mensagem informativa.
+     * - 'warning': Mensagem de aviso.
+     * - 'danger': Mensagem de erro ou alerta.
+     * - 'success': Mensagem de sucesso.
+     * O valor padrão é 'info'.
+     */
+    state: 'info' | 'warning' | 'danger' | 'success';
+    /**
+     * Texto exibido como rótulo do input.
+     */
+    label: string;
+    /**
+     * Nome do input, utilizado para identificação em formulários.
+     */
+    name: string;
+    /**
+     * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.
+     */
+    placeholder: string;
+    /**
+     * Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.
+     */
+    readonly: boolean;
+    /**
+     * Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.
+     */
+    required: boolean;
+    /**
+     * Valor inicial exibido no input.
+     * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.
+     */
+    value: string;
+    /**
+     * Texto adicional que fornece ajuda ou informações sobre o input.
+     */
+    helpText: string;
+    /**
+     * Controla a correção automática do texto.
+     */
+    autocorrect: 'off' | 'on';
+    /**
+     * Define o valor mínimo para campos de entrada numéricos.
+     */
+    min: number;
+    /**
+     * Define o valor máximo para campos de entrada numéricos.
+     */
+    max: number;
+    /**
+     * Define o comprimento mínimo do valor do campo de entrada.
+     */
+    minlength: number;
+    /**
+     * Define o comprimento máximo do valor do campo de entrada.
+     */
+    maxlength: number;
+    /**
+     * Se verdadeiro, permite a seleção de múltiplos arquivos.
+     */
+    multiple: boolean;
+    /**
+     * Define o padrão de entrada para validação.
+     */
+    pattern: string;
+    /**
+     * Define o valor do passo para campos de entrada numéricos.
+     */
+    step: number;
+    isPasswordVisible: boolean;
+    hasIconSlot: boolean;
+    hasActionSlot: boolean;
+    componentWillLoad(): void;
+    private getInputCssClassMap;
+    private inheritedAttributes;
+    /**
+     * Valor atualizado do input
+     */
+    valueChange: EventEmitter<string>;
+    private readonly handleInput;
+    private readonly renderLabel;
+    private hasSlotContent;
+    private readonly renderInput;
+    private readonly renderHelpText;
+    private readonly renderIconPassword;
+    private readonly togglePasswordVisibility;
+    private renderIconSlot;
+    private renderButton;
+    private readonly renderInlineInputContent;
+    private readonly renderInputContent;
+    private readonly renderInputWithIcon;
+    private readonly renderInputWithoutIcon;
+    render(): any;
+}

package/dist/types/components/item/item.d.ts

@@ -0,0 +1,96 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).
+ *
+ * @slot default - Área de conteúdo, podendo conter qualquer componente, exceto botões primários e componentes relacionados à navegação (como carrosséis, paginações, abas, menus, etc.).
+ *
+ * @slot start - Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.
+ *
+ * @slot end - Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.
+ */
+export declare class Item {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrItemElement;
+    elementInternals: ElementInternals;
+    /**
+     * Desativa o item, tornando-o não interativo.
+     */
+    disabled: boolean;
+    /**
+     * Indica se o item está no estado ativo.
+     * Se definido como verdadeiro, o item será exibido como ativo.
+     */
+    isActive: boolean;
+    /**
+     * Indica se o item está no estado selecionado.
+     * Se definido como verdadeiro, o item será exibido como selecionado.
+     */
+    isSelected: boolean;
+    /**
+     * Marca o item como interativo, permitindo que toda a superfície do item seja clicável.
+     */
+    isInteractive: boolean;
+    /**
+     * URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.
+     */
+    href?: string;
+    /**
+     * Define o alvo do link quando `href` está presente. Pode ser:
+     * - `_blank` para abrir em uma nova aba,
+     * - `_self` para abrir na mesma aba,
+     * - `_parent` para abrir na aba pai,
+     * - `_top` para abrir na aba superior.
+     */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /**
+     * Quando definido como `true`, o item será tratado como um botão.
+     */
+    isButton: boolean;
+    /**
+     * Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser:
+     * - `'submit'` para enviar um formulário,
+     * - `'reset'` para redefinir um formulário,
+     * - `'button'` para um botão padrão.
+     */
+    type: 'submit' | 'reset' | 'button';
+    /**
+     *  Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.
+     */
+    value?: string;
+    /**
+     * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+     */
+    density: 'large' | 'medium' | 'small';
+    hasSlotDefault: boolean;
+    hasSlotStart: boolean;
+    hasSlotEnd: boolean;
+    selectedValue: boolean;
+    handleChange(event: Event): void;
+    /**
+     * Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`).
+     * Pode ser utilizado para ações personalizadas, exceto quando o item está desativado.
+     */
+    brDidClick: EventEmitter;
+    /**
+     * Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.
+     */
+    brDidSelect: EventEmitter<{
+        selected: boolean;
+    }>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private hasSlotContentDefault;
+    private hasSlotContent;
+    private getCssClassMap;
+    private readonly inheritedAttributes;
+    private getTagType;
+    private getAttributes;
+    private updateItemSelectionState;
+    private isClickInsideInteractiveElement;
+    private updateCheckboxes;
+    private readonly handleClick;
+    render(): any;
+}

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

@@ -0,0 +1,34 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
+ *
+ * @slot default - Slot padrão para inclusão dos itens da lista.
+ * @slot header - Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).
+ */
+export declare class List {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrListElement;
+    elementInternals: ElementInternals;
+    /**
+     * Define o cabeçalho para a lista.
+     */
+    header: string;
+    /**
+     * Indica se a lista será horizontal. Por padrão, a lista é vertical.
+     */
+    isHorizontal: boolean;
+    /**
+     * Indica que o divider para o título da lista estará oculto.
+     */
+    hideHeaderDivider: boolean;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private getCssClassMap;
+    private inheritedAttributes;
+    private hasSlotContent;
+    private readonly renderHeader;
+    private renderDivider;
+    render(): any;
+}