@prolibu-suite/cobalt-core 0.9.0 → 0.9.1

package/dist/collection/components/co-media-thumb/co-media-thumb.js

@@ -23,13 +23,13 @@ export class CoMediaThumb {
     }
     render() {
         var _a;
-        return (h("div", { key: 'acd021eb5ebcc987eeb1528b874fdbdfa48f8b52', class: {
+        return (h("div", { key: '42fce6b31a7fe5a35b41b28d96a67c800151bcec', class: {
                 'co-media-thumb': true,
                 'co-media-thumb--video': this.video,
             }, part: "thumb", style: {
                 height: this.toCss(this.height),
                 borderRadius: `${this.radius}px`,
-            } }, this.src ? (h("img", { class: "co-media-thumb__img", src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '', part: "img" })) : (h("slot", null)), this.video && (h("div", { key: 'a6ec84bed9d75673b7b917b2cb513f01545d5bf2', class: "co-media-thumb__scrim", part: "scrim" }, h("div", { key: '9ce636bf0a3d9e53eb271803fc0bbd60f4314989', class: "co-media-thumb__play", part: "play" }, h("svg", { key: '07016dfed6ee4ff793650d830f152d2555731550', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, h("path", { key: '825b3921b94248f28b30ce91b63525fd2fda5b35', d: "M2 2l12 7-12 7z", fill: "var(--co-color-base-negro, #1f1c1b)" })))))));
+            } }, this.src ? (h("img", { class: "co-media-thumb__img", src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '', part: "img" })) : (h("slot", null)), this.video && (h("div", { key: '4430246548961644d9f42f92553500940f4df104', class: "co-media-thumb__scrim", part: "scrim" }, h("div", { key: '77caecbab8334f1cfdc962ad0324a3955b96efa4', class: "co-media-thumb__play", part: "play" }, h("svg", { key: 'ebec80f90e363b1702bbb4c7dbc769d2e864a9a5', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, h("path", { key: '8e8d03f91df6cf4fb9cf18f03805739689563eb0', d: "M2 2l12 7-12 7z", fill: "var(--co-color-base-negro, #1f1c1b)" })))))));
     }
     static get is() { return "co-media-thumb"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-menu/co-menu.js

@@ -111,7 +111,7 @@ export class CoMenu {
         (_b = (_a = items[next]) === null || _a === void 0 ? void 0 : _a.focusItem) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     render() {
-        return (h("co-popover", { key: 'a386ccd371e9eb5627b6c70f43e66d6844df0b8a', placement: this.placement, offset: this.offset, open: this.open, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("slot", { key: '9115ac2e7689183d9d397bd602d1a8651dcf364d', name: "trigger", slot: "trigger" }), h("div", { key: 'a56a14dfc5810144b93ca68ce54aceb7e5c2b85c', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, h("slot", { key: '045510a7bbde56d841eee17d7561249a090e6de3' }))));
+        return (h("co-popover", { key: 'afc38289103988c2e71fd219e397f475924ebddc', placement: this.placement, offset: this.offset, open: this.open, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("slot", { key: '35c3defb8ea82fc1a077cd77f75168d1455d8a5c', name: "trigger", slot: "trigger" }), h("div", { key: '4a741c330a25f412396a4331dd63e839334acba4', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, h("slot", { key: '3448b69c6c6be4aa2fcf8dcbe1cef4298b266699' }))));
     }
     static get is() { return "co-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-menu-divider/co-menu-divider.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class CoMenuDivider {
     render() {
-        return h("hr", { key: '9896239f2395bd79f45309fb61e0a0173572947a', class: "co-menu-divider", role: "separator" });
+        return h("hr", { key: 'c20412fd7e29eb932a241e743250e8009f2a9f1e', class: "co-menu-divider", role: "separator" });
     }
     static get is() { return "co-menu-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-modal/co-modal.js

@@ -62,14 +62,14 @@ export class CoModal {
             this.coClose.emit();
     }
     render() {
-        return (h("co-overlay", { key: 'ff50cf55b239e9b98ecfd047f612b0ccbe53812d', open: this.open, onCoClose: this.handleOverlayClick }, h("div", { key: '344ca11c6dca11be7f130316979a0042c58a2727', class: "co-modal__frame" }, h("div", { key: 'd91ac84494926b9bee4f347dd14a9f1ca900c997', class: {
+        return (h("co-overlay", { key: '1e7dd281f39fb58a7f5a098ee82021025a65ec90', open: this.open, onCoClose: this.handleOverlayClick }, h("div", { key: '5e59d91ea3ff39bc12e6138466d656613ff3e31d', class: "co-modal__frame" }, h("div", { key: 'bff3571a675e6440825d84f68aa841916679b522', class: {
                 'co-modal': true,
                 'co-modal--open': this.open,
                 'co-modal--sm': this.size === 'sm',
                 'co-modal--lg': this.size === 'lg',
                 'co-modal--full': this.size === 'full',
                 'co-modal--no-dividers': this.noDividers,
-            }, part: "modal", ref: (el) => (this.modalEl = el), role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-heading", onClick: this.stopPropagation, onTransitionEnd: this.handleTransitionEnd }, h("div", { key: '9c2e4c0abfb160f422db6c048ba291fbfe403eb6', class: "co-modal__header", part: "header" }, h("div", { key: 'e35895ad9eca4b1ef77530353e86f1ea06e853dd', class: "co-modal__header-text" }, h("h2", { key: 'd628fe5b03db72fd8b632ff05df78deeeef1e85e', class: "co-modal__heading", id: "modal-heading" }, this.heading), this.description && (h("p", { key: '388698d018ccae8c14c3280c30e3039efe6285ed', class: "co-modal__description" }, this.description))), this.closable && (h("button", { key: '9a9e313e0f6f39aa25ebbcf12a3893afc5dc48c9', class: "co-modal__close", type: "button", "aria-label": "Close", onClick: this.handleCloseClick }, h("co-icon", { key: 'ae3d4a26f37c459c9ecd9badb037fe4dfb8d1b20', name: "x", size: 20 })))), !this.noDividers && (h("div", { key: '13a32d3db0aed81e11670d64c41fb7022e26e16d', class: "co-modal__body", part: "body" }, h("slot", { key: '68edd276b236c35f73652ea8c676e736a9b939dc' }))), h("div", { key: '2346c64810c60f47424383c5e8cbccc909e2dcf6', class: "co-modal__footer", part: "footer" }, h("slot", { key: '8e824c5d5b8042046b0fa8605cb21b5081f5f97c', name: "footer" }))))));
+            }, part: "modal", ref: (el) => (this.modalEl = el), role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-heading", onClick: this.stopPropagation, onTransitionEnd: this.handleTransitionEnd }, h("div", { key: 'a39e9156bbc67391944c2c7440ebdee5c9b1d049', class: "co-modal__header", part: "header" }, h("div", { key: '76f92b37830dbd3567ee2868b6fc487fb7dcf522', class: "co-modal__header-text" }, h("h2", { key: '78240a5ecb721be55a5904740fba50fe517a3450', class: "co-modal__heading", id: "modal-heading" }, this.heading), this.description && (h("p", { key: '99de158b468cfb91cd6cef9c5506993e646f2b8a', class: "co-modal__description" }, this.description))), this.closable && (h("button", { key: '442ce1a4c773e53bb6f28475fc6e609ff4606cbf', class: "co-modal__close", type: "button", "aria-label": "Close", onClick: this.handleCloseClick }, h("co-icon", { key: '8ce906f10902504246c7f981d9978dc1312c2612', name: "x", size: 20 })))), !this.noDividers && (h("div", { key: 'f5220757d63d74977ba8c7e8dbab1395310020ed', class: "co-modal__body", part: "body" }, h("slot", { key: 'f110c632c9f69a871e38805b32073c821cb3731f' }))), h("div", { key: 'bb4b829a0731a4dedfbeed8d13c051b23da81b38', class: "co-modal__footer", part: "footer" }, h("slot", { key: '7d489353555a36144fa0bc0acdbb960124036e50', name: "footer" }))))));
     }
     static get is() { return "co-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-navbar/co-navbar.js

@@ -14,12 +14,12 @@ export class CoNavbar {
         this.rounded = false;
     }
     render() {
-        return (h("div", { key: '2bfd8f245fd8e93a2d085c5cecbe729a32f10754', class: {
+        return (h("div", { key: 'b99979a7f80e002c44577f5664dd0ab7f40af57d', class: {
                 'co-navbar': true,
                 [`co-navbar--${this.variant}`]: true,
                 [`co-navbar--${this.size}`]: true,
                 'co-navbar--rounded': this.rounded,
-            }, part: "navbar", role: "toolbar" }, h("slot", { key: 'a07380f56382e9b96b335ab9169a16c8ed9e042e' })));
+            }, part: "navbar", role: "toolbar" }, h("slot", { key: 'd650d8cb7214135f439867a1279b90d54b568637' })));
     }
     static get is() { return "co-navbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-number-field/co-number-field.js

@@ -124,13 +124,13 @@ export class CoNumberField {
         this.coChange.emit(clamped);
     }
     render() {
-        return (h("div", { key: '5778de74c2122527e5e1dd5374ca7462c9777602', class: {
+        return (h("div", { key: 'a17f3666d9fa62e3714231b1c512b67a15421e91', class: {
                 'co-number-field': true,
                 'co-number-field--disabled': this.disabled,
                 'co-number-field--focused': this.focused,
                 [`co-number-field--${this.size}`]: true,
                 [`co-number-field--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel) && (h("div", { key: '13944093fe31d72ffc4ed4170dfb756224d22e41', class: "co-number-field__labels" }, this.label && h("label", { key: '1bc489c56bb27e91da2f81e56632d3a7ae3fdf13', class: "co-number-field__label" }, this.label, h(RequiredMark, { key: 'e69950bb76c776673c758086777fdf6329850981', required: this.required })), this.secondaryLabel && h("span", { key: 'd7418acba4cc4f4f585f339c74ff65ef2e7925eb', class: "co-number-field__secondary-label" }, this.secondaryLabel))), h("div", { key: '2c48d204e0f73570a6e8fb7fc1e62bc4edece3e5', class: "co-number-field__row" }, h("button", { key: '2c8e1a93f645b4abea04f3c1208420b33360dac3', class: "co-number-field__btn co-number-field__btn--minus", type: "button", tabIndex: -1, disabled: !this.canDecrement, onClick: this.handleDecrement, "aria-label": "Decrease" }, h("co-icon", { key: '5b97f5ee852aa45ad2a23479de2935a3bded9949', name: "minus", size: 16 })), h("input", { key: '71a9b87401cd8ae246feb7a11b6ade377449737b', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal", value: this.isEmpty ? '' : String(this.toDisplay(this.value)), placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown }), this.scaled && !this.isEmpty && (h("span", { key: '8d1f92d1a292095a025123df72cbb1eddd856554', class: "co-number-field__affix", "aria-hidden": "true" }, "%")), this.clearable && !this.isEmpty && !this.disabled && (h("button", { key: 'acfbb71c7e6da0f6af4a202453ab41d71f00cc0b', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '17ab4abf993d782e607a112d6eace5dcf98634d4', name: "x-circle", size: 16, weight: "fill" }))), h("button", { key: '30d79b2b4e5ad4d9dd2d5c11b0ed176de32d3447', class: "co-number-field__btn co-number-field__btn--plus", type: "button", tabIndex: -1, disabled: !this.canIncrement, onClick: this.handleIncrement, "aria-label": "Increase" }, h("co-icon", { key: '333ced48d340087501dce733c6e54708de8b5ac9', name: "plus", size: 16 }))), this.helperText && (h("div", { key: 'fdeab7f5a8f87c4374e4d1c19dd722b013df093d', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '959111c29e78996eba76e0e4dc0b9a81139536e8', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), h("span", { key: '57696fb113011d84e158cc3dfcbd619a0951c002', class: "co-number-field__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: '0a93904accabaa16d7a1e13442708ff44c8f907d', class: "co-number-field__labels" }, this.label && h("label", { key: '47bba6d60e6a62d67f2c74ba544484c917acecad', class: "co-number-field__label" }, this.label, h(RequiredMark, { key: 'd453580e0956c1e91b0f3663c3c2d9d7c7e4c82c', required: this.required })), this.secondaryLabel && h("span", { key: '85c32f97a55c44808ce6a44336594e447c1e1cd4', class: "co-number-field__secondary-label" }, this.secondaryLabel))), h("div", { key: '4351f6817e3d08cdc79b4f6242311c64ebde99f2', class: "co-number-field__row" }, h("button", { key: '8576a67dbf23d9a299728f71415664e269fceef4', class: "co-number-field__btn co-number-field__btn--minus", type: "button", tabIndex: -1, disabled: !this.canDecrement, onClick: this.handleDecrement, "aria-label": "Decrease" }, h("co-icon", { key: '8441220f10d025ac209f6a682348efd1519e51c8', name: "minus", size: 16 })), h("input", { key: '6c33ebf3559addfccdd5a15ae90e4c34eaca183b', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal", value: this.isEmpty ? '' : String(this.toDisplay(this.value)), placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown }), this.scaled && !this.isEmpty && (h("span", { key: '410d460daf25fcde952b5e58fc30b853f530f350', class: "co-number-field__affix", "aria-hidden": "true" }, "%")), this.clearable && !this.isEmpty && !this.disabled && (h("button", { key: '8e0369d14d2c8be2642efc70cc3f065a30dd287d', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '93b5cf7f38717df2efd7950c5b1624ebaf4b1bf6', name: "x-circle", size: 16, weight: "fill" }))), h("button", { key: 'effa948dedca998c27c17e768ff6b940ad8b9563', class: "co-number-field__btn co-number-field__btn--plus", type: "button", tabIndex: -1, disabled: !this.canIncrement, onClick: this.handleIncrement, "aria-label": "Increase" }, h("co-icon", { key: 'b9f4ac31129dac242e3a6cd3f48413b1e64b550a', name: "plus", size: 16 }))), this.helperText && (h("div", { key: '53772e160a9268e8caa8714a1ec2de76c8f53916', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '3643cbdc11330d50b357ea5933c105d9214bcf97', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), h("span", { key: 'ab0f3c59ebd154126c3c0a48e080afed2457a2ee', class: "co-number-field__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-number-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-option-list/co-option-list.css

@@ -674,10 +674,12 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   font-family: var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
 }
 
-/* Figma spec (panel dropdown unificado): search 32px + filas 32px/12px
- * regular, pitch vertical 34px (= fila 32 + gap 2) — debe coincidir con
- * VIRTUAL_ITEM_HEIGHT en optionListLogic.ts. El chrome del panel (borde,
- * sombra, bg, ancho) es del host; aquí solo el interior.
+/* Figma spec (panel dropdown unificado): search 32px + filas 32px, pitch
+ * vertical 34px (= fila 32 + gap 2) — debe coincidir con VIRTUAL_ITEM_HEIGHT
+ * en optionListLogic.ts. El chrome del panel (borde, sombra, bg, ancho) es del
+ * host; aquí solo el interior. Labels/search a 14px (subidos del 12px del
+ * Figma original, 2026-07-29: a 12px el texto quedaba ilegible en paneles
+ * densos como el picker de campos del filtro avanzado).
  * Todos los var() llevan fallback literal: el host puede tener un build de
  * tokens viejo sin los tokens nuevos (font-size-12, spacing-sm2, mono…). */
 .co-option-list {
@@ -723,7 +725,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   background: transparent;
   padding: 0;
   font-family: var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
-  font-size: var(--co-font-size-12, 12px);
+  font-size: var(--co-font-size-14, 14px);
   font-weight: 500;
   letter-spacing: var(--co-font-letter-spacing-body, -0.03em);
   line-height: 1;
@@ -764,7 +766,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 }
 
 /* ── Rows ────────────────────────────────────────────────── */
-/* 32px de alto, padding 4/8/4/4, radius 8, label 12px regular. */
+/* 32px de alto, padding 4/8/4/4, radius 8, label 14px regular. */
 .co-option-list__option {
   display: flex;
   align-items: center;
@@ -775,7 +777,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   padding: var(--co-spacing-xs, 4px) var(--co-spacing-sm2, 8px) var(--co-spacing-xs, 4px) var(--co-spacing-xs, 4px);
   border-radius: var(--co-border-radius-xs, 8px);
   cursor: pointer;
-  font-size: var(--co-font-size-12, 12px);
+  font-size: var(--co-font-size-14, 14px);
   letter-spacing: var(--co-font-letter-spacing-body, -0.03em);
   color: var(--co-semantic-text-default, #1f1c1b);
   transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out);
@@ -943,7 +945,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   cursor: pointer;
   text-align: left;
   font-family: var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
-  font-size: var(--co-font-size-12, 12px);
+  font-size: var(--co-font-size-14, 14px);
   letter-spacing: var(--co-font-letter-spacing-body, -0.03em);
   color: var(--co-semantic-text-secondary, #585858);
 }
@@ -965,7 +967,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   align-items: center;
   gap: var(--co-spacing-sm2, 8px);
   padding: var(--co-spacing-md, 12px) var(--co-spacing-xs, 4px);
-  font-size: var(--co-font-size-12, 12px);
+  font-size: var(--co-font-size-14, 14px);
   color: var(--co-semantic-text-muted, #888888);
 }
 

package/dist/collection/components/co-option-list/co-option-list.js

@@ -365,11 +365,11 @@ export class CoOptionList {
         const selectedIds = this.selectedIds;
         const { hasMore, remaining } = deriveMore(this.parsedItems.length, this.total, this.hasMore);
         const showClear = !!this.clearOptionLabel && selectedIds.length > 0;
-        return (h("div", { key: '7abdf55cbf87783da5a7fb6526e54b80f743c971', class: "co-option-list", onKeyDown: this.onRootKeyDown }, this.searchable && (h("div", { key: 'b7ebe6f402048db7f1565cfb1a387b2fde63a9ae', class: "co-option-list__search", part: "search" }, h("co-icon", { key: '155de622b297b3b39ec7ee4c1760885c1422020e', name: "magnifying-glass", size: 16 }), h("input", { key: '79374bea9a1afc5ee0b93392bd8409315000d65a', class: "co-option-list__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.term, onInput: this.onSearchInput, ref: (el) => (this.searchInputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list" }))), h("div", { key: 'cff1206bc9e5ad472319b6d38c06f8e3b15cf133', class: "co-option-list__options", part: "options", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : 'false', ref: (el) => (this.optionsEl = el), onScroll: this.onNativeScroll }, h("div", { key: 'b12077f8e6e97f3548ba4bd4da0c05f2b1a19909', class: "co-option-list__inner" }, showClear && (h("button", { key: '129731579fa9c6eb6da59886fe2c6b8554487846', class: "co-option-list__clear-row", type: "button", onClick: () => this.coClearSelection.emit() }, h("co-icon", { key: '9d4b7f51e3043e9cb3fede1c7db53074cd538c8c', name: "x-circle", size: 14 }), h("span", { key: '946279b2732f63a74a4e388c5a27b09236bd88d1' }, this.clearOptionLabel))), this.loading && items.length === 0 && (h("div", { key: 'ef4bd3ca4192ca8a17f87a53199838428aa0873c', class: "co-option-list__loading" }, h("co-loader", { key: 'c98049223d10b7e5e2e5ddff03cd2da1a4e26555', size: "sm" }))), !this.loading && items.length === 0 && (h("div", { key: '3d828a24b260b9ad44adc7c3e8f223dec5413e42', class: "co-option-list__empty" }, h("co-icon", { key: '5952137642716cdacf8f07222482a1e9bd17d357', name: "magnifying-glass", size: 20 }), h("span", { key: '5661973b0a3dc745670eae494785eefe8e3e4569' }, this.emptyMessage))), items.length > 0 && this.virtual
+        return (h("div", { key: 'e71c23c9e944811e8a2fe22ed0da7e0079a09fc1', class: "co-option-list", onKeyDown: this.onRootKeyDown }, this.searchable && (h("div", { key: '243cac58bf43d1d96517ce23339566f64ac0e829', class: "co-option-list__search", part: "search" }, h("co-icon", { key: '88cacafb269fba4d2f257c3fb4e782aac87e6ccb', name: "magnifying-glass", size: 16 }), h("input", { key: 'bbf89cd00fb5abcf4da69cb8717dbde333c9bee5', class: "co-option-list__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.term, onInput: this.onSearchInput, ref: (el) => (this.searchInputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list" }))), h("div", { key: '7dad7f46277280ada5db040cc075600e1ca9fc8e', class: "co-option-list__options", part: "options", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : 'false', ref: (el) => (this.optionsEl = el), onScroll: this.onNativeScroll }, h("div", { key: 'ab0925bef3b21a9458bbf9e878050032bf12a314', class: "co-option-list__inner" }, showClear && (h("button", { key: 'f0191ab61018bf5f485e38a7ec91a3669be65d8c', class: "co-option-list__clear-row", type: "button", onClick: () => this.coClearSelection.emit() }, h("co-icon", { key: 'f1fdecf5c762d0ea35fbc7b226db07af68ffe5f6', name: "x-circle", size: 14 }), h("span", { key: 'cc0f9bbbba12d77fe16b6257d1055ae0b5dfb412' }, this.clearOptionLabel))), this.loading && items.length === 0 && (h("div", { key: 'a4d274d005e27eecc2aa00bc3e26200f609b6557', class: "co-option-list__loading" }, h("co-loader", { key: 'fc26901e715b626c554fbb966acaab6c6545dc65', size: "sm" }))), !this.loading && items.length === 0 && (h("div", { key: '8e5ec84e5b457fffe510811325167120bb93d0a4', class: "co-option-list__empty" }, h("co-icon", { key: 'f4432e87a933d6a26223095c8fb98c7d524e9ec5', name: "magnifying-glass", size: 20 }), h("span", { key: '9ff323be5cbef3a9e47a3a4df2d083e45ea8c66f' }, this.emptyMessage))), items.length > 0 && this.virtual
             ? this.renderVirtual(items, selectedIds)
             : buildRows(items).map((row) => row.kind === 'header'
                 ? h("div", { class: "co-option-list__group", role: "presentation" }, row.label)
-                : this.renderRow(row.item, row.index, selectedIds)), this.loading && items.length > 0 && (h("div", { key: '673a6ef5157b4873e1ea3c0d7481880661ead459', class: "co-option-list__loading-more" }, h("co-loader", { key: '39d822a93415d7adc1eb87ad2fc9f221e0364e34', size: "sm" }))), !this.loading && hasMore && remaining > 0 && (h("div", { key: '2e0ef5fabb28f2638bb992271972387c8bf57f61', class: "co-option-list__more" }, remaining, " more results")))), h("slot", { key: '17f5b0c9d9989f7ba4df15c5f19cb71218886a51', name: "footer" })));
+                : this.renderRow(row.item, row.index, selectedIds)), this.loading && items.length > 0 && (h("div", { key: '75da57f74983d6e1d6c51c9a7028ab5b60cb09fb', class: "co-option-list__loading-more" }, h("co-loader", { key: '2de686294f2b7420c914b7fc2de6ad61accef230', size: "sm" }))), !this.loading && hasMore && remaining > 0 && (h("div", { key: 'abfd2f90990eff232b87b64f5cfe80c158e2d51c', class: "co-option-list__more" }, remaining, " more results")))), h("slot", { key: 'c8c245a8fd133ce0b24a135592a4bdac4d2da485', name: "footer" })));
     }
     static get is() { return "co-option-list"; }
     static get encapsulation() { return "shadow"; }
@@ -859,7 +859,7 @@ export class CoOptionList {
                 "name": "coSearch",
                 "bubbles": false,
                 "cancelable": true,
-                "composed": true,
+                "composed": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -874,7 +874,7 @@ export class CoOptionList {
                 "name": "coChange",
                 "bubbles": false,
                 "cancelable": true,
-                "composed": true,
+                "composed": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -896,7 +896,7 @@ export class CoOptionList {
                 "name": "coLoadMore",
                 "bubbles": false,
                 "cancelable": true,
-                "composed": true,
+                "composed": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -911,7 +911,7 @@ export class CoOptionList {
                 "name": "coClearSelection",
                 "bubbles": false,
                 "cancelable": true,
-                "composed": true,
+                "composed": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -926,7 +926,7 @@ export class CoOptionList {
                 "name": "coRemoveItem",
                 "bubbles": false,
                 "cancelable": true,
-                "composed": true,
+                "composed": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -941,7 +941,7 @@ export class CoOptionList {
                 "name": "coReorder",
                 "bubbles": false,
                 "cancelable": true,
-                "composed": true,
+                "composed": false,
                 "docs": {
                     "tags": [],
                     "text": "Emitido tras un drag-reorder: nuevo orden de ids seleccionados + \u00EDtem movido."

package/dist/collection/components/co-overlay/co-overlay.js

@@ -187,7 +187,7 @@ export class CoOverlay {
         focusables[nextIndex].focus();
     }
     render() {
-        return (h("div", { key: '4945d0a43fbe34f58e630f2cb67b3b4301e5743f', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", popover: "manual", tabindex: this.trapFocus ? -1 : undefined, ref: (el) => (this.overlayEl = el), onClick: this.handleClick, onTransitionEnd: this.handleTransitionEnd }, h("slot", { key: '4196e5718d8f8aace2a24439b770ef16ff2c2efb' })));
+        return (h("div", { key: '161c444c041a11e1582dc9f6ff9405a7cf7f58dd', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", popover: "manual", tabindex: this.trapFocus ? -1 : undefined, ref: (el) => (this.overlayEl = el), onClick: this.handleClick, onTransitionEnd: this.handleTransitionEnd }, h("slot", { key: '81ca9b2a323b7bf5c8d47db1e0b4be1283063039' })));
     }
     static get is() { return "co-overlay"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-page-header/co-page-header.js

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class CoPageHeader {
     render() {
-        return (h("div", { key: '0d1ce2960b81a9a7ace9a47e4dfe4211f9aa5751', class: "co-page-header", part: "page-header" }, h("div", { key: 'cd0989d7a005a8549cebb5a443afa95c38edb551', class: "co-page-header__left" }, this.icon && (h("span", { key: 'b5bbc595c87abea99bb3aea5141b796241ae9232', class: "co-page-header__icon" }, h("co-icon", { key: '514c8687d716cf7b70a2166d5f618fa97d715051', name: this.icon, size: 24 }))), h("span", { key: 'b8c3f604c0122e961bd964c6816112cbc9467c0b', class: "co-page-header__title" }, h("slot", { key: '460a789271c89a4f9defdeb7640fe97434a1e6e8' }, this.heading))), h("div", { key: '84b84a5e9df01d796e5d0bd2c4736da6e47b59f3', class: "co-page-header__actions" }, h("slot", { key: 'c89df3f9fd5e0e8c2017881a4f62b5fac3ad8adb', name: "actions" }))));
+        return (h("div", { key: '305f42c88d10f238351f362b72283abe82eaeb20', class: "co-page-header", part: "page-header" }, h("div", { key: '10185fe127049bfece585c59f92824888113861e', class: "co-page-header__left" }, this.icon && (h("span", { key: '017bc4f2aed8d05999c581ce0d7a4797aa84eff6', class: "co-page-header__icon" }, h("co-icon", { key: '7d5863437875aa09ad3bbe9e12c0b5d5c9f5c0c7', name: this.icon, size: 24 }))), h("span", { key: 'e62ead8cb061045d8995689dce3009e9843e3997', class: "co-page-header__title" }, h("slot", { key: '9e1d01a94942daeeb1c56f1d0f05534b45125422' }, this.heading))), h("div", { key: '5a2dd08e5b11ab33e64ddb581196d8535deb0925', class: "co-page-header__actions" }, h("slot", { key: '7fd3a5ea06593c9208a59ba2812bb827f1d39815', name: "actions" }))));
     }
     static get is() { return "co-page-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-phone-field/co-phone-field.js

@@ -159,7 +159,7 @@ export class CoPhoneField {
     render() {
         const entry = this.selectedEntry;
         const statusClass = this.status !== 'default' ? `co-phone-field--${this.status}` : '';
-        return (h("div", { key: '7d4a0a1226f8ba40202afa669447f8c419d395e4', class: `co-phone-field co-phone-field--${this.size} ${statusClass} ${this.disabled ? 'co-phone-field--disabled' : ''}` }, this.label && (h("label", { key: '15895fc034d0d4303dce675cd8f9daf57c71fcc6', class: "co-phone-field__label" }, this.label, h(RequiredMark, { key: 'edc44ea4d7a3bc0ae68eaf60b62a87b718de2407', required: this.required }))), h("div", { key: '60619b262eb6d6d46333f6f672b0576b4ad55d86', class: "co-phone-field__container" }, h("button", { key: '688f1646916dc07743f5d97dc3cf882d6083e4df', type: "button", class: "co-phone-field__selector", disabled: this.disabled, onClick: () => this.handleToggleDropdown(), "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox" }, entry ? (h("img", { class: "co-phone-field__flag", src: `https://flagcdn.com/w40/${entry.iso2.toLowerCase()}.png`, alt: entry.iso2 })) : (h("co-icon", { name: "phone", size: 16 })), h("span", { key: '6b0595471c189a7a9c3e501afd4288efe3fba936', class: "co-phone-field__dial-code" }, entry ? entry.dialCode : ''), h("span", { key: 'c00388c1846b422a966937e58908bae0a10e049c', class: "co-phone-field__chevron" }, h("co-icon", { key: 'f8100593b1dfbbcd2bd814a8af92636094a50de4', name: "caret-down", size: 14 }))), h("input", { key: 'c55322191719935623e8faa6a083f7da90d86573', class: "co-phone-field__input", type: "tel", placeholder: this.placeholder, value: this.numberPart, disabled: this.disabled, onInput: (e) => this.handleNumberInput(e) })), this.isOpen && (h("div", { key: '4724a073146df0aa8d5dc4f46fc759c412e838ff', class: "co-phone-field__dropdown", role: "listbox" }, h("div", { key: '6b1ee6a39128da83634f7336bfd48a8c9ec96c9c', class: "co-phone-field__search" }, h("input", { key: '2ca5d2020ee5d0a0795c8cb3493c8d6d752fde6d', class: "co-phone-field__search-input", type: "text", placeholder: "Search country...", value: this.searchQuery, onInput: (e) => this.handleSearchInput(e), autoFocus: true })), h("div", { key: '611a469f17f4de85b01c48ec57faed7d433fe8f4', class: "co-phone-field__options" }, this.filteredCountries.map((d) => (h("button", { type: "button", key: d.iso2, class: `co-phone-field__option ${d.iso2 === this.selectedIso2 ? 'co-phone-field__option--selected' : ''}`, role: "option", "aria-selected": d.iso2 === this.selectedIso2 ? 'true' : 'false', onClick: () => this.handleCountrySelect(d) }, h("img", { class: "co-phone-field__option-flag", src: `https://flagcdn.com/w40/${d.iso2.toLowerCase()}.png`, alt: d.iso2 }), h("span", { class: "co-phone-field__option-name" }, this.renderName(d.name)), h("span", { class: "co-phone-field__option-code" }, d.dialCode))))))), this.helperText && (h("div", { key: '2ebbd43a0168fbeda12fe8e8d03b90852feab678', class: "co-phone-field__helper" }, this.statusIcon && (h("co-icon", { key: '0b78b938f0a32ed8c7dd53e907894298a9a20582', name: this.statusIcon, size: 14, weight: "fill", class: "co-phone-field__helper-icon" })), h("span", { key: '9e4751a137675b5e0929959f8e6d74968959fe79', class: "co-phone-field__helper-text" }, this.helperText)))));
+        return (h("div", { key: '44113c6d2a4845b96b185bc1a291335ad099491b', class: `co-phone-field co-phone-field--${this.size} ${statusClass} ${this.disabled ? 'co-phone-field--disabled' : ''}` }, this.label && (h("label", { key: 'aee2eced519f996ebf8941210e5151ebe32429d3', class: "co-phone-field__label" }, this.label, h(RequiredMark, { key: '85b8d50b8062d0041b0f416beb7a140d29d06b1f', required: this.required }))), h("div", { key: '381313d069536477ded093cd236ff740dc534ae4', class: "co-phone-field__container" }, h("button", { key: '4aa81cd26e4824c45b9fd0530a4ff1016acbc877', type: "button", class: "co-phone-field__selector", disabled: this.disabled, onClick: () => this.handleToggleDropdown(), "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox" }, entry ? (h("img", { class: "co-phone-field__flag", src: `https://flagcdn.com/w40/${entry.iso2.toLowerCase()}.png`, alt: entry.iso2 })) : (h("co-icon", { name: "phone", size: 16 })), h("span", { key: 'd8ba9bbaae902853d97c37892ea2094a3a05c2ed', class: "co-phone-field__dial-code" }, entry ? entry.dialCode : ''), h("span", { key: '065c2daf2b277fd870204c989b3eb359aa68dec4', class: "co-phone-field__chevron" }, h("co-icon", { key: '53761d275d9f98010c197e7d8b8f5b20abf753fd', name: "caret-down", size: 14 }))), h("input", { key: '8340a483e8deaf24fd7b03d2239195064d392eb4', class: "co-phone-field__input", type: "tel", placeholder: this.placeholder, value: this.numberPart, disabled: this.disabled, onInput: (e) => this.handleNumberInput(e) })), this.isOpen && (h("div", { key: '6e736fb24707feb8faf373a403b192670698a043', class: "co-phone-field__dropdown", role: "listbox" }, h("div", { key: 'f0750d83d3da8cebc3c1b39d21a35b31bc17bd4a', class: "co-phone-field__search" }, h("input", { key: '546c432e6e11010e2d685780e2f5eddfbf3ad73d', class: "co-phone-field__search-input", type: "text", placeholder: "Search country...", value: this.searchQuery, onInput: (e) => this.handleSearchInput(e), autoFocus: true })), h("div", { key: '5960b2979fbedf66ea197ff7f37093b6240242bc', class: "co-phone-field__options" }, this.filteredCountries.map((d) => (h("button", { type: "button", key: d.iso2, class: `co-phone-field__option ${d.iso2 === this.selectedIso2 ? 'co-phone-field__option--selected' : ''}`, role: "option", "aria-selected": d.iso2 === this.selectedIso2 ? 'true' : 'false', onClick: () => this.handleCountrySelect(d) }, h("img", { class: "co-phone-field__option-flag", src: `https://flagcdn.com/w40/${d.iso2.toLowerCase()}.png`, alt: d.iso2 }), h("span", { class: "co-phone-field__option-name" }, this.renderName(d.name)), h("span", { class: "co-phone-field__option-code" }, d.dialCode))))))), this.helperText && (h("div", { key: 'fa9e15ba4f08abf2caff8b1b196ce25ce2e89bb9', class: "co-phone-field__helper" }, this.statusIcon && (h("co-icon", { key: '122a32febae2d6f86e32d8b3d1f2ec2df9e573c7', name: this.statusIcon, size: 14, weight: "fill", class: "co-phone-field__helper-icon" })), h("span", { key: '6117ecd58a0c2ddefca94237f7c5d815fd5c3c79', class: "co-phone-field__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-phone-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-popover/co-popover.js

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { computePosition, findNearestScrollParent, getOffsetAncestor } from "../../utils/positioning";
+import { pushLayer, removeLayer, isTopLayer } from "../../utils/popover-stack";
 /** Side classes driving the entrance `transform-origin` (see co-popover.css). */
 const SIDE_CLASSES = ['top', 'bottom', 'left', 'right'].map((s) => `co-popover__panel--${s}`);
 export class CoPopover {
@@ -13,7 +14,14 @@ export class CoPopover {
         this.matchWidth = false;
         /** Gap in px between trigger and panel. */
         this.offset = 4;
-        /** Close when clicking outside the component. */
+        /**
+         * Close when clicking outside the component.
+         *
+         * ⚠️ In a stacked popover scenario, only the top-of-stack layer reacts to
+         * outside clicks (see `handleDocumentClickManual`). If the TOP layer sets
+         * this to `false` (a persistent popover), outside clicks are swallowed
+         * entirely — popovers below it in the stack lose their dismiss too.
+         */
         this.closeOnClickOutside = true;
         /** Close when pressing Escape. */
         this.closeOnEscape = true;
@@ -39,6 +47,15 @@ export class CoPopover {
             // Early-exit keeps closed instances silent.
             if (!this.open || !this.closeOnClickOutside)
                 return;
+            // Solo el tope de la pila reacciona al click afuera: con popovers
+            // anidados (dropdown dentro de un panel de filtro), el primer click
+            // afuera cierra solo el de más arriba; el padre queda intacto. Nota: si
+            // el TOPE tiene closeOnClickOutside=false (popover persistente), el
+            // click afuera no cierra NADA — el padre queda protegido detrás del hijo
+            // persistente (comportamiento deseado: el hijo bloquea el dismiss del
+            // padre). Con un solo popover abierto, nada cambia respecto a hoy.
+            if (!isTopLayer(this.el))
+                return;
             const path = e.composedPath();
             if (!path.includes(this.el)) {
                 this.open = false;
@@ -47,6 +64,8 @@ export class CoPopover {
         this.handleDocumentKeydownManual = (e) => {
             if (!this.open || !this.closeOnEscape)
                 return;
+            if (!isTopLayer(this.el))
+                return; // solo el tope reacciona a ESC
             if (e.key === 'Escape') {
                 e.stopPropagation();
                 this.open = false;
@@ -144,12 +163,14 @@ export class CoPopover {
             this.onOpenChange(true);
     }
     disconnectedCallback() {
+        removeLayer(this.el);
         this.unbindDocListeners();
         this.cleanupListeners();
     }
     // ── Watchers ───────────────────────────────────────────────
     onOpenChange(isOpen) {
         if (isOpen) {
+            pushLayer(this.el);
             this.coOpen.emit();
             this.bindDocListeners();
             // Schedule two updates: one immediate for initial position,
@@ -163,6 +184,7 @@ export class CoPopover {
             this.addScrollListeners();
         }
         else {
+            removeLayer(this.el);
             this.coClose.emit();
             this.cleanupListeners();
             this.unbindDocListeners();
@@ -249,13 +271,13 @@ export class CoPopover {
     }
     // ── Render ─────────────────────────────────────────────────
     render() {
-        return (h("div", { key: '52d7ebec42ee6e0306bbc31f177454810299fd97', class: "co-popover" }, h("div", { key: '7b3b35302f130c9aef3d352b896ded7aa85590a4', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, h("slot", { key: 'b601a5bfa04b45a5d4d7fe8001b4537a855ef168', name: "trigger" })), this.open && (h("div", { key: '7281452d76e80934192c5d0c945e8b00672dab0c', class: "co-popover__panel", popover: "manual", ref: (el) => {
+        return (h("div", { key: '8a4ccad04a131824d9990759a41905e4772fd56c', class: "co-popover" }, h("div", { key: 'b71344c25aa5f785dbcb65425931f25403877173', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, h("slot", { key: '3a2ad77fbf1d79f917f9c7278faef8ecb65a364e', name: "trigger" })), this.open && (h("div", { key: 'dd6d65a867b15ad3d6fe18658d1f3fdd89be8806', class: "co-popover__panel", popover: "manual", ref: (el) => {
                 if (el && el !== this.panelEl) {
                     this.panelEl = el;
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            } }, h("slot", { key: 'd0903b97d26f0f16be36054f15dd64d6ae9a3d77' })))));
+            } }, h("slot", { key: '3082d046fc973bd5f571b4f9b845844be6e6bf9c' })))));
     }
     static get is() { return "co-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -369,7 +391,7 @@ export class CoPopover {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Close when clicking outside the component."
+                    "text": "Close when clicking outside the component.\n\n\u26A0\uFE0F In a stacked popover scenario, only the top-of-stack layer reacts to\noutside clicks (see `handleDocumentClickManual`). If the TOP layer sets\nthis to `false` (a persistent popover), outside clicks are swallowed\nentirely \u2014 popovers below it in the stack lose their dismiss too."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/co-progress-bar/co-progress-bar.js

@@ -18,12 +18,12 @@ export class CoProgressBar {
     render() {
         const clamped = Math.max(0, Math.min(100, this.value));
         const indeterminate = this.indeterminate;
-        return (h("div", { key: '03c7bc9c161cd1e44401cd6671c99dee6f317f59', class: {
+        return (h("div", { key: '1d46449d4034da8868004f4204007301126526dd', class: {
                 'co-progress-bar': true,
                 [`co-progress-bar--${this.status}`]: true,
                 [`co-progress-bar--${this.variant}`]: true,
                 'co-progress-bar--indeterminate': indeterminate,
-            }, role: "progressbar", "aria-valuenow": indeterminate ? undefined : clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "bar", style: { height: `${this.thickness}px` } }, h("div", { key: 'fcc7e309aa98fdb0442d5532320df3ab1d6fe902', class: "co-progress-bar__fill", style: indeterminate ? undefined : { width: `${clamped}%` } })));
+            }, role: "progressbar", "aria-valuenow": indeterminate ? undefined : clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "bar", style: { height: `${this.thickness}px` } }, h("div", { key: '2bbc631c4ee331cc265b1fb779006b72f6cd436e', class: "co-progress-bar__fill", style: indeterminate ? undefined : { width: `${clamped}%` } })));
     }
     static get is() { return "co-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-progress-circle/co-progress-circle.js

@@ -19,7 +19,7 @@ export class CoProgressCircle {
         const clamped = Math.max(0, Math.min(100, this.value));
         const angle = (clamped / 100) * 360;
         const safeStroke = Math.min(this.strokeWidth, this.size / 2);
-        return (h("div", { key: '6c378b05df9c04d7856d0514fe773f2b63d07f23', class: {
+        return (h("div", { key: '161f80b35c78efff11e7ecbff1c9cb234bb85390', class: {
                 'co-progress-circle': true,
                 [`co-progress-circle--${this.status}`]: true,
             }, role: "progressbar", "aria-valuenow": clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "circle", style: {
@@ -27,7 +27,7 @@ export class CoProgressCircle {
                 height: `${this.size}px`,
                 '--co-pc-angle': `${angle}deg`,
                 '--co-pc-stroke': `${safeStroke}px`,
-            } }, h("div", { key: '4adb6940868fca1bab3c1e8bd09088c69cae244e', class: "co-progress-circle__track" }), this.showLabel && (h("span", { key: 'a54ed3aad5460777dc765874007a6cb665cbca19', class: "co-progress-circle__label" }, clamped, "%"))));
+            } }, h("div", { key: 'f68892a3b122f6ad97cb3a2415fd7456055fdc3a', class: "co-progress-circle__track" }), this.showLabel && (h("span", { key: '4bac057faa45335a4fba807b7a58eebdabd26489', class: "co-progress-circle__label" }, clamped, "%"))));
     }
     static get is() { return "co-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-radio/co-radio.js

@@ -17,15 +17,15 @@ export class CoRadio {
         };
     }
     render() {
-        return (h("div", { key: '58271c736f2b068e5453c904aac03fdb38b128f5', class: {
+        return (h("div", { key: '4d3635f594d87efe5dbfee2dae2c57dd359c79f8', class: {
                 'co-radio-row': true,
                 'co-radio-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, h("button", { key: '9bf5caf7c7b0197caa624e0893acb26c42b446d7', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            }, onClick: this.handleClick }, h("button", { key: '8e438682bc870404be748acba71589ab87f63dec', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
                 'co-radio': true,
                 [`co-radio--${this.size}`]: true,
                 'co-radio--checked': this.checked,
                 'co-radio--disabled': this.disabled,
-            }, disabled: this.disabled, part: "circle" }), this.label && (h("span", { key: '4f09ee5fe9807a7f2ebca3a1497edcfa482dbd99', class: "co-radio__label", part: "label" }, this.label))));
+            }, disabled: this.disabled, part: "circle" }), this.label && (h("span", { key: '17668c66e61b664e3b49a2acd230b99b2cf8409b', class: "co-radio__label", part: "label" }, this.label))));
     }
     static get is() { return "co-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-rating/co-rating.js

@@ -36,16 +36,16 @@ export class CoRating {
         const iconSize = this.size === 'large' ? 28 : 20;
         const active = this.hoverValue || this.value;
         const stars = Array.from({ length: this.max }, (_, i) => i + 1);
-        return (h("div", { key: 'e0c349a8291d8e6070491da043a7e25f6a1760c9', class: {
+        return (h("div", { key: '3e6bb945a46ad896a07d2588c6a4d969bce3dfcf', class: {
                 'co-rating': true,
                 'co-rating--disabled': this.disabled,
                 'co-rating--readonly': this.readOnly,
                 [`co-rating--${this.size}`]: true,
-            } }, this.label && h("label", { key: '9b94b9f984de01b62b4fa8d81b9306373ace35ea', class: "co-rating__label" }, this.label), h("div", { key: '314c6ad766a0166ec840ef09a4e25f7215e7b431', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (h("button", { class: {
+            } }, this.label && h("label", { key: 'ef9971e3314eb4f270c35b94d2a85f25b8861b68', class: "co-rating__label" }, this.label), h("div", { key: 'b1c3997ec8a3a8950e24ef97af571d5db7283b50', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (h("button", { class: {
                 'co-rating__star': true,
                 'co-rating__star--active': star <= active,
                 'co-rating__star--hover': this.hoverValue > 0 && star <= this.hoverValue,
-            }, type: "button", tabIndex: this.disabled || this.readOnly ? -1 : 0, disabled: this.disabled, onClick: () => this.handleClick(star), onMouseEnter: () => this.handleMouseEnter(star), "aria-label": `${star} of ${this.max}` }, h("co-icon", { name: this.icon, size: iconSize, weight: star <= active ? 'fill' : 'regular' }))))), this.helperText && (h("div", { key: '5dc15f3ca66f0c187ee8cd285f8750dbae053d4a', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'ef84a476928b566635cff02144637800b1e72e6e', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), h("span", { key: 'b4ddff2a4fee37645bb5352ab4bbfa7e222f51e4', class: "co-rating__helper-text" }, this.helperText)))));
+            }, type: "button", tabIndex: this.disabled || this.readOnly ? -1 : 0, disabled: this.disabled, onClick: () => this.handleClick(star), onMouseEnter: () => this.handleMouseEnter(star), "aria-label": `${star} of ${this.max}` }, h("co-icon", { name: this.icon, size: iconSize, weight: star <= active ? 'fill' : 'regular' }))))), this.helperText && (h("div", { key: '523e14b17fceb0f52f77cd1e9b4053fdd25dffba', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'ae894de5a6c390837c511364b5e8b7ba8a8123f1', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), h("span", { key: '23d04a20799d6b15693c7eb119922e5584031373', class: "co-rating__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-rating"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-ref-field/co-ref-field.css

@@ -162,6 +162,21 @@
   align-items: center;
 }
 
+/* Badge de estado del trigger (triggerBadgeIcon): pill chico tras el label.
+   El fondo por defecto es un velo neutro que funciona sobre triggers tintados
+   (navbar por color de workspace); los hosts lo ajustan vía
+   --co-ref-field-trigger-badge-bg. */
+.co-ref-field__trigger-badge {
+  flex-shrink: 0;
+  display: grid;
+  place-items: center;
+  width: 18px;
+  height: 18px;
+  border-radius: var(--co-border-radius-xxs);
+  background: var(--co-ref-field-trigger-badge-bg, rgba(0, 0, 0, 0.22));
+  color: var(--co-semantic-text-default);
+}
+
 .co-ref-field__clear {
   flex-shrink: 0;
   display: flex;