@prolibu-suite/cobalt-core 0.11.0 → 0.11.2

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

@@ -7,11 +7,15 @@ const CoEventPopover = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.coClose = createEvent(this, "coClose", 3);
+        /** Visible (reflejado); el componente lo pone en `false` al cerrarse por Escape o click afuera. */
         this.open = false;
+        /** Lado y alineación respecto de `anchorRect` (default `right-start`); voltea si no cabe. */
         this.placement = 'right-start';
         /** Render the leading color dot. Set false for dot-less content (quick-create). */
         this.dot = true;
+        /** Cierra con Escape (default `true`). */
         this.closeOnEscape = true;
+        /** Cierra con un click fuera del panel (default `true`). */
         this.closeOnClickOutside = true;
         this.position = () => {
             if (!this.open || !this.panelEl || !this.anchorRect)
@@ -116,7 +120,7 @@ const CoEventPopover = class {
         this.coClose.emit();
     }
     render() {
-        return (h(Host, { key: 'a646f722530e2198c0a0b082de540021be9cc9c0' }, h("div", { key: 'b9937d848335d6d5e21ac34d392a842815c51ffe', class: "pop", popover: "manual", role: "dialog", "aria-modal": "false", "aria-label": this.popoverLabel, tabIndex: -1, ref: (el) => (this.panelEl = el) }, h("div", { key: '81b409086819ab1623fc2759742795bd9b3fca28', class: "pop__actions", part: "actions" }, h("slot", { key: '21080d17fc497bcc7d0f537397686ddb03e0cd60', name: "actions" })), h("div", { key: '1a6e0ab2801ae963579e4f50b8132fe3f26d84f9', class: "pop__head" }, this.dot && h("span", { key: '04abf696922f1a93b15ab3b9066782bc9b08a89d', class: "pop__dot", style: this.color ? { background: this.color } : {} }), h("div", { key: '659f842611275562d4617d2f1f6ecbc73920d914', class: "pop__body", part: "body" }, h("slot", { key: 'b5606cdff567ae0f16bb2dcf228987de3b376d34' }))))));
+        return (h(Host, { key: '9796ba38e83610ddb390dcab0818baf6bededc72' }, h("div", { key: 'e08bba8ebefb5206cbdd7a554e25ff9f4fcf9541', class: "pop", popover: "manual", role: "dialog", "aria-modal": "false", "aria-label": this.popoverLabel, tabIndex: -1, ref: (el) => (this.panelEl = el) }, h("div", { key: '185e30ed1640cbfb04e056d7a3433df2f5b94e06', class: "pop__actions", part: "actions" }, h("slot", { key: 'db04986cc1b63d52c5f1cc6579b5d00dbd46e476', name: "actions" })), h("div", { key: '89bbdc2a255e18d180183dbb127ce05a72ff262d', class: "pop__head" }, this.dot && h("span", { key: '6819901baff501958c8214dd7546a90a108c45f5', class: "pop__dot", style: this.color ? { background: this.color } : {} }), h("div", { key: '1111598f3ee886a0f2d9360c57278f1d71b76ddc', class: "pop__body", part: "body" }, h("slot", { key: '82c5eb8ff0e7752993d8b25b6d33a4d15d7edd25' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -6,9 +6,13 @@ const CoFab = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.coClick = createEvent(this, "coClick", 7);
+        /** Ícono Phosphor (default `plus`). */
         this.icon = 'plus';
+        /** Estilo: `primary` (negro sólido), `secondary` o `stroke`. */
         this.variant = 'primary';
+        /** Diámetro: `xl` 64 · `l` 56 · `m` 48 (default) · `s` 40 px. */
         this.size = 'm';
+        /** Deshabilita el botón: no emite `coClick`. */
         this.disabled = false;
         /** Fixed position on screen */
         this.position = 'none';
@@ -33,7 +37,7 @@ const CoFab = class {
         const iconSize = this.size === 'xl' ? 24 : this.size === 'l' ? 24 : this.size === 's' ? 18 : 20;
         const hasLabel = !!this.label;
         const hoverExpand = hasLabel && this.expandOnHover;
-        return (h("button", { key: '5ac75328c6505b000c84e5f5365abfabad1dc831', class: {
+        return (h("button", { key: 'cae304a87d9ad88c7ea2f1d2f926d018250e6128', class: {
                 'co-fab': true,
                 [`co-fab--${this.variant}`]: true,
                 [`co-fab--${this.size}`]: true,
@@ -41,7 +45,7 @@ const CoFab = class {
                 'co-fab--hover-expand': hoverExpand,
                 'co-fab--disabled': this.disabled,
                 [`co-fab--${this.position}`]: this.position !== 'none',
-            }, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, h("co-icon", { key: '9bde6e77c635eb64bca7cc7e129eb2ebe4f8a004', name: this.icon, size: iconSize }), this.label && (h("span", { key: '412f43091a9ba740b1ceddbe1539f60e3d1c27d1', class: "co-fab__label", ref: (el) => (this.labelEl = el) }, this.label))));
+            }, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, h("co-icon", { key: 'a1384ce9899fb2cbf5f4917cca49fb41480d82f6', name: this.icon, size: iconSize }), this.label && (h("span", { key: 'c5d7370d87478218dcce73c3c1d3edbf1c5c4a01', class: "co-fab__label", ref: (el) => (this.labelEl = el) }, this.label))));
     }
     get el() { return getElement(this); }
 };

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

@@ -108,9 +108,13 @@ const CoFileField = class {
         this.coReorder = createEvent(this, "coReorder", 3);
         this.coCopy = createEvent(this, "coCopy", 3);
         this.coPreviewOpen = createEvent(this, "coPreviewOpen", 3);
+        /** Deshabilita el campo: no acepta archivos ni acciones. */
         this.disabled = false;
+        /** Solo lectura: muestra los archivos sin permitir subir, quitar ni reordenar. */
         this.readonly = false;
+        /** Campo obligatorio: marca la etiqueta con el indicador de requerido. */
         this.required = false;
+        /** Varios archivos: lista de subidos (con `max` y reordenamiento opcional); sin él, un solo archivo. */
         this.multiple = false;
         /** Max number of files (multiple mode). */
         this.maxFiles = 100;
@@ -438,12 +442,12 @@ const CoFileField = class {
         const previews = this.previewItems();
         const canReorder = this.reorderable && this.multiple && !this.disabled && !this.readonly && items.length > 1;
         const capacity = this.capacityHint(s);
-        return (h("div", { key: 'af16871d531125d82a3fc5ba0ab5a08ca6e67756', class: {
+        return (h("div", { key: 'ee6fa70ea7fd466ec315eff1b6f3d044b1c6c6d9', class: {
                 'co-file-field': true,
                 'co-file-field--disabled': this.disabled,
                 'co-file-field--invalid': this.isInvalid,
                 [statusClass]: !!statusClass,
-            }, part: "wrapper" }, this.label && (h("div", { key: '9eb9c80a6c23b24be12b2410fd5713c4ab62965d', class: "co-file-field__labels" }, h("label", { key: '3b577dd00ea6cfa4635bd016dcde4604f6b01dd3', class: "co-file-field__label", part: "label" }, this.label, h(RequiredMark, { key: '2d41558573a614e7f7fa654dad622d36e6e35ffa', required: this.required })))), showDropzone && (h("div", { key: 'ad4215799a768078703d78b4b38689d987e8a13b', class: {
+            }, part: "wrapper" }, this.label && (h("div", { key: '48a181a0cb1e0c53da9d61a856f3d2cc5e97d079', class: "co-file-field__labels" }, h("label", { key: '47f162d9fdad44d4c8c8f7756c901eea216b7627', class: "co-file-field__label", part: "label" }, this.label, h(RequiredMark, { key: '4549d57f016e2874ea7b141d9dc83e09c38bdbf3', required: this.required })))), showDropzone && (h("div", { key: '3d16ff2e38de335e5fba78931cd6b1b009603a70', class: {
                 'co-file-field__dropzone': true,
                 'co-file-field__dropzone--drag': this.dragOver,
             }, part: "dropzone", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleBrowse, onKeyDown: (e) => {
@@ -451,7 +455,7 @@ const CoFileField = class {
                     e.preventDefault();
                     this.handleBrowse();
                 }
-            }, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("button", { key: 'e32603408a107ad2fbd5ab158b1ca52c7c858833', class: "co-file-field__upload-btn", part: "upload-button", type: "button", tabIndex: -1 }, h("co-icon", { key: 'dd5e41181e235722531cca15f289c54754a301ee', name: "file-arrow-up", size: 18 }), h("span", { key: '842ac546197c761eb9732504ae0dbae7967ceb49' }, this.uploadButtonText || s.uploadButton)), h("span", { key: '1f53b0376ff5ff0b6b0adecf808a846af7628d9a', class: "co-file-field__dropzone-text" }, this.dropText || s.dropHint), capacity && h("span", { key: '2df578f0c6717255ba18cc5da64f5fda34f3714f', class: "co-file-field__dropzone-hint" }, capacity), h("div", { key: '0f0cd178f617119623edb6bc042d8f0647e48527', class: "co-file-field__actions", part: "actions" }, h("slot", { key: 'a2238c3ae9732e96574447aeab9948959e27445a', name: "actions" })), h("input", { key: '2ad962b5becf263b05ebb72492afa89db9e81e47', ref: (el) => (this.inputEl = el), class: "co-file-field__input", type: "file", multiple: this.multiple, accept: this.inputAccept, disabled: this.disabled, onChange: this.handleInputChange, "aria-hidden": "true", tabIndex: -1 }))), items.length > 0 && (h("div", { key: 'd49f51126e68860782ca184eef99b6f74a0fd94b', class: "co-file-field__uploaded" }, this.multiple && (h("div", { key: 'bbc88a36167076a64d244886b3d8c6f388e065d5', class: "co-file-field__uploaded-title", part: "uploaded-title" }, `${this.uploadedTitle || s.uploadedTitle} (${items.length})`)), previews.length > 0 && (h("div", { key: '108e8dbcb0fb47d397c765400ea2333d83fb0d57', class: "co-file-field__previews", part: "previews" }, previews.map((item) => {
+            }, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("button", { key: 'e9a2c51a238455e7887e8310c02ac739ebf89e4e', class: "co-file-field__upload-btn", part: "upload-button", type: "button", tabIndex: -1 }, h("co-icon", { key: '5a6fe016b2e26896a8b788bb1473c5434d71e85f', name: "file-arrow-up", size: 18 }), h("span", { key: 'e69793c228fef62c5c0aec07f5f038aa3e931b3b' }, this.uploadButtonText || s.uploadButton)), h("span", { key: '7343bd26d1132ac6b0b0ded57f1a2a32f228d0e8', class: "co-file-field__dropzone-text" }, this.dropText || s.dropHint), capacity && h("span", { key: 'd7b68c8723c91b80b124298e29c9165c2489f59f', class: "co-file-field__dropzone-hint" }, capacity), h("div", { key: '38318d6e86a90cc8faf6955ea480b39d242d8122', class: "co-file-field__actions", part: "actions" }, h("slot", { key: 'ad9f134cd0f01b1ed61d8d8966d5a7d40bda0812', name: "actions" })), h("input", { key: '8a3b769794a89213a1f02f0b82899e624a5578d6', ref: (el) => (this.inputEl = el), class: "co-file-field__input", type: "file", multiple: this.multiple, accept: this.inputAccept, disabled: this.disabled, onChange: this.handleInputChange, "aria-hidden": "true", tabIndex: -1 }))), items.length > 0 && (h("div", { key: '8040d77615d29a691bc2087eddd7298b3922066c', class: "co-file-field__uploaded" }, this.multiple && (h("div", { key: 'e4660cdfe20c1b4669b57a4474234161bac4c812', class: "co-file-field__uploaded-title", part: "uploaded-title" }, `${this.uploadedTitle || s.uploadedTitle} (${items.length})`)), previews.length > 0 && (h("div", { key: '636e3e35dcb8ad263361e1b652dca23b499e5354', class: "co-file-field__previews", part: "previews" }, previews.map((item) => {
             const key = this.keyFor(item);
             const video = isVideo(item);
             // A video without a usable poster still gets a card — the
@@ -462,7 +466,7 @@ const CoFileField = class {
                     'co-file-field__preview': true,
                     'co-file-field__preview--video': video,
                 }, part: "preview", type: "button", key: `prev-${key}`, title: item.name, "aria-label": `${video ? s.playVideo : s.openPreview}: ${item.name}`, onClick: () => this.handlePreviewOpen(item) }, showImg && (h("img", { src: video ? poster : item.thumbnail || item.url, alt: item.name, loading: "lazy", onError: () => this.handlePreviewError(item) })), video && (h("span", { class: "co-file-field__preview-play", "aria-hidden": "true" }, h("span", { class: "co-file-field__preview-play-badge" }, h("co-icon", { name: "play", size: 20, weight: "fill" })), !poster && (h("span", { class: "co-file-field__preview-ext" }, fileExtension(item).toUpperCase()))))));
-        }))), h("ul", { key: '876616fa30a35a3f3597d2043fb1ce09cf6d12b5', class: "co-file-field__list", part: "list" }, items.map((item) => {
+        }))), h("ul", { key: 'b67b8c43f8c02c65e780b3fa644123bf0f29d69b', class: "co-file-field__list", part: "list" }, items.map((item) => {
             const key = this.keyFor(item);
             const draggable = canReorder && item.status === 'done';
             return (h("li", { class: {
@@ -486,10 +490,10 @@ const CoFileField = class {
                     'co-file-field__action': true,
                     'co-file-field__action--copied': this.copiedKey === key,
                 }, type: "button", tabIndex: -1, "aria-label": s.copyUrl, onClick: () => this.handleCopy(item) }, h("co-icon", { name: this.copiedKey === key ? 'check' : 'copy', size: 18 })))), !this.disabled && !this.readonly && (h("co-tooltip", { content: s.removeFile }, h("button", { class: "co-file-field__action", type: "button", tabIndex: -1, "aria-label": s.removeFile, onClick: () => this.coRemove.emit(key) }, h("co-icon", { name: "trash", size: 18 }))))));
-        })))), helper && (h("div", { key: 'b6600a528ff6e9e3302bf889e58fac59edfeab2d', class: {
+        })))), helper && (h("div", { key: 'ff75602503a198d8598d2b35fd881c848a7b76d6', class: {
                 'co-file-field__helper': true,
                 'co-file-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: '22d4218f3df57544633322761c905af8c4398f26', name: "warning-circle", size: 14, class: "co-file-field__helper-icon" })), h("span", { key: 'c7e02e0931ba3ea0bb6e3a6f5381e86ddbf982f1', class: "co-file-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'af79e0b999c781560c316023897aaa850b1d6ae0', name: "warning-circle", size: 14, class: "co-file-field__helper-icon" })), h("span", { key: 'b5af4dab0d3c7dc317265604159a95f3bf8d200d', class: "co-file-field__helper-text" }, helper)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/co-file-type-tile.entry.js

@@ -74,7 +74,7 @@ const CoFileTypeTile = class {
         const iconSize = Math.round(this.size * 0.5);
         const background = this.colorTags ? meta.tint : 'var(--co-color-gray-100)';
         const color = this.colorTags ? meta.accent : 'var(--co-color-gray-600)';
-        return (h("span", { key: 'bf16f0141f09189575a7333030affb4e365f7de5', class: {
+        return (h("span", { key: 'da0b0b3e48e1847bd7c74e32bec23abc074f53a7', class: {
                 'co-file-type-tile': true,
                 [`co-file-type-tile--${type}`]: true,
                 'co-file-type-tile--mono': !this.colorTags,
@@ -84,7 +84,7 @@ const CoFileTypeTile = class {
                 borderRadius: `${this.radius}px`,
                 background,
                 color,
-            } }, h("co-icon", { key: 'e194cb5de679470c57774c83d852522b9ce77b31', name: meta.icon, size: iconSize, weight: "fill" })));
+            } }, h("co-icon", { key: '70034ff2279181498ba2481fb3709cae3016901d', name: meta.icon, size: iconSize, weight: "fill" })));
     }
 };
 CoFileTypeTile.style = coFileTypeTileCss();

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

@@ -191,12 +191,12 @@ const CoGradientBar = class {
         const live = this.liveStops();
         const n = live.length;
         const hasSelection = this.selected != null && this.selected >= 0 && this.selected < n;
-        return (h("div", { key: '9e11e4891bbe0fc312d9122e215c5516630b6901', class: {
+        return (h("div", { key: '10e1f78165d061dd08141de0a0ca885f15b7ff83', class: {
                 'co-gradient-bar': true,
                 'co-gradient-bar--disabled': this.disabled,
                 'co-gradient-bar--dragging': this.dragIndex >= 0,
                 'co-gradient-bar--transparent': hasTransparentStop(live),
-            }, role: "group", "aria-label": this.label || s.barLabel, "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: '51bee4cadd25fab6502bb14f7f88f2c6e0fd8d7c', class: "co-gradient-bar__track", part: "track", ref: (el) => (this.trackEl = el), onClick: this.handleTrackClick }, h("div", { key: 'c1332cbca2d2208970f8c259400d0470ffb56eac', class: "co-gradient-bar__fill", style: { background: gradientCss(live) } }), live.map((stop, i) => {
+            }, role: "group", "aria-label": this.label || s.barLabel, "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: 'e591b6e6d74ee9c9f3b9992f6d12cfd360f9fa49', class: "co-gradient-bar__track", part: "track", ref: (el) => (this.trackEl = el), onClick: this.handleTrackClick }, h("div", { key: 'fd5b93939df8988a08b8ab9f1fab36cc3eb24096', class: "co-gradient-bar__fill", style: { background: gradientCss(live) } }), live.map((stop, i) => {
             const selected = i === this.selected;
             // Roving tabindex: una sola parada de tab (la seleccionada, o la primera).
             const tabbable = hasSelection ? selected : i === 0;

package/dist/esm/co-helper-text.entry.js

@@ -16,10 +16,10 @@ const CoHelperText = class {
         };
     }
     render() {
-        return (h("div", { key: '67e1311461c3d867a06acbf89a91b98c5995c60d', class: {
+        return (h("div", { key: '12a67e485fed5d931c4325a0139d3ae7669b8de4', class: {
                 'co-helper-text': true,
                 [`co-helper-text--${this.status}`]: true,
-            }, part: "helper-text" }, h("co-icon", { key: '73c07b3907cc637c73c83bc7fc795c433bc79b6d', name: this.STATUS_ICON[this.status], size: 14, weight: "fill", class: "co-helper-text__icon" }), h("span", { key: '5450e82fc0b8e5ce35fbb224aa43b274120e1b77', class: "co-helper-text__message" }, h("slot", { key: '4b33fc9c386bcd88c47eed25b9b7b597e3c3bd31' }, this.message))));
+            }, part: "helper-text" }, h("co-icon", { key: '5bdb8635fa1654a9e10176c9818ba4197fc252e8', name: this.STATUS_ICON[this.status], size: 14, weight: "fill", class: "co-helper-text__icon" }), h("span", { key: 'c2f165cc0226ea1d799c62d0929d6acbf5cc1b98', class: "co-helper-text__message" }, h("slot", { key: 'd8315ea3ea6c002f83f1d936f9a3521831593b3d' }, this.message))));
     }
 };
 CoHelperText.style = coHelperTextCss();

package/dist/esm/co-icon-button.entry.js

@@ -50,10 +50,9 @@ const CoIconButton = class {
         /**
          * Agrega un `caret-down` de 8px a la derecha del icono principal (botones-disclosure).
          * Ensancha la caja +8px (el alto no cambia) para que el caret no le robe espacio
-         * al icono — fix round 1: la primera versión usaba `padding-right`, que con
-         * `box-sizing: border-box` y ancho fijo por talla ENCOGE el área de contenido en
-         * vez de agrandar la caja (overflow real en xs/xxs). Sin `caret`, el DOM/CSS
-         * quedan idénticos al comportamiento anterior.
+         * al icono (un `padding-right` con `box-sizing: border-box` y ancho fijo por talla
+         * encogería el área de contenido en vez de agrandar la caja). Sin `caret`, el
+         * DOM/CSS quedan idénticos al comportamiento anterior.
          */
         this.caret = false;
     }
@@ -86,7 +85,7 @@ const CoIconButton = class {
         const usesSlot = !this.icon;
         const style = usesSlot
             ? Object.assign(Object.assign({}, (boxStyle !== null && boxStyle !== void 0 ? boxStyle : {})), { '--co-icon-button-glyph-size': `${resolvedIconSize}px` }) : boxStyle;
-        return (h("button", { key: '4ae94400d9f54425b1aa844a651fbe441f545645', class: {
+        return (h("button", { key: 'd04a7878b984d9613603801b0b18285d02e71f7e', class: {
                 'co-icon-button': true,
                 [`co-icon-button--${this.variant}`]: true,
                 [`co-icon-button--${this.shape}`]: true,
@@ -97,7 +96,7 @@ const CoIconButton = class {
                 'co-icon-button--disabled': this.disabled,
             }, style: style, disabled: this.disabled, "aria-label": this.label || (this.toggled && this.toggleIcon ? this.toggleIcon : this.icon), "aria-pressed": this.selected ? 'true' : undefined, part: "button" }, this.icon && this.toggleIcon ? (h("span", { class: { 'co-icon-button__swap': true, 'co-icon-button__swap--toggled': this.toggled }, "aria-hidden": "true" }, h("co-icon", { name: this.icon, weight: this.iconWeight, size: resolvedIconSize }), h("co-icon", { name: this.toggleIcon, weight: this.iconWeight, size: resolvedIconSize }))) : this.icon ? (h("co-icon", { name: this.icon, weight: this.iconWeight, size: resolvedIconSize })) : (
         // Sin `icon`: el consumidor proyecta su propio glifo (ver @slot).
-        h("slot", null)), this.caret && h("co-icon", { key: 'f8a026ec97d9d37f9f62c81a3ae484d2a8b09665', class: "co-icon-button__caret", name: "caret-down", size: 8 })));
+        h("slot", null)), this.caret && h("co-icon", { key: 'db59eb79e6609b237ed3a642f5c44f2a046a4efe', class: "co-icon-button__caret", name: "caret-down", size: 8 })));
     }
 };
 CoIconButton.style = coIconButtonCss();

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

@@ -83,12 +83,12 @@ const CoIcon = class {
         this.svgContent = await loadSvg(this.name, this.weight);
     }
     render() {
-        return (h(Host, { key: '66a4583c6d57b57eaee720026f40453653048d8d', "aria-hidden": "true", style: {
+        return (h(Host, { key: 'e6f8302d22e1fbeac4e82d199b9214063c7b2313', "aria-hidden": "true", style: {
                 display: 'inline-flex',
                 width: `${this.size}px`,
                 height: `${this.size}px`,
                 flexShrink: '0',
-            } }, h("span", { key: '423686acaa97e3c78163f79f98a38234b319c050', part: "svg", innerHTML: this.svgContent })));
+            } }, h("span", { key: '7967a0787112955036f6f88231a2a635e647e218', part: "svg", innerHTML: this.svgContent })));
     }
     static get watchers() { return {
         "name": [{

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

@@ -13,10 +13,15 @@ const CoJsonField = class {
         this.coBlur = createEvent(this, "coBlur", 7);
         /** Committed JSON text. */
         this.value = '';
+        /** Placeholder del editor vacío (default `'{ }'`). */
         this.placeholder = '{ }';
+        /** Campo obligatorio: marca la etiqueta con el indicador de requerido. */
         this.required = false;
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Solo lectura: muestra el JSON sin permitir editarlo. */
         this.readonly = false;
+        /** Alto del editor en líneas (default 8). */
         this.rows = 8;
         /** External validation status (e.g. from a form controller). */
         this.status = 'default';
@@ -87,17 +92,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: 'b7cc05a2cf7bcac484ef35923b873d487f9cf818', class: {
+        return (h("div", { key: '116c07e036c670e20dd461a907a3bc46e0120b74', 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: '5e6829693907789665f54851df8ac012bbe9d9c9', class: "co-json-field__labels" }, h("label", { key: 'e19ba3d715acd5b505147ef6e0c173dbaf1dbae8', class: "co-json-field__label", part: "label" }, this.label, h(RequiredMark, { key: 'e45feaa1a58875adc64ab58e77d1cef498042574', required: this.required })))), h("div", { key: '7b5ed251a4c7f3456f1a5c36c7800aae60b8e602', class: "co-json-field__field", part: "field" }, h("textarea", { key: '03b4e34fabc26829c823f5dea01c987e5fc1a1f8', 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: 'e7659c214e65fb97de486f442a170e11fb917587', type: "hidden", name: this.name, value: this.draft }), helper && (h("div", { key: '744697ecde8364833b3dfb4656602a5c8bb6192a', class: {
+            }, part: "wrapper" }, this.label && (h("div", { key: 'aecaf5025db4a5fe4030e513b57df1b98121b62e', class: "co-json-field__labels" }, h("label", { key: '2f23f19d1fa5cd9f324c67a6fe93ac3d5df98c66', class: "co-json-field__label", part: "label" }, this.label, h(RequiredMark, { key: 'cf1dad000ccfd9de7598c2891413f2564d5e3f6e', required: this.required })))), h("div", { key: '0c43c4df775b1a854f10db5a0531d5e0817a916c', class: "co-json-field__field", part: "field" }, h("textarea", { key: 'f9472a1dbc02388214d0c51277dcc838289e2b79', 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: '6c365c240716d857fc026e4c58c08c59722b95f9', type: "hidden", name: this.name, value: this.draft }), helper && (h("div", { key: 'e97c531fbd3a1c3dbec67d0de3f90ba632fe64cb', class: {
                 'co-json-field__helper': true,
                 'co-json-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: '8b80af75ce8f27fb68fa5760e584ce7aeedd67a7', name: "warning-circle", size: 14, class: "co-json-field__helper-icon" })), h("span", { key: 'f79da7c507e282694367d602dac6e99e534579f0', class: "co-json-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'ae9751723abb04b19127d93a4fd798f5e03e8b90', name: "warning-circle", size: 14, class: "co-json-field__helper-icon" })), h("span", { key: '8d44b589ba7d923476e7fd94f572d04452585977', class: "co-json-field__helper-text" }, helper)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -169,7 +169,7 @@ const CoKbd = class {
                 keyNodes.push(h("kbd", { class: "co-kbd__key", part: "key", key: `key-${index}` }, renderToken(token, iconSize)));
             });
         }
-        return (h("span", { key: '7a99812a76e02cf357694da3bbea990118c8fff5', class: {
+        return (h("span", { key: 'd2b28cba40938051dd4488ceb0e06391e9e4b31d', class: {
                 'co-kbd': true,
                 [`co-kbd--${this.size}`]: true,
                 [`co-kbd--${this.surface}`]: true,
@@ -445,7 +445,7 @@ const CoTooltip = class {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (h("div", { key: '42e40af183afae3fe39ea52e7ab834d2e2ef2a1f', class: "co-tooltip" }, h("div", { key: '021c63ead4abcfc8bd938657af0f4486a710e1d0', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: '93bfbae6583c49cd0e38accce52b2ee7029a3bc0' })), (this.visible || this.closing) && this.content && (h("div", { key: 'd5bf6003b83490d21869f41ae49c24dd347b7d82', id: "tooltip-panel", class: {
+        return (h("div", { key: '816e80ee775d782c3827fb3ba43187992e348429', class: "co-tooltip" }, h("div", { key: 'd4d3b56ae5502ccc4fc5c30c5191860ebef51140', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: '357ff69bca524ce8c5f3ec21936fef944733cd22' })), (this.visible || this.closing) && this.content && (h("div", { key: '7d379c2ddafa6e84fbe5d5a4d3e9192a3ddfac87', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
                 'co-tooltip__panel--closing': this.closing,
@@ -457,7 +457,7 @@ const CoTooltip = class {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: '1f3ef81dd7d655e68958321a33a5d405ba671f83', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'a33a95e77ee0bc6922a0c81a63f9862b2ccf9bf5', class: "co-tooltip__content" }, this.content), this.shortcut && h("co-kbd", { key: '608bba77bfc7d43a3ca4d4a2f0c87290b1a9de57', keys: this.shortcut, surface: "dark", size: "xs" })))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: '0898aa009807ee6d48cdb01a5db9f4ef773804b9', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: '07678a78b9fdf0955c54d4dc2c491e5205e7937d', class: "co-tooltip__content" }, this.content), this.shortcut && h("co-kbd", { key: '24aa138140da114eed006f3488dc6cbc105ccee3', keys: this.shortcut, surface: "dark", size: "xs" })))));
     }
     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: 'f0c91f1eb20fbbd57da3a9de3ee9596b1c726ccf', class: "co-list-footer", part: "footer" }, this.secondaryLabel && (h("button", { key: 'c43b6137c82ab5ecb8493dcabb93a0b6e1fb8527', class: "co-list-footer__btn co-list-footer__btn--secondary", type: "button", onClick: this.handleSecondary }, this.secondaryIcon && h("co-icon", { key: '4723de7f0236643d8ecee7041144c058478237b6', name: this.secondaryIcon, size: 16 }), h("span", { key: '798e8a622a2b0784849e8040501ae92f87a9fab9' }, this.secondaryLabel))), this.primaryLabel && (h("button", { key: '0ce5cdab965ede9ad2489354f31d0f0d55e3fba5', class: "co-list-footer__btn co-list-footer__btn--primary", type: "button", onClick: this.handlePrimary }, this.primaryIcon && h("co-icon", { key: '50e5fb43c0966cb939ba3daced28916e1fe766dd', name: this.primaryIcon, size: 16 }), h("span", { key: 'd2bf250cb31ae5e7ff3595ecbb4234a493744e67' }, this.primaryLabel))), h("slot", { key: 'dd002081999ed611aef5a411e7011b804e7036ff' })));
+        return (h("div", { key: '61546eeb0e5103393b4cd92f5621dc7be8850dc8', class: "co-list-footer", part: "footer" }, this.secondaryLabel && (h("button", { key: '1cd3d7d6fd76363ce833ad67d89763e208d24c17', class: "co-list-footer__btn co-list-footer__btn--secondary", type: "button", onClick: this.handleSecondary }, this.secondaryIcon && h("co-icon", { key: '4a7d628520bfb739de5b007fef48e64fe248ad2f', name: this.secondaryIcon, size: 16 }), h("span", { key: '7e8e2f8397c0b265e66a429da7218bdc2644c3bc' }, this.secondaryLabel))), this.primaryLabel && (h("button", { key: 'ed329dc5b328487ad4da2d737fcb82860c5e21a0', class: "co-list-footer__btn co-list-footer__btn--primary", type: "button", onClick: this.handlePrimary }, this.primaryIcon && h("co-icon", { key: '8eb46e472523447eda9e6034aae5ea7ddd747946', name: this.primaryIcon, size: 16 }), h("span", { key: '102b70dbf80bd01085b77324e9504d582c48d5a1' }, this.primaryLabel))), h("slot", { key: '676f9c2b6d3f26ebdface52181dcaf9717c69240' })));
     }
 };
 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: '1b41a6b63153b67dc59394f292bf100ff3e32a89', class: {
+        return (h("div", { key: 'b00bba3c362b7fded6dbb54a3a77204fd6f12f06', 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: '7cad6103ab3087a0c9b6156bfeb2049f796acca4', class: "co-list-item__prefix" }, this.icon && h("co-icon", { key: '7b9934bad5ec591f82b733451317a6d7e1622ff1', name: this.icon, size: 18 }), h("slot", { key: '5e5e97b0392f181f442bf6bd3915f001bd95e54c', name: "prefix" })), h("div", { key: '5a64e8895ef52a3aed341307ce36b6a83edfc602', class: "co-list-item__content" }, this.label && (h("co-tooltip", { key: 'dde0ef8d6141a123200e92f431a8478d2abaec0d', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, h("span", { key: '566e69fd926005ec57b3b2314ccc2323c77de916', 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: '12df4e650ce79eb1a1081cbaa8d8a0df472bd60f', class: "co-list-item__prefix" }, this.icon && h("co-icon", { key: '6d0b024a833e411784c6c1aec18d2e170657bff5', name: this.icon, size: 18 }), h("slot", { key: '6d920565296d083b5ebd1683452b54cb18d7cc02', name: "prefix" })), h("div", { key: '9f1ee9f1a8d09ede38cdf56fe6f34bb389d3a008', class: "co-list-item__content" }, this.label && (h("co-tooltip", { key: '320ce0919f79ed00a189c19c890cdd31ec8f4fad', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, h("span", { key: 'c735e984ef6b50d4b075829e496282123463b20a', 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: '435997357a7370731d90a3e6c636aab5463cd364', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, h("span", { key: '58ca1721f60f68c3725759f2f14f15c2c4639991', class: "co-list-item__description", ref: (el) => {
+            } }, this.label))), this.description && (h("co-tooltip", { key: '729e862dc61a4c342e850b4453916bc3c477bdd2', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, h("span", { key: 'b593f33d3b0122ab535a94c7ce259add9069323c', class: "co-list-item__description", ref: (el) => {
                 this.descEl = el;
                 if (el && this.ro)
                     this.ro.observe(el);
-            } }, this.description))), h("slot", { key: '38cff2270b737756895da1b692f42557e9396b54' })), h("span", { key: 'df206f44faabbc30306509ad7651558c976ecb10', class: "co-list-item__suffix" }, h("slot", { key: '48bfb58fc0e74ae5647425472279b92e6b1ce30d', name: "suffix" }))));
+            } }, this.description))), h("slot", { key: '55c7bc86e9aea170a37862642531d01203071e0a' })), h("span", { key: 'bef781667653254040abbfbdc518ce6086c17248', class: "co-list-item__suffix" }, h("slot", { key: '349cde2b81c10eb9e9c425b96808ad6bcb86d527', 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: 'ce38519a6f2e10a54e70cec300f7229c28d12207', class: {
+        return (h("div", { key: '715a75c2d9bf586503838952ce1db8ba0a3b74ea', 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: '6fd5a47d1f3443cf2c7f47e24a2e70a4a6930f62', class: "co-media-thumb__scrim", part: "scrim" }, h("div", { key: 'fde9e8f4d4bf3bfa11221887a3b0edc458684b64', class: "co-media-thumb__play", part: "play" }, h("svg", { key: '99f2e4947a475348c2302a6949e8607b0c50177e', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, h("path", { key: '8bb6cd16e6a91aab6cf331fda06fc8cc1a8e8ca9', 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: '8a6e21bb26be30746d05a00b5fffca7c6992abd1', class: "co-media-thumb__scrim", part: "scrim" }, h("div", { key: '67bf73c8a6a14581b47809efac7e1d4b2628324d', class: "co-media-thumb__play", part: "play" }, h("svg", { key: 'a0f530d26561a4e7256d5f5ee20e6a7d91d8f6e0', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, h("path", { key: '86ef92454cdcca6096cd3dc435833138c46e2e39', 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: '7ec669cd5b23822d5ac9e94bf6f9d729222bc107', class: "co-menu-divider", role: "separator" });
+        return h("hr", { key: '08a30fe0fba8fbbab4a6fce1bc92c700aa767b2d', class: "co-menu-divider", role: "separator" });
     }
 };
 CoMenuDivider.style = coMenuDividerCss();

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

@@ -30,9 +30,8 @@ const CoMenu = class {
          *  `co-menu-item`/`co-menu-divider` las consumen con fallback al valor claro
          *  de siempre, así que sin `surface="dark"` no cambia nada. */
         this.surface = 'light';
-        /** Desplazamiento en px sobre el eje CRUZADO del `placement` (Task C10,
-         *  Fase 2 Cobalt — fix round 1). Reenviada tal cual al `co-popover`
-         *  interno. Default `0` = sin cambio. */
+        /** Desplazamiento en px sobre el eje CRUZADO del `placement`. Reenviada tal
+         *  cual al `co-popover` interno. Default `0` = sin cambio. */
         this.shift = 0;
         this.handleKeydown = (e) => {
             if (!this.open)
@@ -99,6 +98,7 @@ const CoMenu = class {
     disconnectedCallback() {
         document.removeEventListener('keydown', this.handleKeydown, true);
     }
+    /** Enfoca la primera fila del panel raíz (lo hace solo al abrir). */
     async focusFirstItem() {
         var _a, _b;
         const items = this.getMenuItems();
@@ -142,14 +142,14 @@ 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: '9ad32ee1adf1436a4ff266db44a34c0b4e9b5293', placement: this.placement, offset: this.offset, open: this.open, anchor: this.anchor, shift: this.shift,
+        return (h("co-popover", { key: '66b0e90463829343152d2a9bdb821e19e70fa4d4', placement: this.placement, offset: this.offset, open: this.open, anchor: this.anchor, shift: this.shift,
             // `co-menu` SIEMPRE pinta su propio chrome (`.co-menu`: fondo +
             // shadow-lg + anillo, o el panel sólido de `surface="dark"`) — el
             // `co-popover` interno tiene que ir SIEMPRE bare, sin condición, para
-            // no sumarle un fondo/borde/sombra propios detrás (Task C10, Fase 2
-            // Cobalt — fix round 1; antes de esto el panel del menú tenía doble
+            // no sumarle un fondo/borde/sombra propios detrás (antes de esto el
+            // panel del menú tenía doble
             // chrome SIEMPRE, no solo en un caso opcional).
-            bare: true, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose, onCoPlacement: this.handlePlacement }, h("slot", { key: 'b093c29c2e8a6773843a030282cc9e06af54f8c7', name: "trigger", slot: "trigger" }), h("div", { key: '00baf22b70a5f0544a134c170549b31fb46baf38', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, h("slot", { key: '2307edc81be264fe4e8a76fb2e1bc14b59538cc2' }))));
+            bare: true, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose, onCoPlacement: this.handlePlacement }, h("slot", { key: 'b78bcba7bc9542a82c78c1b8026bd4aa56629667', name: "trigger", slot: "trigger" }), h("div", { key: '0515763cb0b89320d4831befe1b6d984029ce309', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, h("slot", { key: 'baf72944333c4e912fe0a0aa58d8affb8e923a3e' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -162,7 +162,7 @@ const CoMenu = class {
  *  ancestro más cercano sea ESTE panel — los del menú raíz no tienen ninguno y
  *  los de un submenú cuelgan del ítem que lo abre.
  *
- *  Se mira el ancestro y no los hijos directos a propósito (fix round 1): con
+ *  Se mira el ancestro y no los hijos directos a propósito: con
  *  hijos directos, un consumidor que envuelva sus filas en un `<div>` (un
  *  grupo, un `v-for` con wrapper, un fragmento con contenedor) se quedaba sin
  *  navegación por flechas **en silencio**. Así el envoltorio da igual y los

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-DJkaRtbb.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DJkaRtbb.js';
 import { a as afterEventFor } from './overlayAfterClose-Ch1jfwZ2.js';
 import { s as slotHasContent } from './slotContent-CBX_oabB.js';
 
@@ -125,8 +125,8 @@ const CoModal = class {
          */
         this.closeOnEscape = false;
         /**
-         * Modal width: xs (369px, vía `--co-modal-width` — Task C12, paneles
-         * anclados como "Tipografía y color"), sm (400px), md (540px), lg (680px),
+         * Modal width: xs (369px, vía `--co-modal-width` — paneles anclados como
+         * "Tipografía y color"), sm (400px), md (540px), lg (680px),
          * full (min(1400px, 95vw) × 92vh — media/document viewers).
          *
          * `full` also drops the body padding and lets the body grow, so a slotted
@@ -140,12 +140,12 @@ const CoModal = class {
          *  under the heading (Figma modals whose first row is a segmented control). */
         this.headerDivider = true;
         /**
-         * Visual treatment (Task C12). `default` = superficie squircle actual
+         * Visual treatment. `default` = superficie squircle actual
          * (radio `--co-modal-r`, sombra que sigue la silueta). `panel` = superficie
          * plana (radio 12, borde `--co-semantic-border-subtle`, `--co-shadow-lg`),
          * SIN máscara squircle — look de panel anclado, no de diálogo centrado.
          *
-         * `dialog` (Task M1) = la anatomía del componente "Modal" del design system
+         * `dialog` = la anatomía del componente "Modal" del design system
          * (Figma Prolibu UI Suite, nodo `1179:37247`): superficie plana radio 16
          * (`--co-border-radius-lg`) sin borde ni sombra propios, título 22/500 y
          * cuerpo 16/1.5 `text-secondary` sin divisor entre ambos, padding 32
@@ -155,7 +155,7 @@ const CoModal = class {
          */
         this.appearance = 'default';
         /**
-         * Control del scrim (Task C12). `none` = sin fondo oscuro y sin cierre por
+         * Control del scrim. `none` = sin fondo oscuro y sin cierre por
          * clic afuera — independiente de `closeOnOverlay` (que solo aplica cuando
          * SÍ hay scrim). `co-overlay` es quien posee el único `<div>` de scrim del
          * árbol, así que `none` implica no montar `<co-overlay>` (ver `inline`).
@@ -163,21 +163,21 @@ const CoModal = class {
         this.backdrop = 'default';
         /**
          * Renderiza en `position: fixed` con su propio `--co-modal-z-index` en vez
-         * de promoverse al TOP LAYER del browser (Task C12). `co-overlay` promueve
+         * de promoverse al TOP LAYER del browser. `co-overlay` promueve
          * su scrim al top layer vía Popover API (`showPopover()`); el top layer
          * SIEMPRE pinta por encima de cualquier `z-index` normal, así que un
          * portal propio del consumidor (selector de fuente/color del editor) con
          * z-index alto quedaría igual TAPADO detrás del modal. `inline` evita eso.
          *
          * `co-overlay` es también quien posee la promoción a top layer — no hay
-         * forma de pedirle "no te promuevas" sin tocar ese componente (fuera de
-         * alcance de esta task), así que, igual que `backdrop="none"`, `inline`
+         * forma de pedirle "no te promuevas" sin tocar ese componente, así que,
+         * igual que `backdrop="none"`, `inline`
          * implica no montar `<co-overlay>`: el panel pasa a posicionarse y apilarse
          * solo (`.co-modal__frame--standalone`, ver co-modal.css).
          */
         this.inline = false;
         /**
-         * Opt-in: el modal se MUEVE arrastrando su header (Task D1). Default false →
+         * Opt-in: el modal se MUEVE arrastrando su header. Default false →
          * los consumidores actuales quedan byte-idénticos (ni DOM ni CSS cambian).
          *
          * Con `movable`, el `part="header"` entero es la zona de agarre (`cursor:
@@ -192,6 +192,19 @@ const CoModal = class {
          * mismo nombre taparía `HTMLElement.draggable` con dos semánticas encimadas.
          */
         this.movable = false;
+        /**
+         * Opt-in: trampa de foco accesible (QA 2026-09-24, «Generar contrato»). Con
+         * `true`, al abrir el foco ENTRA al modal (el primer `[autofocus]`; si no
+         * hay, el primer control), Tab / Shift+Tab ciclan adentro y al cerrar vuelve
+         * a donde estaba. El recorrido es compuesto: ve el contenido proyectado por
+         * los slots y el `<button>` interno de cada co-button. Default false → los
+         * consumidores actuales no cambian.
+         *
+         * La trampa es de `<co-overlay>`, así que sin overlay (`inline` o
+         * `backdrop="none"`) NO aplica: esos modos son paneles no bloqueantes y la
+         * página de atrás sigue operable.
+         */
+        this.trapFocus = false;
         /* `:empty` can't see across a <slot>, so slotted presence is tracked in JS */
         this.hasFooter = false;
         this.handleFooterSlotChange = (e) => {
@@ -307,6 +320,18 @@ const CoModal = class {
         if (e.key === 'Escape')
             this.coClose.emit();
     }
+    /**
+     * Re-promueve el modal al TOPE del top layer (QA 2026-09-24, «Generar
+     * contrato»): un drawer que se abre DESPUÉS del modal (cambio de URL,
+     * historial) pinta encima, porque en el top layer gana el último promovido.
+     * Delega en su `<co-overlay>`: sin cerrar el modal, sin eventos (`coClose` /
+     * `coAfterClose` / `coAfterOpen`), sin soltar el scroll lock y sin re-animar
+     * la entrada. No-op sin overlay (`inline`, `backdrop="none"`) o cerrado.
+     */
+    async bringToFront() {
+        var _a, _b, _c;
+        await ((_c = (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('co-overlay')) === null || _b === void 0 ? void 0 : _b.bringToFront) === null || _c === void 0 ? void 0 : _c.call(_b));
+    }
     /**
      * La posición no se persiste: cada APERTURA arranca desde la posición por
      * defecto. El reset va al abrir y no al cerrar a propósito — reseteando al
@@ -422,8 +447,9 @@ const CoModal = class {
             }, part: "header", ref: (el) => (this.headerEl = el), onPointerDown: this.movable ? this.handleDragDown : undefined, onPointerMove: this.movable ? this.handleDragMove : undefined, onPointerUp: this.movable ? this.handleDragUp : undefined, onPointerCancel: this.movable ? this.handleDragCancel : undefined }, h("slot", { name: "header-leading" }), h("div", { class: "co-modal__header-text", part: "header-text" }, h("h2", { class: "co-modal__heading", part: "heading", id: "modal-heading" }, this.heading), this.description && (h("p", { class: "co-modal__description", part: "description" }, this.description))), h("slot", { name: "header-actions" }), this.closable && (h("button", { class: "co-modal__close", type: "button", "aria-label": "Close", onClick: this.handleCloseClick }, h("co-icon", { name: "x", size: closeIconSize })))), !this.noDividers && (h("div", { class: "co-modal__body", part: "body" }, h("slot", null))), h("div", { class: { 'co-modal__footer': true, 'co-modal__footer--empty': !this.hasFooter }, part: "footer" }, h("slot", { name: "footer", onSlotchange: this.handleFooterSlotChange })))));
         if (!this.usesOverlay)
             return frame;
-        return (h("co-overlay", { open: this.open, onCoClose: this.handleOverlayClick }, frame));
+        return (h("co-overlay", { open: this.open, trapFocus: this.trapFocus, onCoClose: this.handleOverlayClick }, frame));
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "open": [{
                 "resetPositionOnOpen": 0

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

@@ -13,12 +13,12 @@ const CoNavbar = class {
         this.rounded = false;
     }
     render() {
-        return (h("div", { key: 'd313d8d23b4b4f2d0250fedf8762bdda47464fe2', class: {
+        return (h("div", { key: '68c78b33434a32372eef9763b0c11c9a185f6ef8', 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: '737e1bfc2c3254fed53e590cba18932dc1d04f5d' })));
+            }, part: "navbar", role: "toolbar" }, h("slot", { key: 'a9d05ff60065f85dc24e941478a18fa40466143f' })));
     }
 };
 CoNavbar.style = coNavbarCss();