@prolibu-suite/cobalt-core 0.11.0 → 0.11.2

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

@@ -140,11 +140,17 @@ const CoNumberField = class {
         this.required = false;
         /** Label layout: vertical (label above) or horizontal (label beside) */
         this.layout = 'vertical';
+        /** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
         this.status = 'default';
+        /** Valor numérico (reflejado); `null` = vacío (solo alcanzable con `clearable`). El componente lo actualiza. */
         this.value = 0;
+        /** Paso de los botones −/+ y de las flechas (default 1). */
         this.step = 1;
+        /** Deshabilita el campo y los botones. */
         this.disabled = false;
+        /** Placeholder del campo vacío (default `'0'`). */
         this.placeholder = '0';
+        /** Alto del campo: `s` 28 · `sm` 32 · `md` 40 (default) · `lg` 48. */
         this.size = 'md';
         /** Show clear button when the field has a value */
         this.clearable = false;
@@ -424,18 +430,18 @@ const CoNumberField = class {
         return this.scaled && !this.isEmpty ? '%' : null;
     }
     render() {
-        return (h("div", { key: 'cfe8c799eba592d7eab1bf8fc7dfc3a143123206', class: {
+        return (h("div", { key: 'cf4d63ce0278fd8f429aa4bf541497b7cf178ffe', 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: 'b15f9ddc1de6c026d92ee4776dc9209359d9a33b', class: "co-number-field__labels" }, this.label && h("label", { key: '449cb18609fa0aafe53cfd8eea7f2ea30e1b822c', class: "co-number-field__label" }, this.label, h(RequiredMark, { key: '87e3da885243de08bce2e63c6d94eaf0b5ec374c', required: this.required })), this.secondaryLabel && h("span", { key: 'eccc1dba84e28783d2c15f442ec7713e24b0a4e2', class: "co-number-field__secondary-label" }, this.secondaryLabel))), h("div", { key: '6afdf37dd4e52fe7ec168bea6cb84a15f7f67414', class: "co-number-field__row", part: "row" }, !this.hideControls && (h("button", { key: 'b858fc8ae0c6cfcf4e4ee7c30e11d967a0aa2e0e', 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: '37e7b6b9ddeb72ed33f9131ee010149e64cdf509', name: "minus", size: 16 }))), h("input", { key: 'a9656744984f93fe8955fb46afd28735a31b439a', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal",
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'ecf9fd16f18a3ebbaef5b81b0c8ae41b80f04abf', class: "co-number-field__labels" }, this.label && h("label", { key: '7602d901e085e3380dff2a355d61ac1dc515428b', class: "co-number-field__label" }, this.label, h(RequiredMark, { key: '361743bf41c66ff28ceec00aba583328f2404713', required: this.required })), this.secondaryLabel && h("span", { key: 'ec9af4b27f3915704ef89ed6f51e7184eb5e1dd4', class: "co-number-field__secondary-label" }, this.secondaryLabel))), h("div", { key: '30f1716aed06da03f924fa1da2b2ab29dbede0bb', class: "co-number-field__row", part: "row" }, !this.hideControls && (h("button", { key: '1dbee1178df2a86e54ae42572a20ecf30484b8bc', 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: '40f61bd3774fb03b6aaceaef006dd45f2df260d3', name: "minus", size: 16 }))), h("input", { key: '254a74cd61a2776a69953965f8b289267b25fbb2', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal",
             // Mismo guard `focused` que el @Watch: mientras el usuario edita, su
             // texto manda. Sin esto, el re-render que dispara emitValue repinta
             // el input desde el NÚMERO y se come el texto en construcción
             // ("34,640.00" pegado quedaba "34,640"; un "12." perdería el punto).
-            value: this.focused && this.inputEl ? this.inputEl.value : this.displayValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }), this.affixText && (h("span", { key: 'a2a7a46bc8e2ad04a4577d0ab32444deab4f4948', class: "co-number-field__affix", "aria-hidden": "true" }, this.affixText)), this.clearable && !this.isEmpty && !this.disabled && (h("button", { key: '4123b22bb2412768a68daaedf02585209f605998', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '103adae6937baaa8b9ce6abb8c5b4a262b18a237', name: "x-circle", size: 16, weight: "fill" }))), h("slot", { key: 'e55d3dc0bbe1fc1cb4a46356c6851f508d04e73b', name: "suffix" }), !this.hideControls && (h("button", { key: '37c01ae815d19c01dfb977175cea070486964670', 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: '02d8b9b44d3a3193d8036e7ce46be922bc1304e3', name: "plus", size: 16 })))), this.helperText && (h("div", { key: '2f72a4dcdfb96e186534c7ada315dad9dbd8b874', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'a7ad565fedf3799847b884f187ec8c9992ce4c0a', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), h("span", { key: '122017cba05350b34dfbf2f9f6f7d14c41550904', class: "co-number-field__helper-text" }, this.helperText)))));
+            value: this.focused && this.inputEl ? this.inputEl.value : this.displayValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }), this.affixText && (h("span", { key: '836ea4e4cba0b21a36b1017d6fc0c4d621d69e56', class: "co-number-field__affix", "aria-hidden": "true" }, this.affixText)), this.clearable && !this.isEmpty && !this.disabled && (h("button", { key: '5eefa937a055dea1855d1bc3bae675003d8382c8', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '096dec8d88b7b241cd83a04788bc4db05feec585', name: "x-circle", size: 16, weight: "fill" }))), h("slot", { key: '1ea7d1ff2c61d74b0884e7b8f1b7b54de4978876', name: "suffix" }), !this.hideControls && (h("button", { key: '9ae95697534b85dcd928c0d0e7f72a3b8c5402c7', 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: 'af526ac4278865052f32ae7359a571aa485492af', name: "plus", size: 16 })))), this.helperText && (h("div", { key: '9bad3ffd8c70ce49205132f9f73294a83b6ebbc3', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '4987bc82011c4bb93e1bd00ef1ffd45d2e8681f4', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), h("span", { key: '8eac5821653dc0110113f94833e13f27411188a7', class: "co-number-field__helper-text" }, this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -55,20 +55,112 @@ function resolveTabIndex(count, activeIndex, shiftKey) {
     // Forward: from the last element (or from outside) wrap to the first.
     return activeIndex === -1 || activeIndex >= count - 1 ? 0 : activeIndex + 1;
 }
+// ── Recorrido compuesto (QA 2026-09-24, «Generar contrato» de contratos V2) ──
+// El foco nunca entraba ni quedaba atrapado en un co-modal: `getFocusableElements`
+// solo mira el light DOM de co-overlay (el frame del modal: el ✕). El contenido
+// del consumidor llega por DOS <slot> (el de co-overlay y el del frame) y los
+// controles reales viven en el shadow de cada co-* (el <button> de co-button, el
+// <input> de co-input). El recorrido sigue el árbol PLANO: baja por shadowRoots
+// y, en cada <slot>, por sus asignados — o por su contenido por defecto si no
+// tiene. Todo esto corre solo en el navegador (abrir la trampa / cada Tab).
+/** Hijos en el árbol plano: el shadow del host, los asignados de un slot o los hijos. */
+function composedChildren(el) {
+    if (el.shadowRoot)
+        return Array.from(el.shadowRoot.children);
+    if (el.tagName === 'SLOT') {
+        const assigned = el.assignedElements({ flatten: true });
+        return assigned.length ? assigned : Array.from(el.children);
+    }
+    return Array.from(el.children);
+}
+/** Subárbol fuera de la trampa entero: oculto a AT o inerte. */
+function isExcludedSubtree(el) {
+    return el.getAttribute('aria-hidden') === 'true' || el.hasAttribute('inert');
+}
+/**
+ * Parada de Tab: matchea el selector, no está deshabilitado, no se sacó del
+ * orden con tabindex negativo (los botones internos de un trigger co-* —clear,
+ * chips— van con `tabIndex={-1}`, y `button:not([disabled])` los matchearía
+ * igual), tiene caja (offsetParent null = display:none; getClientRects cubre
+ * position:fixed) y no es `visibility:hidden`: un acordeón o fieldset colapsado
+ * conserva la caja pero el navegador no le da el foco, y la trampa lo elegiría
+ * igual → Tab clavado (WCAG 2.1.2). Sin la API (navegador viejo, jsdom) no filtra.
+ */
+function isTabStop(el) {
+    var _a, _b;
+    if (!((_a = el.matches) === null || _a === void 0 ? void 0 : _a.call(el, FOCUSABLE_SELECTOR)) || el.hasAttribute('disabled'))
+        return false;
+    const tabindex = el.getAttribute('tabindex');
+    if (tabindex !== null && Number(tabindex) < 0)
+        return false;
+    if (el.offsetParent === null && el.getClientRects().length === 0)
+        return false;
+    return ((_b = el.checkVisibility) === null || _b === void 0 ? void 0 : _b.call(el, { visibilityProperty: true })) !== false;
+}
 /**
- * Collect the tabbable elements slotted into the overlay's light DOM, skipping
- * hidden / aria-hidden ones. (Focusables nested inside further shadow roots are
- * out of scope — the common dialog/modal content lives in the slotted subtree.)
+ * Recorre en orden del árbol plano los descendientes compuestos de `root` (sin
+ * incluirlo) hasta que `visit` devuelve true. Poda aria-hidden / inert.
  */
-function getFocusableElements(root) {
-    const nodes = Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR));
-    return nodes.filter((el) => !el.hasAttribute('disabled') &&
-        el.getAttribute('aria-hidden') !== 'true' &&
-        // offsetParent is null for display:none; getClientRects covers position:fixed.
-        (el.offsetParent !== null || el.getClientRects().length > 0));
+function walkComposed(root, visit) {
+    const step = (node) => {
+        if (isExcludedSubtree(node))
+            return false;
+        if (visit(node))
+            return true;
+        return composedChildren(node).some(step);
+    };
+    composedChildren(root).some(step);
+}
+/** Primer descendiente compuesto que cumple `match`, en orden del árbol plano. */
+function findComposed(root, match) {
+    let found = null;
+    walkComposed(root, (el) => {
+        if (!match(el))
+            return false;
+        found = el;
+        return true;
+    });
+    return found;
+}
+/**
+ * Paradas de Tab dentro de `root` en el árbol COMPUESTO (shadowRoots + slots
+ * asignados), con las mismas exclusiones que `getFocusableElements`.
+ */
+function getComposedFocusables(root) {
+    const out = [];
+    walkComposed(root, (el) => {
+        if (isTabStop(el))
+            out.push(el);
+        return false;
+    });
+    return out;
+}
+/**
+ * Dónde cae el foco al abrir la trampa: el primer `[autofocus]` del recorrido
+ * compuesto —si es un host con shadow (`<co-input autofocus>`), su primer
+ * enfocable compuesto—; si no hay, la primera parada de Tab. `null` = nada
+ * enfocable (el llamador cae al contenedor).
+ */
+function resolveInitialFocus(root) {
+    const autofocus = findComposed(root, (el) => el.hasAttribute('autofocus'));
+    if (autofocus) {
+        if (isTabStop(autofocus))
+            return autofocus;
+        const inner = autofocus.shadowRoot ? getComposedFocusables(autofocus)[0] : undefined;
+        if (inner)
+            return inner;
+    }
+    return findComposed(root, isTabStop);
+}
+/**
+ * Con dos trampas abiertas (un confirm sobre un modal, un modal anidado) las dos
+ * escuchan el keydown de document: solo la capa MÁS RECIENTE maneja Tab.
+ */
+function isTopTrap(stack, id) {
+    return stack.length > 0 && stack[stack.length - 1] === id;
 }
 
-const coOverlayCss = () => `:host{display:contents}.co-overlay{position:fixed;inset:0;z-index:1000;margin:0;border:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;overflow:visible;display:flex;align-items:center;justify-content:center;background:var(--co-overlay-bg, rgba(0, 0, 0, 0.4));-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-overlay--open{opacity:1;pointer-events:auto;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out)}`;
+const coOverlayCss = () => `:host{display:contents}.co-overlay{position:fixed;inset:0;z-index:1000;margin:0;border:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;overflow:visible;display:flex;align-items:center;justify-content:center;background:var(--co-overlay-bg, rgba(0, 0, 0, 0.4));-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-overlay--open{opacity:1;pointer-events:auto;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-overlay--refront{transition:none !important}`;
 
 /**
  * Module-level body-scroll lock shared by every overlay instance.
@@ -96,6 +188,16 @@ function unlockBodyScroll() {
         document.body.style.overflow = savedOverflow;
     }
 }
+/**
+ * Pila de trampas de foco ABIERTAS, compartida por todas las instancias (como el
+ * scroll lock). Todas escuchan el keydown de document: con un confirm encima de
+ * un modal, las dos movían el foco en el mismo Tab. Solo la capa más reciente
+ * (`isTopTrap`) maneja Tab y el foco inicial.
+ */
+const trapStack = [];
+let trapSeq = 0;
+/** Clase del div mientras dura el re-apilado de `bringToFront()` (ver co-overlay.css). */
+const REFRONT_CLASS = 'co-overlay--refront';
 function nextFrame(cb) {
     if (typeof requestAnimationFrame === 'function')
         requestAnimationFrame(cb);
@@ -115,6 +217,11 @@ const CoOverlay = class {
          * previously-focused element, moves focus into the overlay, cycles Tab /
          * Shift+Tab within the slotted content, and restores focus on close.
          * Default false → existing consumers are unchanged.
+         *
+         * The walk is COMPOSED (shadow roots + assigned slots): it reaches the
+         * consumer's content projected through a host's slots and the inner control
+         * of every co-* (a co-button's `<button>`). With several traps open, only the
+         * most recent one handles Tab.
          */
         this.trapFocus = false;
         /**
@@ -124,6 +231,10 @@ const CoOverlay = class {
         this.closeOnEscape = false;
         /** Whether THIS instance currently holds a scroll lock (prevents double-count). */
         this.hasLock = false;
+        /** Identidad de esta instancia en `trapStack`. */
+        this.trapId = `co-overlay-trap-${++trapSeq}`;
+        /** Whether THIS instance is currently in `trapStack` (prevents double push). */
+        this.trapping = false;
         // Origen de la pulsación en curso (ver isBackdropDismiss): un drag que
         // empieza dentro del contenido y suelta en el fondo NO es un cierre —el
         // navegador despacha ese `click` al ancestro común, el propio scrim—, ni
@@ -165,27 +276,55 @@ const CoOverlay = class {
         else
             this.releaseLock();
         this.syncPopover();
-        if (this.trapFocus) {
-            if (isOpen)
-                this.captureAndFocus();
-            else
-                this.restoreFocus();
-        }
+        this.syncTrap();
+    }
+    onTrapFocusChange() {
+        this.syncTrap();
     }
     componentDidLoad() {
         // Handle the case where the overlay mounts already open.
         if (this.open)
             this.acquireLock();
         this.syncPopover();
-        if (this.open && this.trapFocus)
-            this.captureAndFocus();
+        this.syncTrap();
     }
     disconnectedCallback() {
         // Safety: never leave the body locked if removed while open.
         this.releaseLock();
-        // Safety: return focus if we were removed while trapping.
-        if (this.trapFocus)
-            this.restoreFocus();
+        // Safety: leave the trap stack and return focus if removed while trapping.
+        this.releaseTrap();
+    }
+    /**
+     * Re-promueve el scrim al TOPE del top layer (QA 2026-09-24, «Generar
+     * contrato»): un drawer abierto DESPUÉS de un modal pintaba encima, porque en
+     * el top layer gana el último promovido y no hay z-index que lo corrija.
+     * `hidePopover()` + `showPopover()` lo vuelven a meter último.
+     *
+     * No es un cierre: no emite `coClose` / `coAfterClose` / `coAfterOpen`, no
+     * toca `open` ni el scroll lock, y no re-anima la entrada (la clase
+     * `co-overlay--refront` anula la transición durante el re-show y se retira en
+     * el frame siguiente). Tampoco mueve el foco: si el re-show dispara los
+     * «popover focusing steps» (un `[autofocus]` adentro), se devuelve a donde
+     * estaba. No-op cerrado, sin Popover API o fuera del top layer.
+     */
+    async bringToFront() {
+        const el = this.overlayEl;
+        if (!this.open || !el || typeof el.showPopover !== 'function')
+            return;
+        if (!el.matches(':popover-open'))
+            return;
+        const active = this.deepActiveElement();
+        el.classList.add(REFRONT_CLASS);
+        try {
+            el.hidePopover();
+            el.showPopover();
+        }
+        catch (_a) {
+            /* desconectado entre medio: no hay nada que re-apilar */
+        }
+        if (active && active.isConnected && this.deepActiveElement() !== active)
+            active.focus({ preventScroll: true });
+        nextFrame(() => el.classList.remove(REFRONT_CLASS));
     }
     acquireLock() {
         if (this.hasLock)
@@ -223,19 +362,43 @@ const CoOverlay = class {
             /* not connected yet, or already in the desired state */
         }
     }
-    /** Record the current focus and move it into the overlay (guarded by trapFocus). */
+    /** La trampa está activa exactamente mientras el overlay está abierto con `trapFocus`. */
+    syncTrap() {
+        if (this.open && this.trapFocus)
+            this.engageTrap();
+        else
+            this.releaseTrap();
+    }
+    engageTrap() {
+        if (this.trapping)
+            return;
+        this.trapping = true;
+        trapStack.push(this.trapId);
+        this.captureAndFocus();
+    }
+    releaseTrap() {
+        if (!this.trapping)
+            return;
+        this.trapping = false;
+        const i = trapStack.indexOf(this.trapId);
+        if (i >= 0)
+            trapStack.splice(i, 1);
+        this.restoreFocus();
+    }
+    /** Record the current focus and move it into the overlay (only while trapping). */
     captureAndFocus() {
-        if (typeof document !== 'undefined') {
-            this.returnFocusEl = document.activeElement;
-        }
+        // El activo PROFUNDO: `document.activeElement` se queda en el host de un
+        // co-* (co-button), cuyo focus() no llega al <button> interno.
+        this.returnFocusEl = this.deepActiveElement();
         // Defer so slotted content / the open transition is ready to take focus.
         nextFrame(() => {
             var _a;
-            if (!this.open)
+            // Una trampa abierta en el mismo frame por ENCIMA (confirm) se queda el foco.
+            if (!this.open || !this.trapping || !isTopTrap(trapStack, this.trapId))
                 return;
-            const focusables = getFocusableElements(this.el);
-            if (focusables.length > 0)
-                focusables[0].focus();
+            const target = resolveInitialFocus(this.el);
+            if (target)
+                target.focus();
             else
                 (_a = this.overlayEl) === null || _a === void 0 ? void 0 : _a.focus();
         });
@@ -244,8 +407,9 @@ const CoOverlay = class {
     restoreFocus() {
         const target = this.returnFocusEl;
         this.returnFocusEl = null;
-        if (target && typeof target.focus === 'function')
-            target.focus();
+        // Desmontado mientras el overlay estaba abierto (el paso de un wizard): no hay adónde volver.
+        if (target && target.isConnected && typeof target.focus === 'function')
+            target.focus({ preventScroll: true });
     }
     /** Deepest active element, descending through nested shadow roots. */
     deepActiveElement() {
@@ -264,12 +428,16 @@ const CoOverlay = class {
             this.coClose.emit();
             return;
         }
-        if (this.trapFocus && e.key === 'Tab')
+        if (this.trapping && e.key === 'Tab' && isTopTrap(trapStack, this.trapId))
             this.trapTab(e);
     }
     trapTab(e) {
         var _a;
-        const focusables = getFocusableElements(this.el);
+        // Tab ya manejado por un control de adentro (co-tags-field agrega el tag, las listas de co-rich-text y
+        // CodeMirror indentan): el listener de document corre DESPUÉS y no le roba el foco.
+        if (e.defaultPrevented)
+            return;
+        const focusables = getComposedFocusables(this.el);
         if (focusables.length === 0) {
             // Nothing to move to — keep focus pinned to the overlay container.
             e.preventDefault();
@@ -284,12 +452,15 @@ const CoOverlay = class {
         focusables[nextIndex].focus();
     }
     render() {
-        return (h("div", { key: '842f23e0829dcb9138f3fd35c86471035949517c', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", popover: "manual", tabindex: this.trapFocus ? -1 : undefined, ref: (el) => (this.overlayEl = el), onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onClick: this.handleClick, onTransitionEnd: this.handleTransitionEnd }, h("slot", { key: '645b336ce50938672fc09a27a15ef314250beaf2' })));
+        return (h("div", { key: 'e18d7b0e3ebd4933a78a9f2d39af6058ce429105', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", popover: "manual", tabindex: this.trapFocus ? -1 : undefined, ref: (el) => (this.overlayEl = el), onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onClick: this.handleClick, onTransitionEnd: this.handleTransitionEnd }, h("slot", { key: '2f29233d44de8a0cc3100cfa08233cdc10ebf352' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
         "open": [{
                 "onOpenChange": 0
+            }],
+        "trapFocus": [{
+                "onTrapFocusChange": 0
             }]
     }; }
 };

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

@@ -7,7 +7,7 @@ const CoPageHeader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'e3a67a921d1a5c5ac8a91d1bbf76efc5d1dc6e54', class: "co-page-header", part: "page-header" }, h("div", { key: 'c1487cedf194477595bb176c381d5e839a70571e', class: "co-page-header__left" }, this.icon && (h("span", { key: 'd07f12f586c1e42fb85a06c8a7cc634778a939e5', class: "co-page-header__icon" }, h("co-icon", { key: '0224fac27acc073beccd0d59b39e3714732b3fcc', name: this.icon, size: 24 }))), h("span", { key: 'c19700b850224b46a175c4a5fb082a7898842c7e', class: "co-page-header__title" }, h("slot", { key: '3e7426edb3999085f9791ed7fb9fb74b82e4227e' }, this.heading))), h("div", { key: 'ca4dd0bd5c5d553eb6adb80cc3d2093ea9dd4d2b', class: "co-page-header__actions" }, h("slot", { key: '3f108386752ebd1a740ab97c5f7fc8535a55f853', name: "actions" }))));
+        return (h("div", { key: '18d15d7b241f92bbd121fd6547832a30f4404928', class: "co-page-header", part: "page-header" }, h("div", { key: 'cbf4427991e3b43775a1d47c95f953ef79d71c77', class: "co-page-header__left" }, this.icon && (h("span", { key: '647701102f261fc214a0a4347894ba275da1ed7d', class: "co-page-header__icon" }, h("co-icon", { key: 'd377f2f5cbfa190cb483fe4a6ff2a483f9053f7b', name: this.icon, size: 24 }))), h("span", { key: 'ccf59184d2154c89fc90ccddfffc8dfc8c07b72b', class: "co-page-header__title" }, h("slot", { key: '34dd64e79e72cb154c63b16f72c2ec58193d9988' }, this.heading))), h("div", { key: 'e2f1d119629a3b9479896cf2338625ad775b8556', class: "co-page-header__actions" }, h("slot", { key: '62ee162b3388968ee1930a2c3ab20e45b34a2d65', name: "actions" }))));
     }
 };
 CoPageHeader.style = coPageHeaderCss();

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

@@ -59,7 +59,7 @@ const CoPopover = class {
         /** Flip placement when the panel would overflow the viewport. */
         this.flip = true;
         /**
-         * El panel no pinta fondo/borde/sombra propios (Task C10, Fase 2 Cobalt):
+         * El panel no pinta fondo/borde/sombra propios:
          * para alojar un `co-menu` (u otro contenido con su propio chrome) sin
          * "doble chrome". Reflejado como atributo `bare`. Default `false` = panel
          * con el fondo/borde/sombra de siempre (`--co-popover-border-color` /
@@ -67,8 +67,7 @@ const CoPopover = class {
          */
         this.bare = false;
         /**
-         * Desplazamiento en px sobre el eje CRUZADO del `placement` (Task C10, Fase
-         * 2 Cobalt): con un placement vertical (`top*`/`bottom*`) mueve `left`; con
+         * Desplazamiento en px sobre el eje CRUZADO del `placement`: con un placement vertical (`top*`/`bottom*`) mueve `left`; con
          * uno horizontal (`left*`/`right*`) mueve `top`. Default 0 = sin cambio.
          *
          * ⚠️ Se aplica ANTES del clamp de 4px a los bordes del viewport (ver
@@ -185,7 +184,7 @@ const CoPopover = class {
                 width: this.panelEl.offsetWidth,
                 height: this.panelEl.offsetHeight,
             });
-            // Task C10 (Fase 2 Cobalt): `anchor` sin resolver (prop ausente, o
+            // `anchor` sin resolver (prop ausente, o
             // selector sin match en `document`) → `anchorRect` queda undefined y
             // computePosition cae a `triggerRect` — mismo resultado que hoy.
             const anchorEl = this.resolveAnchor();
@@ -333,17 +332,20 @@ const CoPopover = class {
         this.pressStartedInside = false;
     }
     // ── Public methods ─────────────────────────────────────────
+    /** Abre o cierra el panel. */
     async toggle() {
         this.open = !this.open;
     }
+    /** Abre el panel. */
     async show() {
         this.open = true;
     }
+    /** Cierra el panel. */
     async hide() {
         this.open = false;
     }
     /**
-     * Resuelve la prop `anchor` a un elemento (Task C10, Fase 2 Cobalt):
+     * Resuelve la prop `anchor` a un elemento:
      *   - `HTMLElement` → se usa tal cual.
      *   - `string` → selector resuelto contra `document`; sin match, `null`
      *     (el llamador cae a `triggerRect`, el comportamiento de siempre).
@@ -413,13 +415,13 @@ const CoPopover = class {
     }
     // ── Render ─────────────────────────────────────────────────
     render() {
-        return (h("div", { key: '662c5cf02c52e80ab1367b7bf5418a5314449b93', class: "co-popover" }, h("div", { key: '067b11518b303acbfdb695d339d5fc3a1c709413', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, h("slot", { key: 'b186427b3c97ff65beda554f0c54e0e4bd91b44b', name: "trigger" })), (this.open || this.closing) && (h("div", { key: '2e905ee909de4e8c89baefd0ad5218f5a5446ec9', class: { 'co-popover__panel': true, 'co-popover__panel--closing': this.closing }, part: "panel", popover: "manual", onTransitionEnd: this.handlePanelTransitionEnd, ref: (el) => {
+        return (h("div", { key: 'f9c23cf5b7beb42230fbc37e6aacb9d8423a2c34', class: "co-popover" }, h("div", { key: '255b7a3b713719283e3b4a6d65ed520661b4e40b', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, h("slot", { key: '82c7133648e7c55db263f1abae8902c3ab579d27', name: "trigger" })), (this.open || this.closing) && (h("div", { key: '990ca1400e5e19d6614dbc7b43e78b116626e1b0', class: { 'co-popover__panel': true, 'co-popover__panel--closing': this.closing }, part: "panel", popover: "manual", onTransitionEnd: this.handlePanelTransitionEnd, ref: (el) => {
                 if (el && el !== this.panelEl) {
                     this.panelEl = el;
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            } }, h("slot", { key: '2220a6e8efdee1ec51c4c3d33eb1b016f0619f48' })))));
+            } }, h("slot", { key: 'fb635cf42e7866b055a59aaf471bab5bca995afb' })))));
     }
     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: 'c2286f839f8f8f472e76bcad9d3f77962112bf8f', class: {
+        return (h("div", { key: '73ffc3d2dedc7a87e2552a75b61a56199f60edb6', 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: '2fe1138f2caac250117c14cc51aec68be76f48d8', 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: 'da42344ce3d88c2a1eec058b4bb57a7b8380a2aa', 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: '93f0e78b8f51342146367c35fb4a1238e6381fa4', class: {
+        return (h("div", { key: 'a3d5bc7d287ef18ad5d1d2f23373d25ea2509476', 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: '433ddb015c524bc9fead3540a71a3c514d66a64c', class: "co-progress-circle__track" }), this.showLabel && (h("span", { key: '6951e520d786e0d22af5163d116464faa7be171a', class: "co-progress-circle__label" }, clamped, "%"))));
+            } }, h("div", { key: '3b922058d72dcb0d1a7a9f59b122b8a2d54c4d4a', class: "co-progress-circle__track" }), this.showLabel && (h("span", { key: '083498504b05357660f593c128258a2be8ca359e', class: "co-progress-circle__label" }, clamped, "%"))));
     }
 };
 CoProgressCircle.style = coProgressCircleCss();

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

@@ -96,7 +96,7 @@ const CoSkeleton = class {
         const style = { width: this.width };
         if (this.height)
             style.height = this.height;
-        return (h("div", { key: '737eaa6e7ec7581151eda26ba506193d6c0ed6e5', class: {
+        return (h("div", { key: '26e69f4c94f59664827c617fa3d54983ac56cd1d', class: {
                 'co-skeleton': true,
                 [`co-skeleton--${this.variant}`]: true,
                 'co-skeleton--revealed': this.revealed,

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

@@ -64,11 +64,11 @@ const CoRadioGroup = class {
         const hasLabels = this.label || this.secondaryLabel;
         const hasHelper = this.helperText;
         const opts = this.parsedOptions;
-        return (h("div", { key: 'aed7b7da65c9115ab36df5e8ac883de54c95c9e6', class: {
+        return (h("div", { key: 'b1c5880c1f9faca27b89189de5d64e36569d5b4f', class: {
                 'co-radio-group': true,
                 'co-radio-group--disabled': this.disabled,
                 [`co-radio-group--${this.status}`]: this.status !== 'default',
-            }, role: "radiogroup", "aria-label": this.label || '' }, hasLabels && (h("div", { key: 'a9bebb49089cd496da9766edc80170d285f3e0f4', class: "co-radio-group__labels" }, this.label && h("span", { key: '07b2fa433d6414e69862ba88bb95485fa59e3cb0', class: "co-radio-group__label" }, this.label), this.secondaryLabel && (h("span", { key: '2fce367eb0415d3d030d0c5385d15a304a4ac2dd', class: "co-radio-group__secondary-label" }, this.secondaryLabel)))), h("div", { key: '22bed181fb344e6954afa82bd2e7d67814c87175', class: {
+            }, role: "radiogroup", "aria-label": this.label || '' }, hasLabels && (h("div", { key: '0e6088377e3cd361749b9aa98f2e6485a76fb577', class: "co-radio-group__labels" }, this.label && h("span", { key: '411bf1ec096311df2b25fac0b39c402d01365e5c', class: "co-radio-group__label" }, this.label), this.secondaryLabel && (h("span", { key: '917cc0dd87362d7add21d407869872a14378a0b9', class: "co-radio-group__secondary-label" }, this.secondaryLabel)))), h("div", { key: '6459fee05efb04d402c0c98dfcbad83fc7da7f06', class: {
                 'co-radio-group__options': true,
                 [`co-radio-group__options--${this.direction}`]: true,
             } }, opts.map(opt => {
@@ -83,7 +83,7 @@ const CoRadioGroup = class {
                     'co-radio-group__circle--checked': isChecked,
                     'co-radio-group__circle--disabled': isDisabled,
                 }, role: "radio", "aria-checked": String(isChecked), "aria-label": opt.label }), h("span", { class: "co-radio-group__option-label" }, opt.label)));
-        })), hasHelper && (h("div", { key: '8377e98a33fc79ae642110aded1e8061b7f5a47e', class: `co-radio-group__helper co-radio-group__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: '3699789297cd963755d3855fda23e3884d85e6e0', name: this.statusIcon, size: 14, weight: "fill", class: "co-radio-group__helper-icon" })), h("span", { key: 'bcec0afba4852a80296ec04ece33708e17309f8b', class: "co-radio-group__helper-text" }, this.helperText)))));
+        })), hasHelper && (h("div", { key: '9cec80138190321eafb700039b2d33d24e420e30', class: `co-radio-group__helper co-radio-group__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: '8be3d15ffa7d528927f907b4c9523b7f2a6cdb94', name: this.statusIcon, size: 14, weight: "fill", class: "co-radio-group__helper-icon" })), h("span", { key: '6ccf0cfeea7f6e00047b2849edff9fd988eb36a6', class: "co-radio-group__helper-text" }, this.helperText)))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -22,15 +22,15 @@ const CoRadio = class {
         };
     }
     render() {
-        return (h("div", { key: 'e919e4c950b39acb06eab78a8a22d5d5d3acb211', class: {
+        return (h("div", { key: '637efb5c90e6f1f2c205a9c97c020c609f72a093', class: {
                 'co-radio-row': true,
                 'co-radio-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, h("button", { key: '9f52728498ff3092f994410a948e9e52cc83b0cb', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            }, onClick: this.handleClick }, h("button", { key: '7311c200f5b2e2029acfe2642aa59c850087a7b3', 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: '989a97802b68aabe45b5b5e983f10bb2bbf9b01e', class: "co-radio__label", part: "label" }, this.label))));
+            }, disabled: this.disabled, part: "circle" }), this.label && (h("span", { key: '067c567f9d70642c11ccb1a8d0b30c17323fb476', class: "co-radio__label", part: "label" }, this.label))));
     }
 };
 CoRadio.style = coRadioCss();

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

@@ -6,12 +6,19 @@ const CoRating = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.coChange = createEvent(this, "coChange", 7);
+        /** Calificación actual, 0 a `max` (reflejado; el componente lo actualiza al elegir). */
         this.value = 0;
+        /** Cantidad de íconos (default 5). */
         this.max = 5;
+        /** Tamaño de los íconos: `small` (default) o `large`. */
         this.size = 'small';
+        /** Deshabilita la interacción y atenúa el control. */
         this.disabled = false;
+        /** Solo muestra el valor, sin interacción ni hover (atributo `read-only`). */
         this.readOnly = false;
+        /** Ícono Phosphor de cada paso (default `star`). */
         this.icon = 'star';
+        /** Estado de validación: colorea el `helperText`. */
         this.status = 'default';
         this.hoverValue = 0;
         this.handleClick = (star) => {
@@ -41,16 +48,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: 'f5945130cb06fff4082067667d4cf4a5af7c4382', class: {
+        return (h("div", { key: '007e7bf1aef33b6890f98e1fdac362aa3f578802', class: {
                 'co-rating': true,
                 'co-rating--disabled': this.disabled,
                 'co-rating--readonly': this.readOnly,
                 [`co-rating--${this.size}`]: true,
-            } }, this.label && h("label", { key: '5af2e8529dbcbbc467a76f9a45ad724cc352c24a', class: "co-rating__label" }, this.label), h("div", { key: 'bd4f80f83ad087593d5f892d6eb81d80071b0898', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (h("button", { class: {
+            } }, this.label && h("label", { key: 'ebc8a44655b6f975d792546762d3fe1e4ccf2958', class: "co-rating__label" }, this.label), h("div", { key: 'eba75b8e98a075531afff4fe5781a63119206d7b', 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: 'e9a4cbfda339926e1c31150129cf7ec6bacc53c2', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '5b581b2d06bce928c7299d197747f1adb6b4a380', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), h("span", { key: '84dd514c19fe8f76916681da7682377abf3b37ea', 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: '571bff4884aa6695e2edcb1ae42baae1d57eb3a0', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '73cfba25f9b28ea6a6dc7b48c6f2009ac4024779', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), h("span", { key: '4029c8c33d6a967c063a886eca3043b22ecc9a2d', class: "co-rating__helper-text" }, this.helperText)))));
     }
 };
 CoRating.style = coRatingCss();