@govbr-ds/webcomponents 2.1.0 → 2.1.2

package/dist/esm/br-item.entry.js

@@ -0,0 +1,365 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C2RBydfd.js';
+import { g as generateUniqueId } from './id-BkS6ujyf.js';
+import { h as handleNavigationClick } from './navigation-bhULC15U.js';
+import { b as hasDefaultLightDomContent, h as hasNamedLightDomSlot } from './slot-BIG-yees.js';
+
+const itemCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1*var(--spacing-scale-base));margin-right:calc(-1*var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y)*-1);margin-left:calc(var(--item-padding-x)*-1);margin-right:calc(var(--item-padding-x)*-1);margin-top:calc(var(--item-padding-y)*-1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y)*2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y)*2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--selected)}.br-item.active{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--active);color:var(--color)}.br-item.inverted,.br-item.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.inverted.active,.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item[data-toggle] .content i{color:var(--interactive)}.br-item .content{align-items:center;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:rgba(0,0,0,0);color:var(--color)}button.br-item:focus{outline:none}button.br-item.focus-visible,button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:block}.br-item{background-color:var(--br-item-bg-color, transparent);font-family:var(--font-family-base);font-size:var(--font-size-scale-base)}.br-item.small{--item-padding-y:var(--spacing-scale-base)}.br-item.medium{--item-padding-y:var(--spacing-scale-2x)}.br-item.large{--item-padding-y:var(--spacing-scale-3x)}:host([disabled]) .br-item{cursor:not-allowed}::slotted(br-checkbox){max-width:fit-content;max-height:fit-content}::slotted(br-radio){max-width:fit-content;max-height:fit-content}.br-item:focus{cursor:auto;outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.no-text-selection{-webkit-user-select:none;user-select:none}:host([disabled]),:host([disabled]) .br-item{opacity:1 !important}:host([disabled]) ::slotted(*){opacity:var(--disabled) !important}:host([disabled]) ::slotted(br-checkbox),:host([disabled]) ::slotted(br-radio){opacity:initial !important}`;
+
+const Item = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.brDidClick = createEvent(this, "brDidClick", 7);
+        this.brItemClick = createEvent(this, "brItemClick", 7);
+        this.brDidSelect = createEvent(this, "brDidSelect", 7);
+        this.brItemSelect = createEvent(this, "brItemSelect", 6);
+        this.brNavigate = createEvent(this, "brNavigate", 7);
+        /**
+         * Indica se o slot padrão possui conteúdo atribuído.
+         */
+        this.hasSlotDefault = false;
+        /**
+         * Indica se o slot `end` possui conteúdo atribuído.
+         */
+        this.hasSlotEnd = false;
+        /**
+         * Indica se o slot `start` possui conteúdo atribuído.
+         */
+        this.hasSlotStart = false;
+        /**
+         * Estado interno de seleção usado na renderização e emissão de eventos.
+         */
+        this.selectedValue = false;
+        this.rovingTabIndex = 0;
+        /**
+         * Desabilita a interação com o componente.
+         *
+         */
+        this.disabled = false;
+        /**
+         * Identificador único do componente.
+         * Quando omitido, um valor é gerado automaticamente.
+         *
+         * > **Padrão:** valor único gerado por generateUniqueId().
+         *
+         */
+        this.customId = generateUniqueId();
+        /**
+         * Indica se o item está no estado ativo.
+         * Se definido como verdadeiro, o item será exibido como ativo.
+         * @deprecated Use `active`.
+         */
+        this.isActive = false;
+        /**
+         * Indica se o item está no estado selecionado.
+         * Se definido como verdadeiro, o item será exibido como selecionado.
+         * @deprecated Use `selected`.
+         */
+        this.isSelected = false;
+        /**
+         * Marca o item como interativo, permitindo que toda a superfície do item seja clicável.
+         * @deprecated Use `interactive`.
+         */
+        this.isInteractive = false;
+        /**
+         * Controla como o componente integra a navegação mantendo `href` real no elemento navegável.
+         * - `native` (padrão): preserva o comportamento do navegador, conforme HTML/W3C.
+         * - `event`: emite `brNavigate`; se o evento for cancelado, bloqueia a navegação nativa para a SPA assumir.
+         * Cliques com modificadores, botão do meio ou `target` diferente de `_self` permanecem nativos.
+         */
+        this.navigationMode = 'native';
+        /**
+         * Quando definido como `true`, o item será tratado como um botão.
+         * @deprecated Use `button`.
+         */
+        this.isButton = false;
+        /**
+         * Define a densidade visual do componente.
+         *
+         * - `small`: Alta densidade (componente menor, mais compacto e com menos espaçamento).
+         * - `medium`: Densidade intermediária, padrão recomendado para a maioria dos casos.
+         * - `large`: Baixa densidade (componente maior, mais espaçamento e altura).
+         *
+         */
+        this.density = 'medium';
+        this.hasRadios = false;
+        this.hasCheckboxes = false;
+        this.isManagedByList = false;
+        this.handleMouseDown = (event) => {
+            const shouldPreventDefault = Boolean(this.href?.length) || this.disabled;
+            if (shouldPreventDefault) {
+                event.preventDefault();
+            }
+        };
+        /**
+         * Trata Enter/Espaço quando o item NÃO está sendo gerenciado por um
+         * br-list ancestral (uso standalone — ex.: dentro do shadow/light DOM
+         * de br-dropdown, br-notification, ou qualquer wrapper customizado).
+         *
+         * Quando o item está dentro de um br-list, este handler não é registrado
+         * (ver componentWillLoad/isManagedByList), pois o br-list já trata
+         * Enter/Espaço/setas para todos os seus itens navegáveis via handleKeydown
+         * + activate(), evitando double-handling.
+         *
+         * Itens renderizados como <button> ou <a> já respondem nativamente a
+         * Enter (e <button> também a Espaço), então este handler só precisa
+         * agir sobre o caso <div role="button"> (isInteractive standalone).
+         */
+        this.handleKeydown = (event) => {
+            if (this.isManagedByList)
+                return;
+            if (this.disabled)
+                return;
+            if (this.getTagType() !== 'div')
+                return;
+            if (!this.isInteractive && !this.isButton)
+                return;
+            if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
+                event.preventDefault();
+                this.activate();
+            }
+        };
+        // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: mantém em uma transação os modos standalone, controlado, radio e checkbox.
+        this.handleClick = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+                event.stopPropagation();
+                return;
+            }
+            const clickedElement = event.target;
+            handleNavigationClick({
+                event,
+                href: this.href,
+                target: this.target,
+                navigationMode: this.navigationMode,
+                brNavigate: this.brNavigate,
+            });
+            if (this.effectiveButton) {
+                this.brDidClick.emit();
+                this.brItemClick.emit();
+            }
+            else if (this.selectionEnabled &&
+                this.effectiveInteractive &&
+                !this.isClickInsideInteractiveElement(clickedElement)) {
+                if (this.hasRadios) {
+                    // Só existe um alvo inequívoco quando há exatamente um radio no item; com múltiplos
+                    // radios não há como saber qual o clique na superfície pretendia selecionar.
+                    const radios = Array.from(this.el.querySelectorAll('br-radio'));
+                    if (radios.length === 1 && !radios[0].checked) {
+                        radios[0].toggleChecked();
+                    }
+                }
+                else {
+                    // Armazena o estado anterior para emitir o evento apenas se houver mudança.
+                    const previousSelectedValue = this.hasControlledSelection ? Boolean(this.selected) : this.selectedValue;
+                    const nextSelected = !previousSelectedValue;
+                    if (!this.hasControlledSelection)
+                        this.selectedValue = nextSelected;
+                    if (previousSelectedValue !== nextSelected) {
+                        const detail = { selected: nextSelected };
+                        this.brDidSelect.emit(detail);
+                        this.brItemSelect.emit(detail);
+                    }
+                    if (!this.hasControlledSelection)
+                        this.updateCheckboxes();
+                }
+            }
+            event.stopPropagation();
+        };
+    }
+    componentWillLoad() {
+        this.hasSlotContentDefault();
+        this.hasSlotStart = this.hasSlotContent('start');
+        this.hasSlotEnd = this.hasSlotContent('end');
+        this.selectedValue = this.effectiveSelected;
+        if (this.effectiveButton) {
+            this.type = this.type || 'button';
+        }
+        const radios = Array.from(this.el.querySelectorAll('br-radio'));
+        const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'));
+        this.hasRadios = radios.length > 0;
+        this.hasCheckboxes = checkboxes.length > 0;
+        this.isManagedByList = Boolean(this.el.closest('br-list'));
+        if (this.effectiveSelected) {
+            if (checkboxes.length > 0) {
+                checkboxes.forEach((checkbox) => {
+                    checkbox.checked = true;
+                });
+            }
+            if (radios.length > 0) {
+                radios[0].checked = true;
+            }
+        }
+        if (this.selectionEnabled) {
+            this.updateRadioSelectionState(false);
+            this.updateCheckboxSelectionState(false);
+        }
+    }
+    // Sincroniza selectedValue quando a prop é alterada externamente (ex.: toggleAllOptions)
+    handleSelectedPropChange() {
+        this.selectedValue = this.effectiveSelected;
+    }
+    handleCheckedChange(event) {
+        if (!this.selectionEnabled)
+            return;
+        const target = event.target;
+        if (this.el.contains(target))
+            this.updateCheckboxSelectionState();
+        requestAnimationFrame(() => this.updateRadioSelectionState());
+    }
+    /**
+     * Ativa o item programaticamente, simulando um clique na superfície.
+     * Utilizado pelo br-list para tratar Enter e Espaço via teclado, e
+     * internamente pelo próprio item quando standalone (fora de br-list).
+     */
+    async activate() {
+        if (this.isButton) {
+            this.focusableElement?.click();
+            return;
+        }
+        this.handleClick(new MouseEvent('click', { bubbles: true }));
+    }
+    /**
+     * Define o foco no elemento interno do componente.
+     * Este método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.
+     */
+    async setFocus() {
+        this.el?.focus();
+    }
+    /**
+     * Define o tabIndex do elemento interno.
+     * Utilizado pelo br-list para implementar o padrão roving tabindex,
+     * garantindo que apenas um item por vez seja alcançável via Tab.
+     */
+    async setTabIndex(value) {
+        this.rovingTabIndex = value;
+    }
+    get effectiveActive() {
+        return this.active ?? this.isActive;
+    }
+    get effectiveSelected() {
+        return this.selected ?? this.isSelected;
+    }
+    get hasControlledSelection() {
+        return this.selected !== undefined;
+    }
+    get effectiveInteractive() {
+        return (this.interactive ??
+            (this.isInteractive ||
+                (this.el ? this.el.hasAttribute('is-interactive') || this.el.hasAttribute('interactive') : false)));
+    }
+    get selectionEnabled() {
+        return !this.el.hasAttribute('data-no-selection');
+    }
+    get effectiveButton() {
+        return this.button ?? this.isButton;
+    }
+    hasSlotContentDefault() {
+        this.hasSlotDefault = hasDefaultLightDomContent(this.el);
+    }
+    hasSlotContent(slotName) {
+        return hasNamedLightDomSlot(this.el, slotName);
+    }
+    getCssClassMap() {
+        return {
+            'br-item': true,
+            disabled: this.disabled,
+            active: this.effectiveActive,
+            selected: this.selected ?? this.selectedValue,
+            small: this.density === 'small',
+            medium: this.density === 'medium',
+            large: this.density === 'large',
+            'no-text-selection': this.effectiveButton || Boolean(this.href?.length) || this.disabled,
+        };
+    }
+    getTagType() {
+        if (this.effectiveButton) {
+            return 'button';
+        }
+        if (this.href?.length > 0) {
+            return 'a';
+        }
+        return 'div';
+    }
+    getAttributes() {
+        const TagType = this.getTagType();
+        const baseAttributes = TagType === 'button'
+            ? {
+                type: this.type,
+                value: this.value,
+                disabled: this.disabled ? true : null,
+            }
+            : { href: this.href, target: this.target };
+        const isInteractiveDiv = TagType === 'div' && this.isInteractive && !this.hasRadios && !this.hasCheckboxes;
+        const isFocusableItem = this.isInteractive || this.isButton || Boolean(this.href?.length);
+        return {
+            ...baseAttributes,
+            role: isInteractiveDiv ? 'button' : null,
+            'aria-pressed': isInteractiveDiv ? String(this.selected ?? this.selectedValue) : null,
+            tabIndex: this.disabled || !isFocusableItem ? -1 : this.rovingTabIndex,
+            'aria-disabled': this.disabled ? 'true' : null,
+            'aria-current': this.effectiveActive ? 'true' : null,
+            'data-toggle': this.effectiveInteractive ? 'selection' : null,
+            'is-selected': (this.selected ?? this.selectedValue) ? true : null,
+        };
+    }
+    updateCheckboxSelectionState(emitEvent = true) {
+        if (this.hasRadios)
+            return;
+        const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'));
+        const nextSelected = checkboxes.some((checkbox) => checkbox.checked);
+        if (!this.hasControlledSelection)
+            this.selectedValue = nextSelected;
+        if (emitEvent && this.effectiveInteractive) {
+            const detail = { selected: nextSelected };
+            this.brDidSelect.emit(detail);
+            this.brItemSelect.emit(detail);
+        }
+    }
+    updateRadioSelectionState(emitEvent = true) {
+        if (!this.hasRadios)
+            return;
+        const radios = Array.from(this.el.querySelectorAll('br-radio'));
+        const nextSelected = radios.some((radio) => radio.checked);
+        if (!this.hasControlledSelection)
+            this.selectedValue = nextSelected;
+        if (emitEvent && this.effectiveInteractive) {
+            const detail = { selected: nextSelected };
+            this.brDidSelect.emit(detail);
+            this.brItemSelect.emit(detail);
+        }
+    }
+    isClickInsideInteractiveElement(target) {
+        const interactiveSelectors = 'br-checkbox, br-radio, br-input, br-button, br-select, br-textarea';
+        const interactiveElements = this.el.querySelectorAll(interactiveSelectors);
+        return Array.from(interactiveElements).some((el) => el.contains(target) || target === el);
+    }
+    updateCheckboxes() {
+        const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'));
+        checkboxes.forEach((checkbox) => {
+            checkbox.checked = this.selectedValue;
+        });
+    }
+    render() {
+        const TagType = this.getTagType();
+        const attributes = this.getAttributes();
+        const classList = this.getCssClassMap();
+        return (h(Host, { key: '0c2e8ad9198db23ff1c43bc1a48cabe478f4d207', tabindex: this.isInteractive || this.effectiveInteractive ? (this.disabled ? -1 : 0) : undefined }, h(TagType, { key: 'd88d1732106bba4167118f16f2a27fdf3cf0f660', class: classList, ...attributes, tabindex: this.isInteractive || this.effectiveInteractive ? (this.disabled ? -1 : 0) : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown, id: this.customId, ref: (el) => (this.focusableElement = el), onMouseDown: this.handleMouseDown, part: "item" }, this.hasSlotStart || this.hasSlotEnd ? (h("div", { class: "row align-items-center" }, this.hasSlotStart && (h("div", { class: "col-auto" }, h("slot", { name: "start" }))), h("div", { class: "col" }, h("slot", null)), this.hasSlotEnd && (h("div", { class: "col-auto" }, h("slot", { name: "end" }))))) : (h("slot", null)))));
+    }
+    static get delegatesFocus() { return true; }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "isSelected": [{
+                "handleSelectedPropChange": 0
+            }],
+        "selected": [{
+                "handleSelectedPropChange": 0
+            }]
+    }; }
+};
+Item.style = itemCss();
+
+export { Item as br_item };

package/dist/esm/br-link.entry.js

@@ -0,0 +1,131 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C2RBydfd.js';
+import { h as handleNavigationClick } from './navigation-bhULC15U.js';
+
+const linkCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-button{--button-radius:100em;--button-xsmall:24px;--button-small:32px;--button-medium:40px;--button-large:48px;--button-size:var(--button-medium);align-items:center;background-color:rgba(0,0,0,0);border:0;border-radius:var(--button-radius);color:var(--interactive);cursor:pointer;display:inline-flex;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);height:var(--button-size);justify-content:center;overflow:hidden;padding:0 var(--spacing-scale-3x);position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}.br-button.block{width:100%}.br-button.circle,.br-button[circle]{border-radius:50%;padding:0;width:var(--button-size)}.br-button.xsmall,.br-button[xsmall]{--button-size:var(--button-xsmall)}.br-button.small,.br-button[small]{--button-size:var(--button-small)}.br-button.medium,.br-button[medium]{--button-size:var(--button-medium)}.br-button.large,.br-button[large]{--button-size:var(--button-large)}.br-button.primary,.br-button[primary]{--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);color:var(--color-dark)}.br-button.secondary,.br-button[secondary]{background-color:var(--background-light);border:1px solid var(--interactive)}.br-button.danger,.br-button[danger]{background-color:var(--danger);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button.success,.br-button[success]{background-color:var(--success);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button.warning,.br-button[warning]{background-color:var(--warning);--interactive-rgb:var(--color-light-rgb);color:var(--color-light)}.br-button.info,.br-button[info]{background-color:var(--info);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button:disabled{cursor:not-allowed}.br-button:not(:disabled){--focus-offset:var(--spacing-scale-half)}.br-button:not(:disabled):focus{outline:none}.br-button:not(:disabled).focus-visible,.br-button:not(:disabled):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-button:not(:disabled):not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-button:not(:disabled):not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-button.active,.br-button.is-active,.br-button[active]{--hover:var(--hover-dark);background-color:var(--active);color:var(--color-dark)}.br-button.loading{color:rgba(0,0,0,0) !important;cursor:progress}.br-button.loading:not(:disabled):hover{background-image:none}.br-button.loading::before{border-color:var(--interactive) var(--interactive) rgba(0,0,0,0);border-style:solid}.br-button.loading.primary::before,.br-button.loading.danger::before,.br-button.loading.success::before,.br-button.loading.info::before{border-color:var(--background) var(--background) rgba(0,0,0,0)}.br-button.inverted,.br-button[inverted],.br-button.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);color:var(--interactive-dark)}.br-button.inverted.primary,.br-button.inverted[primary],.br-button[inverted].primary,.br-button[inverted][primary],.br-button.dark-mode.primary,.br-button.dark-mode[primary]{--interactive-rgb:var(--background-dark-rgb);background-color:var(--interactive-dark);color:var(--background-dark)}.br-button.inverted.secondary,.br-button.inverted[secondary],.br-button[inverted].secondary,.br-button[inverted][secondary],.br-button.dark-mode.secondary,.br-button.dark-mode[secondary]{background-color:var(--background-dark)}.br-button.inverted.active,.br-button[inverted].active,.br-button.dark-mode.active{--hover:var(--hover-light);--interactive-rgb:var(--active-rgb);background-color:var(--background-light);color:var(--active)}a.br-button{font-weight:var(--font-weight-semi-bold);text-decoration:none !important}:host{display:contents}:host([hidden]){display:none !important}:host([disabled]) a{cursor:not-allowed;opacity:.5}:host([disabled]) a:hover{background-image:none}`;
+
+const Link = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.brNavigate = createEvent(this, "brNavigate", 7);
+        this.brSpaNavigate = createEvent(this, "brSpaNavigate", 7);
+        /**
+         * URL de destino do link.
+         */
+        this.href = '#';
+        /**
+         * Controla como o componente integra a navegação mantendo `href` real no elemento navegável.
+         * - `native` (padrão): preserva o comportamento do navegador, conforme HTML/W3C.
+         * - `event`: emite `brNavigate`; se o evento for cancelado, bloqueia a navegação nativa para a SPA assumir.
+         * Cliques com modificadores, botão do meio ou `target` diferente de `_self` permanecem nativos.
+         */
+        this.navigationMode = 'native';
+        /**
+         * @deprecated Use `navigationMode="event"` e o evento `brNavigate`.
+         */
+        this.isSpaLinkBehavior = false;
+        /**
+         * Desativa o link, tornando-o não interativo.
+         * Quando `true`: remove o `href` (um `<a>` sem `href` sai da ordem de
+         * tabulação e não recebe foco, nem por clique), marca `aria-disabled="true"`
+         * e bloqueia o clique (sem navegação nem emissão de `brNavigate`).
+         * Se o link estiver focado no momento da desativação, o foco é removido.
+         * Útil para componentes como `br-pagination` e `br-wizard`.
+         */
+        this.disabled = false;
+        /**
+         * Exibe o link com o mesmo visual do componente `br-button`.
+         */
+        this.button = false;
+        /** Valor canônico de `aria-expanded`. */
+        this.ariaExpanded = null;
+        /** Valor canônico de `aria-selected`. */
+        this.ariaSelected = null;
+        /** Valor canônico de `aria-haspopup`. */
+        this.ariaHasPopup = null;
+        /** Valor canônico de `aria-current`. */
+        this.ariaCurrent = null;
+        /** Valor canônico de `aria-label`. */
+        this.ariaLabel = null;
+        /** Valor canônico de `aria-describedby`. */
+        this.ariaDescribedBy = null;
+        this.handleClick = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+                return;
+            }
+            if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+                return;
+            }
+            if (this.isSpaLinkBehavior && this.navigationMode === 'native') {
+                event.preventDefault();
+                const spaEvent = this.brSpaNavigate.emit({ event, href: this.href });
+                if (!spaEvent.defaultPrevented && typeof window !== 'undefined')
+                    window.history?.pushState(null, '', this.href);
+                return;
+            }
+            handleNavigationClick({
+                event,
+                href: this.href,
+                target: this.target,
+                navigationMode: this.navigationMode,
+                brNavigate: this.brNavigate,
+            });
+        };
+        this.getAnchorAttrs = () => {
+            const attrs = {};
+            if (this.linkRole)
+                attrs.role = this.linkRole;
+            const ariaExpanded = this.ariaExpanded ?? this.linkAriaExpanded;
+            const ariaSelected = this.ariaSelected ?? this.linkAriaSelected;
+            const ariaHasPopup = this.ariaHasPopup ?? this.linkAriaHaspopup;
+            const ariaCurrent = this.ariaCurrent ?? this.linkAriaCurrent;
+            const ariaLabel = this.ariaLabel ?? this.linkAriaLabel;
+            const ariaDescribedBy = this.ariaDescribedBy ?? this.linkAriaDescribedby;
+            if (ariaExpanded !== undefined)
+                attrs['aria-expanded'] = ariaExpanded;
+            if (ariaSelected !== undefined)
+                attrs['aria-selected'] = ariaSelected;
+            if (ariaHasPopup !== undefined)
+                attrs['aria-haspopup'] = ariaHasPopup;
+            if (ariaCurrent !== undefined && ariaCurrent !== null)
+                attrs['aria-current'] = ariaCurrent;
+            if (ariaLabel !== undefined)
+                attrs['aria-label'] = ariaLabel;
+            if (ariaDescribedBy !== undefined)
+                attrs['aria-describedby'] = ariaDescribedBy;
+            return attrs;
+        };
+        this.getRel = () => {
+            if (this.target === '_blank') {
+                // Garante noopener e noreferrer mesmo com rel customizado (mitiga tabnabbing).
+                const parts = new Set([...(this.rel ?? '').split(' ').filter(Boolean), 'noopener', 'noreferrer']);
+                return [...parts].join(' ');
+            }
+            return this.rel;
+        };
+    }
+    handleDisabledChange(isDisabled) {
+        // Remove o foco se o link for desativado enquanto focado: tabindex/href
+        // removidos não retiram um foco já aplicado.
+        if (isDisabled) {
+            this.el.shadowRoot?.querySelector('a')?.blur();
+        }
+    }
+    render() {
+        return (h(Host, { key: '3a2d7f49bfafc65412524d38a964a713ee1fe526' }, h("a", { key: 'eddc87987df0418b5fdde03b39cadbc2db73762b', part: "anchor", class: { 'br-button': this.button }, href: this.disabled ? undefined : this.href, target: this.target, rel: this.getRel(), download: this.download, hreflang: this.hreflang, referrerPolicy: this.referrerPolicy, type: this.type, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, ...this.getAnchorAttrs() }, h("slot", { key: '74ece0d935b97cb91fd9d8df789f709dc3c5068d' }))));
+    }
+    static get delegatesFocus() { return true; }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": [{
+                "handleDisabledChange": 0
+            }]
+    }; }
+};
+Link.style = linkCss();
+
+export { Link as br_link };