@govbr-ds/webcomponents 2.0.0-next.56 → 2.0.0-next.58

package/dist/stencil.config.js

@@ -23,12 +23,6 @@ const purge = purgecss({
     },
     defaultExtractor: (content) => content.match(/[A-Za-z0-9-_:/]+/g) || [],
 });
-// Detecta execução em modo desenvolvimento (serve/watch) para reduzir outputs e consumo de memória
-const isNxTarget = process.env.NX_TASK_TARGET_TARGET || '';
-const isDevMode = isNxTarget === 'stencil-start' ||
-    isNxTarget === 'start' ||
-    process.argv.includes('--dev') ||
-    process.argv.some((a) => /serve|start/.test(a));
 export const config = {
     namespace: 'webcomponents',
     taskQueue: 'async',
@@ -39,9 +33,7 @@ export const config = {
     preamble: 'Construído por SERPRO\n© https://serpro.gov.br/ - MIT License.',
     watchIgnoredRegex: /(custom-elements\.)((d\.ts)|(json))$/g,
     extras: {
-        /**
-         * Details: https://stenciljs.com/docs/config-extras
-         */
+        // Details: https://stenciljs.com/docs/config-extras
         enableImportInjection: true,
         experimentalScopedSlotChanges: true,
         experimentalSlotFixes: true,
@@ -57,7 +49,7 @@ export const config = {
             sourceMap: true,
             sourceMapContents: true,
             sourceMapEmbed: true,
-            silenceDeprecations: ['import', 'global-builtin', 'color-functions'],
+            silenceDeprecations: ['import', 'global-builtin', 'color-functions', 'if-function'],
         }),
         postcss({
             plugins: [
@@ -68,121 +60,97 @@ export const config = {
             ],
         }),
     ],
-    outputTargets: isDevMode
-        ? [
-            {
-                type: 'www',
-                serviceWorker: null,
-                copy: [
-                    {
-                        src: '../../../node_modules/@govbr-ds/core/dist/core.min.css',
-                        dest: 'assets/core.min.css',
-                        warn: true,
-                    },
-                    {
-                        src: 'pages',
-                        warn: true,
-                        keepDirStructure: true,
-                    },
-                    {
-                        src: 'assets',
-                        warn: true,
-                        keepDirStructure: true,
-                    },
-                ],
-            },
-        ]
-        : [
-            {
-                type: 'dist',
-                copy: [
-                    { src: '../README.md', warn: true },
-                    { src: '../cem/*.*', dest: '../', warn: true },
-                ],
-            },
-            {
-                type: 'dist-custom-elements',
-                dir: customElementsDir,
-                customElementsExportBehavior: 'single-export-module',
-                externalRuntime: false,
-                generateTypeDeclarations: true,
-                minify: true,
-            },
-            {
-                type: 'docs-custom',
-                generator: generateMarkdown,
-            },
-            {
-                // https://stenciljs.com/docs/hydrate-app
-                type: 'dist-hydrate-script',
-                dir: 'dist/hydrate',
-            },
-            {
-                type: 'www',
-                serviceWorker: null,
-                copy: [
-                    {
-                        src: '../../../node_modules/@govbr-ds/core/dist/core.min.css',
-                        dest: 'assets/core.min.css',
-                        warn: true,
-                    },
-                    {
-                        src: 'pages',
-                        warn: true,
-                        keepDirStructure: true,
-                    },
-                    {
-                        src: 'assets',
-                        warn: true,
-                        keepDirStructure: true,
-                    },
-                ],
-            },
-            angularOutputTarget({
-                /* ====================== Angular output target ====================== */
-                componentCorePackage,
-                outputType: 'component',
-                directivesProxyFile: resolvePath('../angular/src/stencil-generated/components.ts'),
-                directivesArrayFile: resolvePath('../angular/src/stencil-generated/index.ts'),
-                valueAccessorConfigs: angularValueAccessorBindings,
-                inlineProperties: true,
-                customElementsDir,
-            }),
-            angularOutputTarget({
-                /* ====================== Angular Standalone output target ====================== */
-                componentCorePackage,
-                outputType: 'standalone',
-                directivesProxyFile: resolvePath('../angular/standalone/src/stencil-generated/components.ts'),
-                directivesArrayFile: resolvePath('../angular/standalone/src/stencil-generated/index.ts'),
-                valueAccessorConfigs: angularValueAccessorBindings,
-                customElementsDir,
-            }),
-            reactOutputTarget({
-                /* ====================== React output target ====================== */
-                customElementsDir,
-                outDir: resolvePath('../react/src/stencil-generated'),
-                esModules: true,
-            }),
-            reactOutputTarget({
-                /* ====================== React SSR output target ====================== */
-                customElementsDir,
-                outDir: resolvePath('../react/ssr/stencil-generated'),
-                clientModule: '@@govbr-ds/webcomponents-react',
-                hydrateModule: '@govbr-ds/webcomponents/dist/hydrate',
-                esModules: true,
-            }),
-            vueOutputTarget({
-                /* ====================== Vue output target ====================== */
-                componentCorePackage,
-                componentModels: vueComponentModels,
-                customElementsDir,
-                hydrateModule: '@govbr-ds/webcomponents/dist/hydrate',
-                includeDefineCustomElements: false,
-                includeImportCustomElements: true,
-                includePolyfills: false,
-                proxiesFile: resolvePath('../vue/src/stencil-generated/components.ts'),
-            }),
-        ],
+    outputTargets: [
+        {
+            type: 'dist',
+            copy: [
+                { src: '../README.md', warn: true },
+                { src: '../cem/*.*', dest: '../', warn: true },
+            ],
+        },
+        {
+            type: 'dist-custom-elements',
+            dir: customElementsDir,
+            customElementsExportBehavior: 'single-export-module',
+            externalRuntime: false,
+            generateTypeDeclarations: true,
+            minify: true,
+        },
+        {
+            type: 'docs-custom',
+            generator: generateMarkdown,
+        },
+        {
+            // https://stenciljs.com/docs/hydrate-app
+            type: 'dist-hydrate-script',
+            dir: 'dist/hydrate',
+        },
+        {
+            type: 'www',
+            serviceWorker: null,
+            copy: [
+                {
+                    src: '../../../node_modules/@govbr-ds/core/dist/core.min.css',
+                    dest: 'assets/core.min.css',
+                    warn: true,
+                },
+                {
+                    src: 'pages',
+                    warn: true,
+                    keepDirStructure: true,
+                },
+                {
+                    src: 'assets',
+                    warn: true,
+                    keepDirStructure: true,
+                },
+            ],
+        },
+        angularOutputTarget({
+            /* ====================== Angular output target ====================== */
+            componentCorePackage,
+            outputType: 'component',
+            directivesProxyFile: resolvePath('../angular/src/stencil-generated/components.ts'),
+            directivesArrayFile: resolvePath('../angular/src/stencil-generated/index.ts'),
+            valueAccessorConfigs: angularValueAccessorBindings,
+            inlineProperties: true,
+            customElementsDir,
+        }),
+        angularOutputTarget({
+            /* ====================== Angular Standalone output target ====================== */
+            componentCorePackage,
+            outputType: 'standalone',
+            directivesProxyFile: resolvePath('../angular/standalone/src/stencil-generated/components.ts'),
+            directivesArrayFile: resolvePath('../angular/standalone/src/stencil-generated/index.ts'),
+            valueAccessorConfigs: angularValueAccessorBindings,
+            customElementsDir,
+        }),
+        reactOutputTarget({
+            /* ====================== React output target ====================== */
+            customElementsDir,
+            outDir: resolvePath('../react/src/stencil-generated'),
+            esModules: true,
+        }),
+        reactOutputTarget({
+            /* ====================== React SSR output target ====================== */
+            customElementsDir,
+            outDir: resolvePath('../react/ssr/stencil-generated'),
+            clientModule: '@@govbr-ds/webcomponents-react',
+            hydrateModule: '@govbr-ds/webcomponents/dist/hydrate',
+            esModules: true,
+        }),
+        vueOutputTarget({
+            /* ====================== Vue output target ====================== */
+            componentCorePackage,
+            componentModels: vueComponentModels,
+            customElementsDir,
+            hydrateModule: '@govbr-ds/webcomponents/dist/hydrate',
+            includeDefineCustomElements: false,
+            includeImportCustomElements: true,
+            includePolyfills: false,
+            proxiesFile: resolvePath('../vue/src/stencil-generated/components.ts'),
+        }),
+    ],
     testing: {
         /**
          * `--no-sandbox`: Desabilita o sandbox do Chrome para ambientes containerizados, reduzindo isolamento e segurança.

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../packages/webcomponents/stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'path'\n\nimport purgecss from '@fullhuman/postcss-purgecss'\nimport { angularOutputTarget } from '@stencil/angular-output-target'\nimport { Config } from '@stencil/core'\nimport { reactOutputTarget } from '@stencil/react-output-target'\nimport { sass } from '@stencil/sass'\nimport { vueOutputTarget } from '@stencil/vue-output-target'\nimport { postcss } from '@stencil-community/postcss'\nimport autoprefixer from 'autoprefixer'\nimport purgeReplace from 'postcss-replace'\n\nimport { generateMarkdown } from './custom-docs/output-docs'\nimport { angularValueAccessorBindings, vueComponentModels } from './src/value-accessors'\n\nconst componentCorePackage = `@govbr-ds/webcomponents`\nconst customElementsDir = 'dist/components'\nconst resolvePath = (path: string) => resolve(__dirname, path).replace(/\\\\/g, '/')\n\nconst purge = purgecss({\n  content: ['../../packages/webcomponents/src/**/*.tsx', '../../packages/webcomponents/src/**/*.scss'],\n  safelist: {\n    standard: [':host'],\n  },\n  defaultExtractor: (content) => content.match(/[A-Za-z0-9-_:/]+/g) || [],\n})\n\n// Detecta execução em modo desenvolvimento (serve/watch) para reduzir outputs e consumo de memória\nconst isNxTarget = process.env.NX_TASK_TARGET_TARGET || ''\nconst isDevMode =\n  isNxTarget === 'stencil-start' ||\n  isNxTarget === 'start' ||\n  process.argv.includes('--dev') ||\n  process.argv.some((a) => /serve|start/.test(a))\n\nexport const config: Config = {\n  namespace: 'webcomponents',\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  cacheDir: resolvePath('../../.stencil'),\n  sourceMap: true,\n  preamble: 'Construído por SERPRO\\n© https://serpro.gov.br/ - MIT License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  extras: {\n    /**\n     * Details: https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  plugins: [\n    sass({\n      includePaths: [resolvePath('../../node_modules')],\n      injectGlobalPaths: [\n        resolvePath(`../../node_modules/@govbr-ds/core/src/partial/scss/base`),\n        resolvePath(`../../node_modules/@govbr-ds/core/src/partial/scss/utilities`),\n      ],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapContents: true,\n      sourceMapEmbed: true,\n      silenceDeprecations: ['import', 'global-builtin', 'color-functions'],\n    }),\n    postcss({\n      plugins: [\n        autoprefixer(),\n        purgeReplace({ pattern: 'html', data: { replaceAll: ':host' } }),\n        purgeReplace({ pattern: 'root', data: { replaceAll: ':host' } }),\n        ...(!process.argv.includes('--dev') ? [purge] : []),\n      ],\n    }),\n  ],\n  outputTargets: isDevMode\n    ? [\n      {\n        type: 'www',\n        serviceWorker: null,\n        copy: [\n          {\n            src: '../../../node_modules/@govbr-ds/core/dist/core.min.css',\n            dest: 'assets/core.min.css',\n            warn: true,\n          },\n          {\n            src: 'pages',\n            warn: true,\n            keepDirStructure: true,\n          },\n          {\n            src: 'assets',\n            warn: true,\n            keepDirStructure: true,\n          },\n        ],\n      },\n    ]\n    : [\n      {\n        type: 'dist',\n        copy: [\n          { src: '../README.md', warn: true },\n          { src: '../cem/*.*', dest: '../', warn: true },\n        ],\n      },\n      {\n        type: 'dist-custom-elements',\n        dir: customElementsDir,\n        customElementsExportBehavior: 'single-export-module',\n        externalRuntime: false,\n        generateTypeDeclarations: true,\n        minify: true,\n      },\n      {\n        type: 'docs-custom',\n        generator: generateMarkdown,\n      },\n      {\n        // https://stenciljs.com/docs/hydrate-app\n        type: 'dist-hydrate-script',\n        dir: 'dist/hydrate',\n      },\n      {\n        type: 'www',\n        serviceWorker: null,\n        copy: [\n          {\n            src: '../../../node_modules/@govbr-ds/core/dist/core.min.css',\n            dest: 'assets/core.min.css',\n            warn: true,\n          },\n          {\n            src: 'pages',\n            warn: true,\n            keepDirStructure: true,\n          },\n          {\n            src: 'assets',\n            warn: true,\n            keepDirStructure: true,\n          },\n        ],\n      },\n      angularOutputTarget({\n        /* ====================== Angular output target ====================== */\n        componentCorePackage,\n        outputType: 'component',\n        directivesProxyFile: resolvePath('../angular/src/stencil-generated/components.ts'),\n        directivesArrayFile: resolvePath('../angular/src/stencil-generated/index.ts'),\n        valueAccessorConfigs: angularValueAccessorBindings,\n        inlineProperties: true,\n        customElementsDir,\n      }),\n      angularOutputTarget({\n        /* ====================== Angular Standalone output target ====================== */\n        componentCorePackage,\n        outputType: 'standalone',\n        directivesProxyFile: resolvePath('../angular/standalone/src/stencil-generated/components.ts'),\n        directivesArrayFile: resolvePath('../angular/standalone/src/stencil-generated/index.ts'),\n        valueAccessorConfigs: angularValueAccessorBindings,\n        customElementsDir,\n      }),\n      reactOutputTarget({\n        /* ====================== React output target ====================== */\n        customElementsDir,\n        outDir: resolvePath('../react/src/stencil-generated'),\n        esModules: true,\n      }),\n      reactOutputTarget({\n        /* ====================== React SSR output target ====================== */\n        customElementsDir,\n        outDir: resolvePath('../react/ssr/stencil-generated'),\n        clientModule: '@@govbr-ds/webcomponents-react',\n        hydrateModule: '@govbr-ds/webcomponents/dist/hydrate',\n        esModules: true,\n      }),\n      vueOutputTarget({\n        /* ====================== Vue output target ====================== */\n        componentCorePackage,\n        componentModels: vueComponentModels,\n        customElementsDir,\n        hydrateModule: '@govbr-ds/webcomponents/dist/hydrate',\n        includeDefineCustomElements: false,\n        includeImportCustomElements: true,\n        includePolyfills: false,\n        proxiesFile: resolvePath('../vue/src/stencil-generated/components.ts'),\n      }),\n    ],\n  testing: {\n    /**\n     * `--no-sandbox`: Desabilita o sandbox do Chrome para ambientes containerizados, reduzindo isolamento e segurança.\n     * `--disable-setuid-sandbox`: Desabilita o sandbox setuid, usado com `--no-sandbox` em Docker ou CI, comprometendo segurança.\n     * `--disable-dev-shm-usage`: Evita uso de `/dev/shm`, útil em containers com memória limitada, usando disco temporário.\n     */\n    browserArgs: ['--no-sandbox', '--disable-setuid-sandbox', '--disable-dev-shm-usage'],\n    browserHeadless: 'shell',\n  },\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n  },\n}\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../packages/webcomponents/stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'path'\n\nimport purgecss from '@fullhuman/postcss-purgecss'\nimport { angularOutputTarget } from '@stencil/angular-output-target'\nimport { Config } from '@stencil/core'\nimport { reactOutputTarget } from '@stencil/react-output-target'\nimport { sass } from '@stencil/sass'\nimport { vueOutputTarget } from '@stencil/vue-output-target'\nimport { postcss } from '@stencil-community/postcss'\nimport autoprefixer from 'autoprefixer'\nimport purgeReplace from 'postcss-replace'\n\nimport { generateMarkdown } from './custom-docs/output-docs'\nimport { angularValueAccessorBindings, vueComponentModels } from './src/value-accessors'\n\nconst componentCorePackage = `@govbr-ds/webcomponents`\nconst customElementsDir = 'dist/components'\nconst resolvePath = (path: string) => resolve(__dirname, path).replace(/\\\\/g, '/')\n\nconst purge = purgecss({\n  content: ['../../packages/webcomponents/src/**/*.tsx', '../../packages/webcomponents/src/**/*.scss'],\n  safelist: {\n    standard: [':host'],\n  },\n  defaultExtractor: (content) => content.match(/[A-Za-z0-9-_:/]+/g) || [],\n})\n\nexport const config: Config = {\n  namespace: 'webcomponents',\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  cacheDir: resolvePath('../../.stencil'),\n  sourceMap: true,\n  preamble: 'Construído por SERPRO\\n© https://serpro.gov.br/ - MIT License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  extras: {\n    // Details: https://stenciljs.com/docs/config-extras\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  plugins: [\n    sass({\n      includePaths: [resolvePath('../../node_modules')],\n      injectGlobalPaths: [\n        resolvePath(`../../node_modules/@govbr-ds/core/src/partial/scss/base`),\n        resolvePath(`../../node_modules/@govbr-ds/core/src/partial/scss/utilities`),\n      ],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapContents: true,\n      sourceMapEmbed: true,\n      silenceDeprecations: ['import', 'global-builtin', 'color-functions', 'if-function'],\n    }),\n    postcss({\n      plugins: [\n        autoprefixer(),\n        purgeReplace({ pattern: 'html', data: { replaceAll: ':host' } }),\n        purgeReplace({ pattern: 'root', data: { replaceAll: ':host' } }),\n        ...(!process.argv.includes('--dev') ? [purge] : []),\n      ],\n    }),\n  ],\n  outputTargets: [\n    {\n      type: 'dist',\n      copy: [\n        { src: '../README.md', warn: true },\n        { src: '../cem/*.*', dest: '../', warn: true },\n      ],\n    },\n    {\n      type: 'dist-custom-elements',\n      dir: customElementsDir,\n      customElementsExportBehavior: 'single-export-module',\n      externalRuntime: false,\n      generateTypeDeclarations: true,\n      minify: true,\n    },\n    {\n      type: 'docs-custom',\n      generator: generateMarkdown,\n    },\n    {\n      // https://stenciljs.com/docs/hydrate-app\n      type: 'dist-hydrate-script',\n      dir: 'dist/hydrate',\n    },\n    {\n      type: 'www',\n      serviceWorker: null,\n      copy: [\n        {\n          src: '../../../node_modules/@govbr-ds/core/dist/core.min.css',\n          dest: 'assets/core.min.css',\n          warn: true,\n        },\n        {\n          src: 'pages',\n          warn: true,\n          keepDirStructure: true,\n        },\n        {\n          src: 'assets',\n          warn: true,\n          keepDirStructure: true,\n        },\n      ],\n    },\n    angularOutputTarget({\n      /* ====================== Angular output target ====================== */\n      componentCorePackage,\n      outputType: 'component',\n      directivesProxyFile: resolvePath('../angular/src/stencil-generated/components.ts'),\n      directivesArrayFile: resolvePath('../angular/src/stencil-generated/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      inlineProperties: true,\n      customElementsDir,\n    }),\n    angularOutputTarget({\n      /* ====================== Angular Standalone output target ====================== */\n      componentCorePackage,\n      outputType: 'standalone',\n      directivesProxyFile: resolvePath('../angular/standalone/src/stencil-generated/components.ts'),\n      directivesArrayFile: resolvePath('../angular/standalone/src/stencil-generated/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    reactOutputTarget({\n      /* ====================== React output target ====================== */\n      customElementsDir,\n      outDir: resolvePath('../react/src/stencil-generated'),\n      esModules: true,\n    }),\n    reactOutputTarget({\n      /* ====================== React SSR output target ====================== */\n      customElementsDir,\n      outDir: resolvePath('../react/ssr/stencil-generated'),\n      clientModule: '@@govbr-ds/webcomponents-react',\n      hydrateModule: '@govbr-ds/webcomponents/dist/hydrate',\n      esModules: true,\n    }),\n    vueOutputTarget({\n      /* ====================== Vue output target ====================== */\n      componentCorePackage,\n      componentModels: vueComponentModels,\n      customElementsDir,\n      hydrateModule: '@govbr-ds/webcomponents/dist/hydrate',\n      includeDefineCustomElements: false,\n      includeImportCustomElements: true,\n      includePolyfills: false,\n      proxiesFile: resolvePath('../vue/src/stencil-generated/components.ts'),\n    }),\n  ],\n  testing: {\n    /**\n     * `--no-sandbox`: Desabilita o sandbox do Chrome para ambientes containerizados, reduzindo isolamento e segurança.\n     * `--disable-setuid-sandbox`: Desabilita o sandbox setuid, usado com `--no-sandbox` em Docker ou CI, comprometendo segurança.\n     * `--disable-dev-shm-usage`: Evita uso de `/dev/shm`, útil em containers com memória limitada, usando disco temporário.\n     */\n    browserArgs: ['--no-sandbox', '--disable-setuid-sandbox', '--disable-dev-shm-usage'],\n    browserHeadless: 'shell',\n  },\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n  },\n}\n"]}

package/dist/types/components/header/header-function/header-function.d.ts

@@ -0,0 +1,100 @@
+import { Breakpoint } from '../../../utils/breakpoint-observer';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+ *
+ * @slot default - Área para inserção do nome da funcionalidade.
+ * @slot icon - Área para inserção de um ícone.
+ */
+export declare class HeaderFunction {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrHeaderFunctionElement;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * URL para a funcionalidade.
+     * @default null
+     */
+    readonly href: string;
+    /**
+     * Nome do ícone a ser exibido.
+     * @default null
+     */
+    readonly iconName: 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.
+     * @default `_self`
+     */
+    readonly target?: '_blank' | '_self' | '_parent' | '_top';
+    /**
+     * Breakpoint atual.
+     * @default null
+     */
+    currentBreakpoint: Breakpoint;
+    /**
+     * Indica se a lista está encolhido.
+     */
+    isShrunk: boolean;
+    /**
+     * Observador de mudanças de breakpoint.
+     * Utilizado para detectar mudanças no tamanho da tela e ajustar o layout do componente conforme necessário.
+     * @default null
+     */
+    private breakpointObserver;
+    /**
+     * Listener para o evento 'headerWidthChange', disparado pelo componente pai 'br-header'.
+     * O evento contém o ID do pai e o nome da lista.
+     * Se o ID do pai corresponder ao ID do cabeçalho atual, o evento será tratado.
+     * @param event O evento customizado contendo o ID do pai e o nome da lista.
+     */
+    handleHeaderWidthChange(event: CustomEvent<{
+        id: string;
+        listNames: string[];
+        shrink: boolean;
+    }>): void;
+    /**
+     * Ciclo de vida do componente.
+     * Executado quando o componente é conectado ao DOM.
+     */
+    connectedCallback(): void;
+    /**
+     * Ciclo de vida do componente.
+     * Executado quando o componente é carregado.
+     */
+    componentDidLoad(): void;
+    /**
+     * Mapeia os nomes das classes CSS a serem aplicadas ao componente.
+     * @returns Objeto com os nomes das classes CSS a serem aplicadas ao componente.
+     */
+    private getCssClassMap;
+    /**
+     * Ciclo de vida do componente.
+     * Executado quando o componente é desconectado do DOM.
+     */
+    disconnectedCallback(): void;
+    /**
+     * Manipula as mudanças de breakpoint.
+     * @param breakpoint O breakpoint ativo.
+     */
+    private handleBreakpointChange;
+    /**
+     * Configura o observador de mudanças de breakpoint.
+     */
+    private setBreakpointObserver;
+    private renderFunctionButton;
+    private renderFunctionItem;
+    /**
+     * Renderiza o componente.
+     * @returns JSX do componente.
+     */
+    render(): any;
+}

package/dist/types/components/header/header-link/header-link.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+ *
+ * @slot default - Área para inserção do link.
+ */
+export declare class HeaderLink {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrHeaderLinkElement;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * URL do link.
+     * @default null
+     */
+    readonly 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.
+     * @default `_self`
+     */
+    readonly target?: '_blank' | '_self' | '_parent' | '_top';
+    /**
+     * Mapeia os nomes das classes CSS a serem aplicadas ao componente.
+     * @returns Objeto com os nomes das classes CSS a serem aplicadas ao componente.
+     */
+    private getCssClassMap;
+    /**
+     * Renderiza o componente.
+     * @returns JSX do componente.
+     */
+    render(): any;
+}

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

@@ -0,0 +1,173 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { Breakpoint } from '../../../utils/breakpoint-observer';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/header?tab=designer).
+ *
+ * @slot default - Área para inserção do conteúdo da lista.
+ */
+export declare class HeaderList {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrHeaderListElement;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Título da lista.
+     */
+    readonly listTitle: string;
+    /**
+     * Área atual.
+     */
+    slotReference: string;
+    /**
+     * Indica o breakpoint atual.
+     */
+    currentBreakpoint: Breakpoint;
+    /**
+     * Indica se o cabeçalho está encolhido.
+     */
+    isShrunk: boolean;
+    /**
+     * Indica se a lista está visível.
+     */
+    showList: boolean;
+    /**
+     * Evento disparado para indicar qual lista deve encolher primeiro.
+     * O evento envia o ID do componente pai e o nome da lista.
+     * @event headerWidthChange
+     */
+    headerListUpdate: EventEmitter<{
+        id: string;
+        listName: string;
+    }>;
+    /**
+     * Evento disparado quando a lista recebe foco.
+     * O evento envia o ID do componente.
+     * @event headerListFocused
+     */
+    headerListFocused: EventEmitter<{
+        id: string;
+    }>;
+    /**
+     * Observador de mudanças de breakpoint.
+     */
+    private breakpointObserver;
+    /**
+     * Referência ao elemento de lista.
+     */
+    private listElement;
+    /**
+     * Referência ao botão de disparo.
+     */
+    private triggerButton;
+    /**
+     * Indica se o botão de disparo foi clicado.
+     */
+    private triggerClicked;
+    /**
+     * Listener para o evento 'headerWidthChange', disparado pelo componente pai 'br-header'.
+     * O evento contém o ID do pai e o nome da lista.
+     * Se o ID do pai corresponder ao ID do cabeçalho atual, o evento será tratado.
+     * @param event O evento customizado contendo o ID do pai e o nome da lista.
+     */
+    private handleHeaderWidthChange;
+    /**
+     * Listener para o evento 'headerListFocused', disparado por outras listas.
+     * O evento contém o ID da lista que recebeu foco.
+     * Se o ID não corresponder ao ID da lista atual, a lista será ocultada.
+     * @param event O evento customizado contendo o ID da lista que recebeu foco.
+     */
+    private handleHeaderListFocused;
+    /**
+     * Ciclo de vida do componente.
+     * Executado quando o componente é conectado ao DOM.
+     */
+    connectedCallback(): void;
+    /**
+     * Ciclo de vida do componente.
+     * Executado uma vez após o componente ser totalmente carregado no DOM.
+     */
+    componentDidLoad(): void;
+    /**
+     * Ciclo de vida do componente.
+     * Executado logo após o componente ser atualizado.
+     */
+    componentDidUpdate(): void;
+    /**
+     * Ciclo de vida do componente.
+     * Executado quando o componente é desconectado do DOM.
+     */
+    disconnectedCallback(): void;
+    /**
+     * Fecha a lista.
+     */
+    closeList(): Promise<void>;
+    /**
+     * Verifica se a lista está aberta.
+     * @returns Um booleano indicando se a lista está aberta.
+     */
+    isListOpen(): Promise<boolean>;
+    /**
+     * Abre a lista.
+     */
+    openList(): Promise<void>;
+    /**
+     * Manipula as mudanças de breakpoint.
+     * @param breakpoint O breakpoint ativo.
+     */
+    private handleBreakpointChange;
+    /**
+     * Manipula o clique no botão dropdown.
+     */
+    private handleDropdownButtonClick;
+    /**
+     * Manipula o clique fora da lista.
+     * @param event O evento de Mouse
+     */
+    private handleClickOutsideList;
+    /**
+     * Manipula o foco no botão de disparo.
+     */
+    private handleTriggerFocus;
+    /**
+     * Manipula o evento mousedown no botão de disparo.
+     */
+    private handleTriggerMouseDown;
+    /**
+     * Adiciona os listeners ao botão de disparo.
+     */
+    private addTriggerListeners;
+    /**
+     * Define as classes CSS a serem aplicadas ao componente.
+     * @returns Um objeto contendo as classes CSS a serem aplicadas ao componente.
+     */
+    private getCssClassMap;
+    /**
+     * Remove os listeners do botão de disparo.
+     */
+    private removeTriggerListeners;
+    /**
+     * Configura o observador de mudanças de breakpoint.
+     */
+    private setBreakpointObserver;
+    /**
+     * Renderiza o componente de lista.
+     * @returns JSX do componente de lista.
+     */
+    private renderList;
+    /**
+     * Renderiza o botão dropdown.
+     * @returns JSX do botão dropdown.
+     */
+    private renderDropdownButton;
+    /**
+     * Renderiza o componente.
+     * @returns JSX do componente.
+     */
+    render(): any;
+}