@prolibu-suite/cobalt-core 0.9.0 → 0.9.1

package/dist/esm/co-json-field.entry.js

@@ -87,17 +87,17 @@ const CoJsonField = class {
     render() {
         const helper = this.internalInvalid ? this.invalidMessage : this.helperText;
         const statusClass = this.status !== 'default' ? `co-json-field--${this.status}` : '';
-        return (h("div", { key: '37c5b552e44d19e321bfd64a35da61e54418013c', class: {
+        return (h("div", { key: '6e303939542b1c400432876149a7f7cf94dbfad4', class: {
                 'co-json-field': true,
                 'co-json-field--disabled': this.disabled,
                 'co-json-field--focused': this.hasFocus,
                 'co-json-field--invalid': this.isInvalid,
                 [`co-json-field--${this.size}`]: true,
                 [statusClass]: !!statusClass,
-            }, part: "wrapper" }, this.label && (h("div", { key: '5ab03329fc4828abf624e473aef67bfa6878a4b1', class: "co-json-field__labels" }, h("label", { key: '14babf193d87564b813174f34df4ae4fc299155b', class: "co-json-field__label", part: "label" }, this.label, h(RequiredMark, { key: '635dd453ef2ed9ee720cc1c3f1c07a7b744d61ec', required: this.required })))), h("div", { key: '83763a2b5438b74da65e51bcbbdd6e6776eda45a', class: "co-json-field__field", part: "field" }, h("textarea", { key: '1f3929e95d98aca26d8f47b3fbce6c2c37aea3fa', class: "co-json-field__native", rows: this.rows, spellcheck: false, autocomplete: "off", value: this.draft, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'JSON' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), this.name && h("input", { key: '1dd77538a40085b72ba6b407e88d31faa73cd8dc', type: "hidden", name: this.name, value: this.draft }), helper && (h("div", { key: '6fb332624ab9dfa6b21af159ad3153eea4066c9a', class: {
+            }, part: "wrapper" }, this.label && (h("div", { key: '77c4793e6755c159d70943be68d94dc9a8f6f82c', class: "co-json-field__labels" }, h("label", { key: 'fa060ddb64fea5a78f339cf10ff46b8bbc3f6c9c', class: "co-json-field__label", part: "label" }, this.label, h(RequiredMark, { key: 'fd130517bb57f0b5c012f39e61cd4ef905c34b42', required: this.required })))), h("div", { key: '752bccc5c2193a81ef174415b0e22936d1729914', class: "co-json-field__field", part: "field" }, h("textarea", { key: '397b3e80d4d252c55f55d9e6c444083f8ee2a28a', class: "co-json-field__native", rows: this.rows, spellcheck: false, autocomplete: "off", value: this.draft, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'JSON' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), this.name && h("input", { key: '8d658f97252824dce51a262c19e251b664de9c4e', type: "hidden", name: this.name, value: this.draft }), helper && (h("div", { key: '857a97a47b5a88b0a778680329670b474ff1eac1', class: {
                 'co-json-field__helper': true,
                 'co-json-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'f4da415f949ee8d127eece321f4d8feecdd3a1ff', name: "warning-circle", size: 14, class: "co-json-field__helper-icon" })), h("span", { key: '7e3b458f7173be6ac4fdcf7df42d3a132ab5082b', class: "co-json-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'df90fefaedba9e8340b1fbfd19dd8350ab8e26af', name: "warning-circle", size: 14, class: "co-json-field__helper-icon" })), h("span", { key: '3ba614c007e38009f7cda47be0d705d63397359f', class: "co-json-field__helper-text" }, helper)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-lightbox.entry.js

@@ -339,17 +339,17 @@ const CoLightbox = class {
         const counter = s.counter
             .replace('{i}', String(this.index + 1))
             .replace('{n}', String(imgs.length));
-        return (h("div", { key: 'c1743a4e71ebdb84af2271962ba1b76a434bbe24', class: { 'co-lightbox': true, 'co-lightbox--open': this.open }, part: "overlay", role: "dialog", "aria-modal": "true", "aria-label": img === null || img === void 0 ? void 0 : img.alt, popover: "manual", ref: this.syncTopLayer, onClick: this.requestClose }, img && (h("div", { key: 'f12555c4b7e8f4f061b7a449d3cb6665c4846cda', class: "co-lightbox__toolbar", part: "toolbar", onClick: this.stop }, h("span", { key: '4bb66de1922f388886d000342f983ab852db0045', class: "co-lightbox__caption", title: img.alt }, img.alt), h("div", { key: '9fbdc078e7dbe0af9813a91a60155c1545e7309e', class: "co-lightbox__zoom" }, h("button", { key: 'b780571cec8da08b9ae069e1ffb6be1d933c4ea1', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomOut, title: s.zoomOut, onClick: () => this.zoomAt(this.scale / WHEEL_FACTOR, 0, 0) }, h("co-icon", { key: '05ffc5137ff964d4159fed49191c2af17abec51f', name: "minus", size: 16 })), h("button", { key: 'b3d6751bb3b81233ccfb61b9692b9d14dda3307f', class: "co-lightbox__btn co-lightbox__zoom-value", type: "button", "aria-label": s.zoomReset, title: s.zoomReset, onClick: () => this.resetView() }, Math.round(this.scale * 100), "%"), h("button", { key: '34ffc666558698b6e8dd3c0559ed1c5372c7947b', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomIn, title: s.zoomIn, onClick: () => this.zoomAt(this.scale * WHEEL_FACTOR, 0, 0) }, h("co-icon", { key: 'a0c066dfb0cf6026b08f85821e197e2340963979', name: "plus", size: 16 }))), h("button", { key: '12f8f66333d043214c57cebb81d1a153be72f9b3', class: "co-lightbox__btn", type: "button", "aria-label": s.openOriginal, title: s.openOriginal, onClick: this.openOriginal }, h("co-icon", { key: 'c60b9a9856aa62728576c356af09880ca2d7710d', name: "arrow-square-out", size: 16 })), h("button", { key: '8a7caebb371e5f509051b92a730712f6e304eac2', class: "co-lightbox__btn", part: "close", type: "button", "aria-label": s.close, title: s.close, ref: (el) => (this.closeBtnEl = el), onClick: this.requestClose }, h("co-icon", { key: 'efcd1f9672c2fa61b74f75b25771574ec6108004', name: "x", size: 16 })))), img && (h("div", { key: 'fc99ed851d5ffd99fb09b7c98fb4d317bcaa1f2a', class: "co-lightbox__stage", ref: (el) => (this.stageEl = el), onWheel: this.handleWheel }, h("img", { key: '7e43afbd4e170ab2b1a818501b7e34d4147c143e', class: {
+        return (h("div", { key: 'ee47c98cd468a05ffc7536756b72818bfa9391da', class: { 'co-lightbox': true, 'co-lightbox--open': this.open }, part: "overlay", role: "dialog", "aria-modal": "true", "aria-label": img === null || img === void 0 ? void 0 : img.alt, popover: "manual", ref: this.syncTopLayer, onClick: this.requestClose }, img && (h("div", { key: '80859431215ee33bc0480f8788a32886486d4e7c', class: "co-lightbox__toolbar", part: "toolbar", onClick: this.stop }, h("span", { key: '09ee3dc94fdb88f66516a1d5e5f44f1f2a90d850', class: "co-lightbox__caption", title: img.alt }, img.alt), h("div", { key: '86a02fb7b0c0e92eb633d5d61464c1a8e044564c', class: "co-lightbox__zoom" }, h("button", { key: '3e83390c0b22ef8986c39dc399f04e2cad48556e', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomOut, title: s.zoomOut, onClick: () => this.zoomAt(this.scale / WHEEL_FACTOR, 0, 0) }, h("co-icon", { key: 'e4241a61696d191b262270370924ee4700949e98', name: "minus", size: 16 })), h("button", { key: '92b11da3129dfdd181b9114c613fc3624c9df41a', class: "co-lightbox__btn co-lightbox__zoom-value", type: "button", "aria-label": s.zoomReset, title: s.zoomReset, onClick: () => this.resetView() }, Math.round(this.scale * 100), "%"), h("button", { key: 'e224e703bf5902f7b72acb6428ed5ec46ace49a1', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomIn, title: s.zoomIn, onClick: () => this.zoomAt(this.scale * WHEEL_FACTOR, 0, 0) }, h("co-icon", { key: '4216032ce75fee7e05bdbc50095ddc7037910876', name: "plus", size: 16 }))), h("button", { key: '8ec864104b0127f0d6150d91179a46b35270fb4c', class: "co-lightbox__btn", type: "button", "aria-label": s.openOriginal, title: s.openOriginal, onClick: this.openOriginal }, h("co-icon", { key: '836480f7857396b613e99abf85fedabbf73fa43a', name: "arrow-square-out", size: 16 })), h("button", { key: '736dbb247d0af9e261fa5bf21ec6113f8d40f612', class: "co-lightbox__btn", part: "close", type: "button", "aria-label": s.close, title: s.close, ref: (el) => (this.closeBtnEl = el), onClick: this.requestClose }, h("co-icon", { key: '0c45bcfb64245b5388452216204effd74482a862', name: "x", size: 16 })))), img && (h("div", { key: 'af2d7a221312f18a62895579a067e740e878caf3', class: "co-lightbox__stage", ref: (el) => (this.stageEl = el), onWheel: this.handleWheel }, h("img", { key: 'fac630a31bf240d6ef5ffe3c85136e5534722b26', class: {
                 'co-lightbox__img': true,
                 'co-lightbox__img--zoomed': this.scale > MIN_SCALE,
                 'co-lightbox__img--dragging': this.dragging,
-            }, part: "image", ref: (el) => (this.imgEl = el), src: img.src, alt: img.alt || '', draggable: false, style: { transform: `translate(${this.tx}px, ${this.ty}px) scale(${this.scale})` }, onClick: this.stop, onDblClick: this.handleDblClick, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerUp }))), img && multi && (h("button", { key: '461444963dde42d1d72af6bd88fe2013ab3858ee', class: "co-lightbox__nav co-lightbox__nav--prev", part: "prev", type: "button", "aria-label": s.prevImage, title: s.prevImage, onClick: (e) => {
+            }, part: "image", ref: (el) => (this.imgEl = el), src: img.src, alt: img.alt || '', draggable: false, style: { transform: `translate(${this.tx}px, ${this.ty}px) scale(${this.scale})` }, onClick: this.stop, onDblClick: this.handleDblClick, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerUp }))), img && multi && (h("button", { key: '3cca38f856ec367dc40596acc988875d6b334f60', class: "co-lightbox__nav co-lightbox__nav--prev", part: "prev", type: "button", "aria-label": s.prevImage, title: s.prevImage, onClick: (e) => {
                 e.stopPropagation();
                 this.goTo(-1);
-            } }, h("co-icon", { key: 'a69c348080ac70da9d5af641c502e6a1f206f7dd', name: "caret-left", size: 24 }))), img && multi && (h("button", { key: '56504889f11cb56cea40aef5676ea6916aade850', class: "co-lightbox__nav co-lightbox__nav--next", part: "next", type: "button", "aria-label": s.nextImage, title: s.nextImage, onClick: (e) => {
+            } }, h("co-icon", { key: 'f5c296f6802355140cb64b690401f12faac29faa', name: "caret-left", size: 24 }))), img && multi && (h("button", { key: 'a0104539bcc4a9ebc4090d28636c7fae7cfcf1ae', class: "co-lightbox__nav co-lightbox__nav--next", part: "next", type: "button", "aria-label": s.nextImage, title: s.nextImage, onClick: (e) => {
                 e.stopPropagation();
                 this.goTo(1);
-            } }, h("co-icon", { key: '44cb0a0c644aa75c581bdd863df98590dbd0ebc3', name: "caret-right", size: 24 }))), img && multi && (h("div", { key: '6642109e875532fea123fc75fe0cf0ea6129be85', class: "co-lightbox__counter", part: "counter", onClick: this.stop }, counter))));
+            } }, h("co-icon", { key: '6adef24091aeaa4df0bf92cbade32bdf9273c015', name: "caret-right", size: 24 }))), img && multi && (h("div", { key: '6a31e663231a66339621c26aba74c28e3c9b152e', class: "co-lightbox__counter", part: "counter", onClick: this.stop }, counter))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-list-footer.entry.js

@@ -15,7 +15,7 @@ const CoListFooter = class {
         this.handleSecondary = () => this.coSecondary.emit();
     }
     render() {
-        return (h("div", { key: 'fbf4ec72aa2f6814b558d51c44592e784355751e', class: "co-list-footer", part: "footer" }, this.secondaryLabel && (h("button", { key: '78abef0f79117263c7d30e5ce37a876d193ba5e4', class: "co-list-footer__btn co-list-footer__btn--secondary", type: "button", onClick: this.handleSecondary }, this.secondaryIcon && h("co-icon", { key: 'a765ab5be51d7eb5791d3161cf5c7d3688fa0fd7', name: this.secondaryIcon, size: 16 }), h("span", { key: '0f5d57201bcd6ce40439c26916e01f1e37fcd87e' }, this.secondaryLabel))), this.primaryLabel && (h("button", { key: '27aa3b20666c9fe2a6fb7f28a9ca6e2542dd8fd7', class: "co-list-footer__btn co-list-footer__btn--primary", type: "button", onClick: this.handlePrimary }, this.primaryIcon && h("co-icon", { key: 'bafe2ebb9cfb2cc26c682ae9b419b09a512652f8', name: this.primaryIcon, size: 16 }), h("span", { key: 'c3c9baead987beea02ead3a65d3372c5532a67b8' }, this.primaryLabel))), h("slot", { key: '7a1ce48c91cc95c320c4d680053f42555e601187' })));
+        return (h("div", { key: '8dacde70abe5f58b86003a6bb82dad4bbc4b0394', class: "co-list-footer", part: "footer" }, this.secondaryLabel && (h("button", { key: 'd6049cfd2e018323dc9426da5cc267b8ddbd3479', class: "co-list-footer__btn co-list-footer__btn--secondary", type: "button", onClick: this.handleSecondary }, this.secondaryIcon && h("co-icon", { key: '04c33cf918267dc57d6955f53be90c1aa61065a1', name: this.secondaryIcon, size: 16 }), h("span", { key: '8062a62489076b81f6dd16dc95245bee1e57826e' }, this.secondaryLabel))), this.primaryLabel && (h("button", { key: '26c8305842045d4ebd1c37d6fc304efa67c8329b', class: "co-list-footer__btn co-list-footer__btn--primary", type: "button", onClick: this.handlePrimary }, this.primaryIcon && h("co-icon", { key: '62a0cab190325e97536f72393d4a5b8accb5e9c7', name: this.primaryIcon, size: 16 }), h("span", { key: '2a7eb0c0bda8112823090f5dfdb6aa8aa6329a09' }, this.primaryLabel))), h("slot", { key: '385b7fddd09c86e8d3e0c793cf205ba9358718ec' })));
     }
 };
 CoListFooter.style = coListFooterCss();

package/dist/esm/co-list-item.entry.js

@@ -69,21 +69,21 @@ const CoListItem = class {
         requestAnimationFrame(this.measureTruncation);
     }
     render() {
-        return (h("div", { key: '23cfee682f0e7d3a22ca793b9e6b29eb89cf8ca1', class: {
+        return (h("div", { key: '5b4255d0896c4b411e4b558623d23404f9a0a099', class: {
                 'co-list-item': true,
                 'co-list-item--selected': this.selected,
                 'co-list-item--disabled': this.disabled,
                 'co-list-item--dense': this.dense,
                 'co-list-item--has-description': !!this.description,
-            }, part: "item", role: "option", tabindex: this.disabled ? -1 : 0, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'a0f3c86656e408225fdbfeb610a088f8adebfa55', class: "co-list-item__prefix" }, this.icon && h("co-icon", { key: '18be77a790afd7b83f8ad07c9af5925abed4f23b', name: this.icon, size: 18 }), h("slot", { key: '2e198e4c541e1c86c6c266cf93408e195c851428', name: "prefix" })), h("div", { key: 'cbb5768d0a7bb287dbab1e013ae5e03ff2194a1f', class: "co-list-item__content" }, this.label && (h("co-tooltip", { key: '79730131bb1a74660d6dba076b622358b7c1ee15', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, h("span", { key: '778b003dc31bc196a770a7dc6c4eebe649faf8c3', class: "co-list-item__label", ref: (el) => {
+            }, part: "item", role: "option", tabindex: this.disabled ? -1 : 0, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '8f2d21c6e38644a825dc7d90d03c8bb1ecdb9dbc', class: "co-list-item__prefix" }, this.icon && h("co-icon", { key: '42f7f82814dea4979aa42dfc199137cadca84d50', name: this.icon, size: 18 }), h("slot", { key: '2e8b8279c24afd6d6a3377a3e6407de3a946ce2d', name: "prefix" })), h("div", { key: '441c477e26e4188bf5fc57296e64ec7394244946', class: "co-list-item__content" }, this.label && (h("co-tooltip", { key: '77c6f39d6f9758dd06f8d6b3684dea9d670dc591', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, h("span", { key: '6cb1798690cd602b5d3a41259420422ec5d9f147', class: "co-list-item__label", ref: (el) => {
                 this.labelEl = el;
                 if (el && this.ro)
                     this.ro.observe(el);
-            } }, this.label))), this.description && (h("co-tooltip", { key: '56c81304ceec7039a659c1e2443a17df48bf88eb', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, h("span", { key: '5f1f870da25778bfbe801cfb769319cff71fac75', class: "co-list-item__description", ref: (el) => {
+            } }, this.label))), this.description && (h("co-tooltip", { key: 'd514a4554ec7160e192575c019c2036bafacad93', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, h("span", { key: 'ff1a1fcf77f4fcb1c8da4aa686e325609652cbb0', class: "co-list-item__description", ref: (el) => {
                 this.descEl = el;
                 if (el && this.ro)
                     this.ro.observe(el);
-            } }, this.description))), h("slot", { key: '136ec5db83f4d2a77126d734ecac511c92b36d91' })), h("span", { key: '759b18ea3bedcb7b7b8023cb6ca1444fbacb5748', class: "co-list-item__suffix" }, h("slot", { key: 'c6519a183c1b7cdb84e4d822a5e2fa523a99ab52', name: "suffix" }))));
+            } }, this.description))), h("slot", { key: 'd449919d91bab89c6152bb506e79a89670182951' })), h("span", { key: '88003131b37470c9b922c9511c38f6e95af8c55a', class: "co-list-item__suffix" }, h("slot", { key: '2e55673f5a17d14b5194490e87a332cbce70daf6', name: "suffix" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-media-thumb.entry.js

@@ -20,13 +20,13 @@ const CoMediaThumb = class {
     }
     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)" })))))));
     }
 };
 CoMediaThumb.style = coMediaThumbCss();

package/dist/esm/co-menu-divider.entry.js

@@ -7,7 +7,7 @@ const CoMenuDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("hr", { key: '9896239f2395bd79f45309fb61e0a0173572947a', class: "co-menu-divider", role: "separator" });
+        return h("hr", { key: 'c20412fd7e29eb932a241e743250e8009f2a9f1e', class: "co-menu-divider", role: "separator" });
     }
 };
 CoMenuDivider.style = coMenuDividerCss();

package/dist/esm/co-menu.entry.js

@@ -90,7 +90,7 @@ const CoMenu = class {
         (_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' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-modal.entry.js

@@ -65,14 +65,14 @@ const CoModal = class {
             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" }))))));
     }
 };
 CoModal.style = coModalCss();

package/dist/esm/co-navbar.entry.js

@@ -13,12 +13,12 @@ const CoNavbar = class {
         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' })));
     }
 };
 CoNavbar.style = coNavbarCss();

package/dist/esm/co-number-field.entry.js

@@ -130,13 +130,13 @@ const CoNumberField = class {
         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)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/co-overlay.entry.js

@@ -247,7 +247,7 @@ const CoOverlay = class {
         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' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-page-header.entry.js

@@ -7,7 +7,7 @@ const CoPageHeader = class {
         registerInstance(this, hostRef);
     }
     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" }))));
     }
 };
 CoPageHeader.style = coPageHeaderCss();

package/dist/esm/co-phone-field.entry.js

@@ -359,7 +359,7 @@ const CoPhoneField = class {
     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)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-popover.entry.js

@@ -1,6 +1,31 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CrtiywTB.js';
 import { c as computePosition, g as getOffsetAncestor, f as findNearestScrollParent } from './positioning-BMdapAL8.js';
 
+/**
+ * Pila global de popovers abiertos (orden de apertura). Permite que el
+ * outside-click y ESC cierren SOLO el popover de más arriba: con un dropdown
+ * anidado dentro de un panel (filtro de columna), el primer click afuera
+ * cierra el dropdown y el segundo cierra el panel — no todo junto.
+ *
+ * Alcance: EXCLUSIVAMENTE co-popover. co-drawer, co-modal, co-overlay y
+ * co-bottom-sheet NO participan de esta pila — resuelven su propio layering
+ * por separado (co-drawer, por ejemplo, con un querySelector de drawers/
+ * modales abiertos). No es un layer manager global.
+ */
+const stack = [];
+function pushLayer(el) {
+    removeLayer(el); // re-open: mover al tope, nunca duplicar
+    stack.push(el);
+}
+function removeLayer(el) {
+    const i = stack.indexOf(el);
+    if (i !== -1)
+        stack.splice(i, 1);
+}
+function isTopLayer(el) {
+    return stack.length > 0 && stack[stack.length - 1] === el;
+}
+
 const coPopoverCss = () => `:host{display:inline-block;position:relative}:host([match-width]){display:block;width:100%}.co-popover{display:block;width:100%}.co-popover__trigger{display:block;width:100%;cursor:pointer}.co-popover__panel{position:fixed;inset:auto;top:0;left:0;margin:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;z-index:10000;visibility:hidden;opacity:0;transform:scale(0.98);background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:visible}.co-popover__panel--positioned{visibility:visible;opacity:1;transform:scale(1);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out),     transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-popover__panel--bottom{transform-origin:top center}.co-popover__panel--top{transform-origin:bottom center}.co-popover__panel--right{transform-origin:center left}.co-popover__panel--left{transform-origin:center right}`;
 
 /** Side classes driving the entrance `transform-origin` (see co-popover.css). */
@@ -19,7 +44,14 @@ const CoPopover = class {
         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;
@@ -45,6 +77,15 @@ const CoPopover = class {
             // 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;
@@ -53,6 +94,8 @@ const CoPopover = class {
         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;
@@ -150,12 +193,14 @@ const CoPopover = class {
             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,
@@ -169,6 +214,7 @@ const CoPopover = class {
             this.addScrollListeners();
         }
         else {
+            removeLayer(this.el);
             this.coClose.emit();
             this.cleanupListeners();
             this.unbindDocListeners();
@@ -255,13 +301,13 @@ const CoPopover = class {
     }
     // ── 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' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-progress-bar.entry.js

@@ -19,12 +19,12 @@ const CoProgressBar = class {
     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}%` } })));
     }
 };
 CoProgressBar.style = coProgressBarCss();

package/dist/esm/co-progress-circle.entry.js

@@ -20,7 +20,7 @@ const CoProgressCircle = class {
         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: {
@@ -28,7 +28,7 @@ const CoProgressCircle = class {
                 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, "%"))));
     }
 };
 CoProgressCircle.style = coProgressCircleCss();

package/dist/esm/co-provider-logo_2.entry.js

@@ -61,7 +61,7 @@ const CoSkeleton = class {
         const style = { width: this.width };
         if (this.height)
             style.height = this.height;
-        return (h("div", { key: '319cb18749e7b42bdb62cb8c845f97a3b92a3cae', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
+        return (h("div", { key: 'c7eca2183d2d738c8eb59980c05c8a83a8344d68', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
     }
 };
 CoSkeleton.style = coSkeletonCss();

package/dist/esm/co-radio.entry.js

@@ -22,15 +22,15 @@ const CoRadio = class {
         };
     }
     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))));
     }
 };
 CoRadio.style = coRadioCss();

package/dist/esm/co-rating.entry.js

@@ -41,16 +41,16 @@ const CoRating = class {
         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)))));
     }
 };
 CoRating.style = coRatingCss();

package/dist/esm/co-ref-field.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { R as RequiredMark } from './requiredMark-DCD-ZA51.js';
 import { F as FieldChip } from './fieldChip-BZDUy9Z-.js';
 
-const coRefFieldCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-ref-field-trigger-bg, var(--co-semantic-surface-page));border:1px solid var(--co-ref-field-trigger-border-color, var(--co-semantic-border-field));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-ref-field--flat{background:transparent;border-color:transparent}.co-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout='horizontal']) .co-ref-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-ref-field__label{white-space:normal}:host([layout='horizontal']) .co-ref-field>:not(.co-ref-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
+const coRefFieldCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-ref-field-trigger-bg, var(--co-semantic-surface-page));border:1px solid var(--co-ref-field-trigger-border-color, var(--co-semantic-border-field));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-ref-field--flat{background:transparent;border-color:transparent}.co-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.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;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout='horizontal']) .co-ref-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-ref-field__label{white-space:normal}:host([layout='horizontal']) .co-ref-field>:not(.co-ref-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
 
 const CoRefField = class {
     constructor(hostRef) {
@@ -69,6 +69,15 @@ const CoRefField = class {
         this.maxChips = 0;
         /** Panel color theme. 'auto' follows trigger, 'dark' forces dark panel, 'light' forces light. */
         this.panelTheme = 'auto';
+        /**
+         * Phosphor icon rendered as a small status badge after the selected label in
+         * the trigger (e.g. 'funnel' = strict workspace filter active). Only shows
+         * while a value is selected. Empty = no badge. Tint the pill via
+         * --co-ref-field-trigger-badge-bg.
+         */
+        this.triggerBadgeIcon = '';
+        /** Accessible name / tooltip for the trigger badge. */
+        this.triggerBadgeLabel = '';
         /**
          * Shape of the leading avatar (selected value + option rows). Defaults to
          * 'circle' (people refs); use 'square' for company/workspace refs — it renders
@@ -298,7 +307,7 @@ const CoRefField = class {
                 [`co-ref-field--${this.normalizedSize}`]: true,
                 [`co-ref-field--${this.status}`]: this.status !== 'default',
                 'co-ref-field--flat': this.variant === 'flat',
-            }, onClick: this.handleTriggerClick }, this.iconLeft && (h("span", { class: "co-ref-field__icon" }, h("co-icon", { name: this.iconLeft, size: 16 }))), h("div", { class: "co-ref-field__value" }, !hasValue && h("span", { class: "co-ref-field__placeholder", part: "trigger-placeholder" }, this.placeholder), hasValue && !this.multiple && this.renderSingleValue(selected[0]), hasValue && this.multiple && this.renderMultipleValue(selected)), hasValue && this.clearable && !this.disabled && (h("button", { class: "co-ref-field__clear", part: "trigger-clear", onClick: this.handleClear, type: "button" }, h("co-icon", { name: "x", size: 14 }))), h("span", { class: "co-ref-field__caret", part: "trigger-chevron" }, h("co-icon", { name: "caret-up-down", size: 16 }))));
+            }, onClick: this.handleTriggerClick }, this.iconLeft && (h("span", { class: "co-ref-field__icon" }, h("co-icon", { name: this.iconLeft, size: 16 }))), h("div", { class: "co-ref-field__value" }, !hasValue && h("span", { class: "co-ref-field__placeholder", part: "trigger-placeholder" }, this.placeholder), hasValue && !this.multiple && this.renderSingleValue(selected[0]), hasValue && this.multiple && this.renderMultipleValue(selected)), hasValue && this.triggerBadgeIcon && (h("span", { class: "co-ref-field__trigger-badge", part: "trigger-badge", role: "img", title: this.triggerBadgeLabel || undefined, "aria-label": this.triggerBadgeLabel || undefined }, h("co-icon", { name: this.triggerBadgeIcon, size: 11, weight: "fill" }))), hasValue && this.clearable && !this.disabled && (h("button", { class: "co-ref-field__clear", part: "trigger-clear", onClick: this.handleClear, type: "button" }, h("co-icon", { name: "x", size: 14 }))), h("span", { class: "co-ref-field__caret", part: "trigger-chevron" }, h("co-icon", { name: "caret-up-down", size: 16 }))));
     }
     /**
      * Leading visual for a selected value / chip. Prefers a real avatar (image
@@ -345,11 +354,11 @@ const CoRefField = class {
                 'co-ref-field__panel': true,
                 'co-ref-field__panel--dark': this.panelTheme === 'dark',
                 'co-ref-field__panel--light': this.panelTheme === 'light',
-            } }, h("co-option-list", { ref: (el) => (this.optionListEl = el), items: typeof this.options === 'string' ? this.options : JSON.stringify(this.options), value: this.value, selectedItems: typeof this.selectedDisplay === 'string' ? this.selectedDisplay : JSON.stringify(this.selectedDisplay), multiple: this.multiple, selectedFirst: this.multiple, reorderable: this.multiple, selectedAffordance: "deselect", searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: this.searchDebounce, loading: this.loading, total: this.total, emptyMessage: this.emptyMessage, avatarShape: this.avatarShape, onCoSearch: (e) => this.coSearch.emit(e.detail), onCoChange: (e) => this.handleListChange(e.detail), onCoReorder: (e) => this.handleReorder(e.detail), onCoLoadMore: () => this.coLoadMore.emit() }, this.showFooter && (h("div", { class: "co-ref-field__footer", slot: "footer" }, h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--secondary", type: "button", onClick: this.handleFooterSecondary }, h("co-icon", { name: "plus", size: 16 }), h("span", null, this.footerSecondaryLabel)), h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--primary", type: "button", onClick: this.handleFooterPrimary }, h("co-icon", { name: "check", size: 16 }), h("span", null, this.footerPrimaryLabel)))))));
+            }, style: this.panelWidth ? { width: this.panelWidth } : undefined }, h("co-option-list", { ref: (el) => (this.optionListEl = el), items: typeof this.options === 'string' ? this.options : JSON.stringify(this.options), value: this.value, selectedItems: typeof this.selectedDisplay === 'string' ? this.selectedDisplay : JSON.stringify(this.selectedDisplay), multiple: this.multiple, selectedFirst: this.multiple, reorderable: this.multiple, selectedAffordance: "deselect", searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: this.searchDebounce, loading: this.loading, total: this.total, emptyMessage: this.emptyMessage, avatarShape: this.avatarShape, onCoSearch: (e) => this.coSearch.emit(e.detail), onCoChange: (e) => this.handleListChange(e.detail), onCoReorder: (e) => this.handleReorder(e.detail), onCoLoadMore: () => this.coLoadMore.emit() }, h("slot", { name: "panel-footer", slot: "footer" }), this.showFooter && (h("div", { class: "co-ref-field__footer", slot: "footer" }, this.footerSecondaryLabel && (h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--secondary", type: "button", onClick: this.handleFooterSecondary }, h("co-icon", { name: "plus", size: 16 }), h("span", null, this.footerSecondaryLabel))), h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--primary", type: "button", onClick: this.handleFooterPrimary }, h("co-icon", { name: "check", size: 16 }), h("span", null, this.footerPrimaryLabel)))))));
     }
     // ── Main render ────────────────────────────────────────────
     render() {
-        return (h("div", { key: '8b4d5429c6c13f9dbea56dfe5673be2f2bf8e234', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (h("div", { key: '6fb3fb006ed5c6bf089608205cbecc4399f8131f', class: "co-ref-field__labels" }, this.label && (h("label", { key: '045edee2c573f3b3a678377f7ac81baef16ca547', class: "co-ref-field__label" }, this.labelIcon && (h("co-icon", { key: '8a3fe75b68f69f6bbc1eead72e3a71e4a02d9ff9', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, h(RequiredMark, { key: 'd0935348ad1aaca3ebeb302abfd212250ca01d2c', required: this.required }))), this.secondaryLabel && (h("span", { key: 'f1b2f5578de05162b97f64041250ec92c2d0601b', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: '126310c2e579a9f8ac530d0471db742f5f087433', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '07b0c236d0fadd7fef4f719b4f6f190e57a7c488', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (h("div", { key: '31b252868ebfaca932adf5a47e3f61f4b03dc5a3', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (h("co-icon", { key: '123ec829c6a45a960212521cfc49e4a98d5e1785', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), h("span", { key: '24e573b9fb884a0f006d32136b00d9c7406e3722' }, this.helperText)))));
+        return (h("div", { key: '2947ab90a0811a53bc77263f96f13da30a2ed975', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (h("div", { key: '5e16afd2e37e56191e019cdf4be27aea292836eb', class: "co-ref-field__labels" }, this.label && (h("label", { key: '28b97b7f577fa1a1ea2c2c9a8bbd31aa9915ef7f', class: "co-ref-field__label" }, this.labelIcon && (h("co-icon", { key: 'a02fdfc4ebd37c6b7fe1ff84788fb5b94b11c5bf', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, h(RequiredMark, { key: '933bb1d1d78894a9d127d0666f184a470bbe621f', required: this.required }))), this.secondaryLabel && (h("span", { key: 'cfe226e11e1cafb1187a90c4bba8abfe2318a9ca', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: 'd6fb3e669735e53c4b01269a69c018d703761758', open: this.isOpen, placement: "bottom-start", matchWidth: !this.panelWidth, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '7f80d30580f77a23b38f85a4771b6fb1170f6791', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (h("div", { key: '9ed05c93faee76f9d4ff18f41f8ae1e8ce60a734', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (h("co-icon", { key: 'ffcb659c5dd52bc6f8b14ca982d0cba5f4089529', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), h("span", { key: 'ab0f53e7e2ade7d635389767b0b31d89844697ae' }, this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {