@prolibu-suite/cobalt-core 0.11.0 → 0.11.1

package/dist/esm/co-sidebar-nav.entry.js

@@ -503,10 +503,10 @@ const CoSidebarNav = class {
         // `flyout-open` (min mode only) lets the CSS drop the host edge-fade mask
         // while a flyout is shown — a host mask would otherwise clip AND
         // mis-position the fixed flyout (mask makes the host a containing block).
-        h(Host, { key: '247f01543c2bc200826c2be8d9913d748e0e741b', class: { 'flyout-open': !!this.flyoutKey } }, h("nav", { key: '3d1610da26b8b8dc473b9b7baa3a1eedac275f38', class: {
+        h(Host, { key: 'ef90beff11ad03c2cf4e13b74c9898cca380e8eb', class: { 'flyout-open': !!this.flyoutKey } }, h("nav", { key: 'cc9788f795e8ac66b4143195e7ffa3c4efe58bc1', class: {
                 'co-sidebar-nav': true,
                 'co-sidebar-nav--min': this.mode === 'min',
-            } }, this.renderSearch(), h("div", { key: 'd6bcbf4478818bdc84d29b3e6186fc72122e2864', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item))))));
+            } }, this.renderSearch(), h("div", { key: 'c77b51b21c0d5d70ff90213f3c7a5bc0e104bdec', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -10,10 +10,10 @@ const CoSidebar = class {
         this.mode = 'full';
     }
     render() {
-        return (h("nav", { key: '2bd29e3c2289513b465e2fdb9f77fb12285810c1', class: {
+        return (h("nav", { key: 'de782225d3dc1ef1def8af333a2a81809b50a84d', class: {
                 'co-sidebar': true,
                 [`co-sidebar--${this.mode}`]: true,
-            }, part: "sidebar" }, h("div", { key: 'eefb2332e89165064c0b81f4da901a7609600069', class: "co-sidebar__header", part: "header" }, h("slot", { key: '756485fbd108582d8909e7ff361f09582b2888d3', name: "header" })), h("div", { key: '2b7022ed173af8cb95cf0c9d0459ceb16bd4824c', class: "co-sidebar__body", part: "body" }, h("slot", { key: '96d09dd7282bb121388af3b500939adaa25b69e4' })), h("div", { key: '3ea395c4e7c98243bd5eb688e062c4e0d046b8fb', class: "co-sidebar__footer", part: "footer" }, h("slot", { key: '8412a6b2f15e99138bd566f224b10ea52b6b691e', name: "footer" }))));
+            }, part: "sidebar" }, h("div", { key: '7c4466bf0d14cba9ca008d0a1cf9c28972726301', class: "co-sidebar__header", part: "header" }, h("slot", { key: '1389f2fa757adcd7b97586534de4144f9b08d1a7', name: "header" })), h("div", { key: '298ea9f0183bb31b0a4b6d83053029b8f181fb7d', class: "co-sidebar__body", part: "body" }, h("slot", { key: 'f1c0c4b26b4be0441048f7f961529ce5371d4c6d' })), h("div", { key: '62666b4e1b9591c70196fccb73caf683925de906', class: "co-sidebar__footer", part: "footer" }, h("slot", { key: '83566f1745b802296b7db7b90032a3ca13849126', name: "footer" }))));
     }
 };
 CoSidebar.style = coSidebarCss();

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

@@ -7,11 +7,17 @@ const CoSlider = class {
         registerInstance(this, hostRef);
         this.coChange = createEvent(this, "coChange", 7);
         this.coInput = createEvent(this, "coInput", 7);
+        /** Estado de validación: colorea el `helperText`. */
         this.status = 'default';
+        /** Valor actual; el componente lo actualiza al arrastrar o con el teclado. */
         this.value = 0;
+        /** Mínimo del rango (default 0). */
         this.min = 0;
+        /** Máximo del rango (default 100). */
         this.max = 100;
+        /** Paso entre valores (default 1); también el paso de las flechas. */
         this.step = 1;
+        /** Deshabilita el control. */
         this.disabled = false;
         /** Show current value label */
         this.showValue = true;
@@ -257,13 +263,13 @@ const CoSlider = class {
     render() {
         const pct = this.percentage;
         const vertical = this.isVertical;
-        return (h("div", { key: 'b06be1f1e7d51c4daa472d191976572b53ef9d95', class: {
+        return (h("div", { key: '4993b9d6827cdda362ce482151bffaf84c916442', class: {
                 'co-slider': true,
                 'co-slider--disabled': this.disabled,
                 'co-slider--dragging': this.dragging,
                 'co-slider--vertical': vertical,
                 [`co-slider--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel || this.showValue) && (h("div", { key: 'a5521722b6acab7644d18398dd98998d63b67c56', class: "co-slider__labels" }, h("div", { key: 'a5c9898337f548be34108f9295a8f8392ed75696', class: "co-slider__labels-left" }, this.label && h("label", { key: '55381c63ffc6baf11cd11e70ec7b2e8917b7c339', class: "co-slider__label" }, this.label), this.secondaryLabel && h("span", { key: '7eb00d9872a003ec6a379351d0a45ecf81e6087e', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && h("span", { key: 'dc36252a28b06664ec3087873a46cf36524c3dcb', class: "co-slider__value" }, this.value))), h("div", { key: '6cfa5a0a001dd7606862ffe01657004205bb7b4b', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, h("div", { key: 'c2b3554422d040f38a8d776f2c059661f6fecf9c', class: "co-slider__track" }, h("div", { key: '07946bf60392b55450ddeb751d65e0ff521e8766', class: "co-slider__fill", style: vertical ? { height: `${pct}%` } : { width: `${pct}%` } })), h("div", { key: '5b44ccb7c5940487c81008b98c05c33f2aaf7dda', class: "co-slider__thumb", style: vertical ? { bottom: `${pct}%` } : { left: `${pct}%` } })), this.showMarks && (h("div", { key: 'd53df80a2ec227dca30d71b0e1917de062056d94', class: "co-slider__marks" }, h("span", { key: '519ab6e39389806151785265163d4d06492b8ce0', class: "co-slider__mark" }, this.min), h("span", { key: '779111260623acfdd87bc83266e9c47ae5e653fe', class: "co-slider__mark" }, this.max))), h("input", { key: '56f7f648079ef0777368b93e078c782be0ce5bdc', class: "co-slider__native", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.handleInputChange, onKeyDown: vertical ? this.handleVerticalKeyDown : undefined, "aria-label": this.ariaLabelText || this.label || 'Slider', "aria-orientation": vertical ? 'vertical' : undefined }), this.helperText && (h("div", { key: '83511ef3eaeaa9dd73e21141708786bfb3937f9f', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'b82ab2938322bdd9711b1a2dbd024be22c9f1238', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), h("span", { key: 'bd35dbcc7063061ed5aac0cb635ea69217624bd9', class: "co-slider__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel || this.showValue) && (h("div", { key: '707c5bda972f1c1c3a45d6716f1a7b1debc2e9ee', class: "co-slider__labels" }, h("div", { key: '2ea2bd4c5e9eafcc8e87214134ad3ee4881b990f', class: "co-slider__labels-left" }, this.label && h("label", { key: '8a509cbaaae01919f3e29627492762021bc6b001', class: "co-slider__label" }, this.label), this.secondaryLabel && h("span", { key: '9ac5b791724b1f106c0d50bea0eef55367187dcb', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && h("span", { key: '77fd3b3c5db03128a19fc37797832e334a31a9cd', class: "co-slider__value" }, this.value))), h("div", { key: '8d16d1b89ea5c4f0226787482f4cf307cefb5f99', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, h("div", { key: '2d74659caca41e9255fe792e3b172e3cd6e4f3d9', class: "co-slider__track" }, h("div", { key: '169501854773b01341072f8024d89e665ed5527e', class: "co-slider__fill", style: vertical ? { height: `${pct}%` } : { width: `${pct}%` } })), h("div", { key: 'a1ea0b12371df5f0df4204a6be870fcf70141c43', class: "co-slider__thumb", style: vertical ? { bottom: `${pct}%` } : { left: `${pct}%` } })), this.showMarks && (h("div", { key: '8e8d55e60e058b1336c9819c11100c3e82f56097', class: "co-slider__marks" }, h("span", { key: '0e6b74aed9a56f40147a8e96290834c3e51d82c4', class: "co-slider__mark" }, this.min), h("span", { key: '4b735e6e20f5d49f5ab6047129b43e05210c5726', class: "co-slider__mark" }, this.max))), h("input", { key: 'ddbb917734f98c92564477b502f29f51f2c492ca', class: "co-slider__native", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.handleInputChange, onKeyDown: vertical ? this.handleVerticalKeyDown : undefined, "aria-label": this.ariaLabelText || this.label || 'Slider', "aria-orientation": vertical ? 'vertical' : undefined }), this.helperText && (h("div", { key: '68ba7ef8a27b006011ad0d1beba1cd9557103f8a', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '99f8b511f7de45809967a8a7588d8d736365247e', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), h("span", { key: '22f3ecf666b54d2bf5c97816c1b8253a7c6b233b', class: "co-slider__helper-text" }, this.helperText)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/co-swatch-grid.entry.js

@@ -98,7 +98,7 @@ const CoSwatchGrid = class {
         // Roving tabindex: una sola parada de tab (el seleccionado, o el primero).
         const tabbableIndex = selected >= 0 ? selected : 0;
         this.swatchEls = [];
-        return (h("div", { key: 'be71436bd099c18cb537f1f992582da31c56a675', class: "co-swatch-grid", role: "listbox", "aria-label": this.label || s.gridLabel, style: { gridTemplateColumns: `repeat(${this.columnCount}, ${size}px)`, gap: `${gap}px` } }, this.colorList.map((color, i) => (h("button", { type: "button", key: `${i}-${color}`, ref: (el) => {
+        return (h("div", { key: '37b221ff9dbebc184310f1cd51d539b833876adf', class: "co-swatch-grid", role: "listbox", "aria-label": this.label || s.gridLabel, style: { gridTemplateColumns: `repeat(${this.columnCount}, ${size}px)`, gap: `${gap}px` } }, this.colorList.map((color, i) => (h("button", { type: "button", key: `${i}-${color}`, ref: (el) => {
                 if (el)
                     this.swatchEls[i] = el;
             }, class: {

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

@@ -34,16 +34,16 @@ const CoSwitch = class {
     render() {
         const hasLabels = this.label || this.secondaryLabel;
         const hasHelper = !!this.helperText;
-        return (h("div", { key: 'cb5bdf31569ecb25bc8511d6aed95b8479439449', class: {
+        return (h("div", { key: 'ea7d325ff800a4f4db50c46cc4d2198cd9fd4417', class: {
                 'co-switch-wrapper': true,
                 'co-switch-wrapper--disabled': this.disabled,
                 [`co-switch-wrapper--${this.status}`]: this.status !== 'default',
-            } }, h("div", { key: '455228c9ab3e7dbb15f491771d645ae2d535ab00', class: "co-switch-wrapper__row", onClick: this.handleClick }, h("button", { key: '4aef8c522cbeacea52921c691d0dd13c1431eb99', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            } }, h("div", { key: 'a1f781028f45bdb9aa7d7dfc23e16b0f7fdc6eea', class: "co-switch-wrapper__row", onClick: this.handleClick }, h("button", { key: '97177558e46e8fd58636339ac3a2c6990a473cfe', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
                 'co-switch': true,
                 'co-switch--on': this.checked,
                 'co-switch--off': !this.checked,
                 'co-switch--disabled': this.disabled,
-            }, disabled: this.disabled, part: "track" }, h("span", { key: '14d1298fda1435774c9e2c2c7f0c520a38ee56fd', class: "co-switch__thumb", part: "thumb" })), hasLabels && (h("div", { key: '092325cff854533520244d8bb783e917fcfc5827', class: "co-switch-wrapper__labels" }, this.label && h("span", { key: '354f905fe663ecfab517f251adfd8a956f598244', class: "co-switch-wrapper__label", part: "label" }, this.label, h(RequiredMark, { key: '7c79bc7214fc1dfa4188d7d3c7c67014e54d2892', required: this.required })), this.secondaryLabel && (h("span", { key: '66d5b233028700c142c9b5122a448ade37dd941f', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (h("div", { key: '7ee1c73c19a4cc030489e21e444b0a6caecb7d5a', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: '089f18ba17c3b72e9368241593e39d54bdeb3b1e', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), h("span", { key: '082109f28c774a2f53290cd7e168347ab3e35b8a', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
+            }, disabled: this.disabled, part: "track" }, h("span", { key: '0227ea14f20b836226e5c9af5115c09bbec833d6', class: "co-switch__thumb", part: "thumb" })), hasLabels && (h("div", { key: '4abd7d4ca1a3defc7c77c5ea3f79cb615e651c53', class: "co-switch-wrapper__labels" }, this.label && h("span", { key: '255b45047435c01f5b99c66c123faa19c4ac2f0e', class: "co-switch-wrapper__label", part: "label" }, this.label, h(RequiredMark, { key: '7d1754be733fed89bd5cdb57175a68bd84bcb59b', required: this.required })), this.secondaryLabel && (h("span", { key: 'd790d306315a1ffa5601c775133de433f708e3ea', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (h("div", { key: '0fa80b2cea84d461d1bd95d598cf56b3c021c487', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: '0f8b55daf30cdad200f57baa316c841acd2387e7', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), h("span", { key: '297f6d425ebc33eb752d140df2aa6aa4288dfe37', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
     }
 };
 CoSwitch.style = coSwitchCss();

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

@@ -156,11 +156,11 @@ const CoTabGroup = class {
         }
     }
     render() {
-        return (h("div", { key: 'a68d2cecdbce222f14100ebbde2b49001cb799f3', class: {
+        return (h("div", { key: 'e226f6ba6da4566f95011d121a176697218ffaba', class: {
                 'co-tab-group': true,
                 [`co-tab-group--${this.variant}`]: true,
                 [`co-tab-group--size-${this.size}`]: !!this.size,
-            }, role: "tablist", part: "tab-group", onWheel: this.onWheel }, h("slot", { key: '321c8f8b5110a818d34d1eaccb60fc416e5ad57a', onSlotchange: this.onSlotChange })));
+            }, role: "tablist", part: "tab-group", onWheel: this.onWheel }, h("slot", { key: '93689e301da64a7ca850571cb623c339294c2122', onSlotchange: this.onSlotChange })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -12,9 +12,9 @@ const CoTab = class {
         this.value = '';
         /** Whether this tab is active/selected */
         this.selected = false;
-        /** Size. 'large'/'small' son los tamaños históricos (pill/underline). 's' (28px)
-            y 'xs' (26px, excepción D-19 a la escala unificada) solo tienen chrome propio
-            en `variant="segmented"` — ver co-tab.css. */
+        /** Tamaño: `large`/`small` (default) son los de las variantes pill y underline;
+         *  `s` (28px) y `xs` (26px) solo tienen estilo propio en `variant="segmented"`.
+         *  Dentro de un `co-tab-group` con `size`, el grupo lo fija. */
         this.size = 'small';
         /** Visual variant: filled pill (default), underline tab, or segmented-control pill */
         this.variant = 'pill';
@@ -36,13 +36,13 @@ const CoTab = class {
     }
     render() {
         const iconSize = this.variant === 'underline' ? 16 : this.size === 'large' ? 18 : 14;
-        return (h("button", { key: '61f50639e0a59faa103390bd34b478bbe947bb90', class: {
+        return (h("button", { key: '7b388ddd5338499064d43f30c0fa854d0be6773c', class: {
                 'co-tab': true,
                 [`co-tab--${this.size}`]: true,
                 [`co-tab--${this.variant}`]: true,
                 'co-tab--selected': this.selected,
                 'co-tab--disabled': this.disabled,
-            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (h("co-icon", { key: '6148d93a09063c8bcaf31969657aaef573818469', name: this.iconLeft, size: iconSize })), h("span", { key: 'f0103e87ab5978dc77b30ab161122565b11b8675' }, this.label), this.badge && (h("span", { key: '76ed839028bbf536ea0ae3dde81d959e3f2c9fa1', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (h("co-icon", { key: 'd2fa1dec20135e2466a3ad546590216e1f7eb4a1', name: this.iconRight, size: iconSize }))));
+            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (h("co-icon", { key: 'ae4c8bd29005e3d51a882eb1104b5e63a6ef69e5', name: this.iconLeft, size: iconSize })), h("span", { key: '6617a4e1af257a3b9d847a77915f202560940733' }, this.label), this.badge && (h("span", { key: 'a2b327941ab6e7578113b5ef05a2e3725132fcb0', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (h("co-icon", { key: '8a41a7df2c8f37c281c97bf4ab3c81f8ea476a45', name: this.iconRight, size: iconSize }))));
     }
 };
 CoTab.style = coTabCss();

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

@@ -14,10 +14,15 @@ const CoTagsField = class {
         this.coBlur = createEvent(this, "coBlur", 7);
         /** Committed value as a JSON array of strings (or an actual `string[]`). */
         this.value = '[]';
+        /** Placeholder del input para escribir un tag nuevo. */
         this.placeholder = '';
+        /** Campo obligatorio: marca la etiqueta con el indicador de requerido. */
         this.required = false;
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Solo lectura: muestra los tags sin permitir agregar ni quitar. */
         this.readonly = false;
+        /** Botón × que quita todos los tags (default `true`); emite `coClear`. */
         this.clearable = true;
         /** Allow the same value to be added more than once. */
         this.allowDuplicates = false;
@@ -174,14 +179,14 @@ const CoTagsField = class {
         const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
         const helper = this.isInvalid ? this.errorMessage : this.helperText;
         const showInput = !this.readonly && !this.atCapacity;
-        return (h("div", { key: '1ef89376f12003afa4250411b6dee524412ff880', class: {
+        return (h("div", { key: '81725f6d5bd9c22fa799825abf44d1e71a34b33a', class: {
                 'co-tags-field': true,
                 'co-tags-field--disabled': this.disabled,
                 'co-tags-field--focused': this.hasFocus,
                 'co-tags-field--filled': this.hasValue,
                 'co-tags-field--invalid': this.isInvalid,
                 [`co-tags-field--${this.size}`]: true,
-            }, part: "wrapper" }, this.label && (h("div", { key: '31156258ceeee2b6086c53a27cdeb7fce2658e76', class: "co-tags-field__labels" }, h("label", { key: '0263770cef191ed7517011d12e5c8508be6e4ebd', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: '358289e81e6cdafb0e1eca09de82ca7d46280f8f', required: this.required })))), h("div", { key: '72997e42dd6596f716df5a7c19dbe8e897244b00', class: "co-tags-field__field-row" }, h("div", { key: '1a2357d85e58cf87fb7aa24014e6fd25c69666db', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: '58e7f2d2ead8c6624e03b8bf3a5dbdcbd171671c', class: "co-tags-field__input-wrapper" }, tags.map((tag, index) => this.editingIndex === index ? (h("input", { key: `edit-${index}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
+            }, part: "wrapper" }, this.label && (h("div", { key: 'c5c913633aa37306acccbd0ca15abb3e265a60cd', class: "co-tags-field__labels" }, h("label", { key: '5898720b85700f9d6f3567c1399806bfa3e28d2d', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: 'c95129fbedfa41a2d735bc4f912f4a98b83c796f', required: this.required })))), h("div", { key: '940a2cd420b5b2e1cb981c21ff2df0957b7c39d6', class: "co-tags-field__field-row" }, h("div", { key: 'a100b3644ac42d71034d99be426d594b37275e71', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: '3eac2458a1cf8e4bdbad67c57f323cfa4d7a5c85', class: "co-tags-field__input-wrapper" }, tags.map((tag, index) => this.editingIndex === index ? (h("input", { key: `edit-${index}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
         // Shared field-chip (utils/fieldChip.tsx) per the Figma
         // "Tipo=Chips" spec — same look as co-ref-field's chips.
         h(FieldChip, { key: `chip-${index}-${tag}`, baseClass: "co-tags-field__chip", label: tag, title: tag, onChipDblClick: () => this.startEdit(index), onRemove: !this.disabled && !this.readonly
@@ -189,13 +194,13 @@ const CoTagsField = class {
                     e.stopPropagation();
                     this.removeTag(index);
                 }
-                : undefined }))), showInput && (h("input", { key: '4528c6c129e2a398e1e711aa292643b29bf636c3', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (h("button", { key: '3279bfa9651cc45c702567f0c1323562b338775d', class: {
+                : undefined }))), showInput && (h("input", { key: '4bda12b201fd72a40a3b6edd900373890d2d84be', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (h("button", { key: '1dedc650b5688bdd820e5253bad57c5a6c5a1725', class: {
                 'co-tags-field__clear': true,
                 'co-tags-field__clear--hidden': !showClear,
-            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: '69a902c55a325c4b559ebf050d8d7de03e0b2074', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: 'eaec02e8a0af3cb98020a621d7ceae38107c9cdf', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: '602738e23f55dea8388fa73760e5b612be24dc21', class: {
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: '21dcfc3fe3e72ba8d1557fcd9a9c3d4c774e942e', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: '7f829d899b73f76f8a66ce5766e0906756ebb5fa', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: 'c5a053f84171586ca0902815996430359647aadf', class: {
                 'co-tags-field__helper': true,
                 'co-tags-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: '4950c001e2604cd0dc35d4f4def640d89e18129e', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: '5b2456911fe3aa83cca47781817a4a38258749d7', class: "co-tags-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'fcdb85825b3b54b126ed055832bd1e509901ca87', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: '8f6845e58e30c2f5a62f715b7e9b4b12566c4402', class: "co-tags-field__helper-text" }, helper)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -50,7 +50,7 @@ const CoTile = class {
         return !this.disabled && e.target === this.el;
     }
     render() {
-        return (h(Host, { key: '7b6d2066f36837c836bcac75c98c7472451a3b0a', role: "button", tabindex: this.disabled ? undefined : 0, "aria-disabled": this.disabled ? 'true' : undefined, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onBlur: this.handleBlur }, h("div", { key: '275cc5dd82f17bc1380b52ee88780844d7937692', class: "co-tile", part: "tile" }, h("slot", { key: '9418db0eba2a388829f3245bf51392583e60eec1', name: "icon" }, this.icon ? h("co-icon", { name: this.icon, size: this.iconSize }) : null), h("span", { key: 'c235396aca36babd67c68c3e1363931f21c285cb', class: "co-tile__label", part: "label" }, this.label))));
+        return (h(Host, { key: '407cbb0c7c2f76d206f17233450ad4f7148d4860', role: "button", tabindex: this.disabled ? undefined : 0, "aria-disabled": this.disabled ? 'true' : undefined, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onBlur: this.handleBlur }, h("div", { key: '73b397c1f2a4bd4f5a964b223ced9809f9c5f19c', class: "co-tile", part: "tile" }, h("slot", { key: 'e4b5b8a6855e838d51efd2d503cb893d68d6c2d3', name: "icon" }, this.icon ? h("co-icon", { name: this.icon, size: this.iconSize }) : null), h("span", { key: '3b356385347ea64b2a80289b592fa4f1244e60af', class: "co-tile__label", part: "label" }, this.label))));
     }
     get el() { return getElement(this); }
 };

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

@@ -31,7 +31,9 @@ const CoTimeField = class {
         this.value = null;
         /** Reloj de 12 h. `false` = 00–23 sin segmento de período. */
         this.hour12 = true;
+        /** Locale BCP-47: textos del período (a. m./p. m.) y nombres accesibles de los segmentos. */
         this.locale = 'es-CO';
+        /** Deshabilita el campo. */
         this.disabled = false;
         /** Paso de PageUp/PageDown sobre el minuto. */
         this.pageStep = 15;
@@ -150,6 +152,7 @@ const CoTimeField = class {
         this.hour24 = Math.floor(m / 60);
         this.minute = m % 60;
     }
+    /** Enfoca el segmento de la hora. */
     async focusInput() {
         var _a;
         (_a = this.hourEl) === null || _a === void 0 ? void 0 : _a.focus();
@@ -309,7 +312,7 @@ const CoTimeField = class {
     }
     render() {
         const t = getDateStrings(this.locale);
-        return (h("div", { key: '375a0cd95c1ee8a3b2851f5b327c2d30be9220e7', class: { 'co-time-field': true, 'co-time-field--disabled': this.disabled }, role: "group", "aria-label": this.fieldLabel || t.timeFieldLabel }, h("span", { key: 'c87319645a6394877a35061abdfcef3d15931443', class: "co-time-field__segs" }, this.renderSeg('hour', t), h("span", { key: '15ae5505e3cbff685ae53bf0d8b4a87e9e3c15af', class: "co-time-field__sep", "aria-hidden": "true" }, ":"), this.renderSeg('minute', t), this.hour12 && this.renderSeg('period', t)), h("span", { key: '0ab99ad2423f8ee2330074679019ec0b76e59de0', class: "co-time-field__steppers" }, h("button", { key: 'ae2e8581f575b5d734bfd81c8f2f3d12da5751a0', type: "button", tabIndex: -1, "aria-hidden": "true", onMouseDown: (e) => e.preventDefault(), onClick: this.onStepperClick(1) }, h("co-icon", { key: '5186d550bd67c6d13d0c60b3a301a58e85effbbf', name: "caret-up", size: 10 })), h("button", { key: 'c8fbf199ab71e6bbd10a1ed570470befbe652f1e', type: "button", tabIndex: -1, "aria-hidden": "true", onMouseDown: (e) => e.preventDefault(), onClick: this.onStepperClick(-1) }, h("co-icon", { key: '19515539265a74798904e01e7692366574a8ca6b', name: "caret-down", size: 10 })))));
+        return (h("div", { key: 'b35cb03c86b6073d7af850316ef15754bedc059c', class: { 'co-time-field': true, 'co-time-field--disabled': this.disabled }, role: "group", "aria-label": this.fieldLabel || t.timeFieldLabel }, h("span", { key: 'dd3325ea0193f0819f4e8c2341eab0c0671cf421', class: "co-time-field__segs" }, this.renderSeg('hour', t), h("span", { key: '4bfae37879f6cb2fa00d26bdabdbdc04eb7701ad', class: "co-time-field__sep", "aria-hidden": "true" }, ":"), this.renderSeg('minute', t), this.hour12 && this.renderSeg('period', t)), h("span", { key: '196fcdc84979ee4631cefd208ef78b8d7a46d0c8', class: "co-time-field__steppers" }, h("button", { key: '1e2dbe2b2746048f6a1de6bdff3304180028bb90', type: "button", tabIndex: -1, "aria-hidden": "true", onMouseDown: (e) => e.preventDefault(), onClick: this.onStepperClick(1) }, h("co-icon", { key: '7b3a75bfb9b8038667dc709b65b1b1ea8ebecc0e', name: "caret-up", size: 10 })), h("button", { key: '948ae31bfe775c72269ff2bbdea8839c15d2f076', type: "button", tabIndex: -1, "aria-hidden": "true", onMouseDown: (e) => e.preventDefault(), onClick: this.onStepperClick(-1) }, h("co-icon", { key: '357072a670ee75c74569bd59e6ea4bcdebf216ac', name: "caret-down", size: 10 })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -70,8 +70,8 @@ const CoToast = class {
             'co-toast--progress': hasProgress,
             'co-toast--in': this.entered,
         };
-        const content = (h("div", { key: '5b3b8dadd6bd941ddf25040eb57312a70e145e70', class: "co-toast__content" }, h("span", { key: '76f47b49b5e901085a5fdcd924070f6c25b0a7bf', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: 'f229757cd675ae71df88adcab2cec65edbcb0411', class: "co-toast__description" }, this.description))));
-        return (h("div", { key: '1beb456e9e1ddc4be05de95757cd161bd3df913c', class: rootClass, part: "toast", role: role }, (drawsCheck || resolvedIcon) && (h("span", { key: '40a22c4eef4c1c1f0238fb2a37eb1e837a40a571', class: "co-toast__icon" }, resolvedIcon ? (h("co-icon", { name: resolvedIcon, size: 20 })) : (h("svg", { class: "co-toast__check", viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true" }, h("path", { d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '8f540383dea5dc817808be67047b5ea0f41c9516', class: "co-toast__body" }, hasProgress ? (h("div", { class: "co-toast__progress" }, h("div", { class: "co-toast__progress-header" }, content, h("span", { class: "co-toast__percent" }, clampedProgress, "%")), h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (h("div", { key: '5c48be7ff509be0656e204b195bc0420b6cc1d13', class: "co-toast__actions" }, h("slot", { key: 'fbc1a01ad868662991dd078873231ea2ee4cdd18', name: "action" })))), !isStacked && (h("div", { key: 'ba679ff96baf4e45c9c662c5b58a0eada104733d', class: "co-toast__actions" }, h("slot", { key: '33cf02247d346fcee55b5eb277d4230452017ee0', name: "action" }))), this.dismissible && (h("button", { key: 'ab7c8d00ea6763a1d7c9a12ae24b3a0c29dbc65f', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: 'b865eb66ffaffe8e1930cbc07a240e47ff276aef', name: "x", size: 16 })))));
+        const content = (h("div", { key: '77bab740efb16eb862d74d3a072baa0399ac5cdc', class: "co-toast__content" }, h("span", { key: '5677e36f94c873b634e211aa7918ed44ace21b34', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: 'ca564a3e80564ac91a260d288f38a2ce28db66bb', class: "co-toast__description" }, this.description))));
+        return (h("div", { key: 'd065c88d1d5e6465dab56a2fd59849051e0682d8', class: rootClass, part: "toast", role: role }, (drawsCheck || resolvedIcon) && (h("span", { key: 'ee73223250c29067ee3e1a40140a3f8ef44aed4f', class: "co-toast__icon" }, resolvedIcon ? (h("co-icon", { name: resolvedIcon, size: 20 })) : (h("svg", { class: "co-toast__check", viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true" }, h("path", { d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '5aad9debc4e7b0a319e50b0f75ef10ac0b903a73', class: "co-toast__body" }, hasProgress ? (h("div", { class: "co-toast__progress" }, h("div", { class: "co-toast__progress-header" }, content, h("span", { class: "co-toast__percent" }, clampedProgress, "%")), h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (h("div", { key: 'f7b7332e1dd67f2f4b1a2d5b97785f8f9593f14f', class: "co-toast__actions" }, h("slot", { key: 'c4238c8ee27dc2211419f0c8af77021cb7a35ec2', name: "action" })))), !isStacked && (h("div", { key: '06b844a254ecd51dcb21c9cf84f2a7e5094a08bc', class: "co-toast__actions" }, h("slot", { key: 'c15f765d10ae12b38d081f3ad4b403c98ecd54c5', name: "action" }))), this.dismissible && (h("button", { key: '52482f3d953e68c7b6108bdedb889aa136739316', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: '9c92e6bcc6ef0bc346a1f9104d382af5bf50c3a6', name: "x", size: 16 })))));
     }
 };
 CoToast.style = coToastCss();

package/dist/esm/co-toggle-button-group.entry.js

@@ -8,11 +8,12 @@ const CoToggleButtonGroup = class {
         this.coChange = createEvent(this, "coChange", 7);
         /** Current selected value(s). Single string or JSON array for multiple. */
         this.value = '';
+        /** Selección múltiple: `value` y `coChange` llevan un array de valores. */
         this.multiple = false;
         /** Talla del grupo. El grupo NO la empuja a sus hijos: cada `co-toggle-button`
          *  sin `size` propio la LEE al montarse (`componentWillLoad`, antes de su
-         *  primer render) y la adopta SOLO en las combinaciones nuevas de la Fase 2
-         *  Cobalt — `variant="soft"` (cualquier talla) o `variant="track"` +
+         *  primer render) y la adopta SOLO en las combinaciones compactas del editor
+         *  — `variant="soft"` (cualquier talla) o `variant="track"` +
          *  `size="xs"` — y nunca con un valor fuera de la unión del hijo (`l|m|s|xs`).
          *  Fuera de eso los hijos la ignoran, como siempre: el host ya usa
          *  `size="sm"` (fuera de la unión) y `size="s"` con la variante default, y
@@ -24,7 +25,9 @@ const CoToggleButtonGroup = class {
          *  montar; cambiar `size` del grupo después no re-talla a los hijos ya
          *  montados (aquí solo actualiza la clase `--xs` de la pista). */
         this.size = 'm';
+        /** Deshabilita todos los botones del grupo. */
         this.disabled = false;
+        /** Disposición de los botones: `row` (default) o `column`. */
         this.direction = 'row';
         /** Stretch the group to fill its container; each button shares the width equally. */
         this.fullWidth = false;
@@ -88,7 +91,7 @@ const CoToggleButtonGroup = class {
         });
     }
     render() {
-        return (h("div", { key: '7e878199a5ac13867f51c16995403b0c57c7a6cb', class: {
+        return (h("div", { key: '876d581e3c53b790f1e89ba3917325ccc7b5e8ba', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
                 [`co-toggle-button-group--${this.variant}`]: true,
@@ -97,7 +100,7 @@ const CoToggleButtonGroup = class {
                 'co-toggle-button-group--xs': this.size === 'xs',
                 'co-toggle-button-group--disabled': this.disabled,
                 'co-toggle-button-group--full': this.fullWidth,
-            }, role: "group" }, h("slot", { key: '396df51b811c8841c2e1786be107fcdc1abd4b69' })));
+            }, role: "group" }, h("slot", { key: '9e791ede02a818a5fbe0bf571cc185cc3ea609a6' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -14,7 +14,9 @@ const CoToggleButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.coToggle = createEvent(this, "coToggle", 7);
+        /** Activado (reflejado). El click lo invierte; dentro de un `co-toggle-button-group` lo coordina el grupo. */
         this.selected = false;
+        /** Valor que identifica al botón dentro de su grupo y que viaja en `coToggle`. */
         this.value = '';
         /** Talla del botón. Si no se indica (ni atributo ni propiedad) y el botón
          *  está dentro de un `co-toggle-button-group` con `variant="soft"` (cualquier
@@ -26,6 +28,7 @@ const CoToggleButton = class {
          *  adopta UNA vez, al montar: cambiar después el `size` del grupo no
          *  re-talla a los botones ya montados (el editor lo fija estáticamente). */
         this.size = 'm';
+        /** Deshabilita el botón. */
         this.disabled = false;
         /** Visual variant. 'track' renders the button as a detached rounded pill for a
          *  sunken toggle-button-group track. 'soft' renders it as a separated gray-100
@@ -77,7 +80,7 @@ const CoToggleButton = class {
             ? this.size === 'xs' ? 14 : 18
             : this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
         const iconWeight = this.selected && this.selectedIconWeight ? this.selectedIconWeight : undefined;
-        return (h("button", { key: '3828e83bec19f945ca1ee06eb1c9ba5a6744c6c9',
+        return (h("button", { key: 'a0b0aa7d128e4ee66a91a223851b126684d8e997',
             /* El `<button>` vive en shadow DOM: sin `part` el consumidor no podía
                tocarlo desde afuera — ni su `justify-content: center`, que está
                hardcodeado en el CSS (el editor terminó moviendo el texto a un slot
@@ -89,7 +92,7 @@ const CoToggleButton = class {
                 [`co-toggle-button--${this.size}`]: true,
                 'co-toggle-button--disabled': this.disabled,
                 'co-toggle-button--icon-only': !this.label && (!!this.iconLeft || !!this.iconRight),
-            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, h("slot", { key: 'd3406d430fedc50ee415434a5a66f58322f4005d', name: "leading" }), this.iconLeft && h("co-icon", { key: '127a0993ae5ede97325fa357920f6681e2188b22', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: '5219aec0d041d9d1b71496aeb0e608eeca08c4b3', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: 'f90dc967120e060e9de331239e8b531fee859164', name: this.iconRight, size: iconSize, weight: iconWeight })));
+            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, h("slot", { key: 'd683a91a68fb3820a01b8bd91dc3b81b8d8994f0', name: "leading" }), this.iconLeft && h("co-icon", { key: '6894633951caa68a614824af931a33dc46a552ab', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: '96d902f0f28a8ea8a810425cf775ff6a9437be4d', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: '4e5db3f34af24fffce2ec95e4a7767c82768db39', name: this.iconRight, size: iconSize, weight: iconWeight })));
     }
     get el() { return getElement(this); }
 };

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

@@ -8,13 +8,17 @@ const CoTransferList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.coChange = createEvent(this, "coChange", 7);
+        /** Título de la lista de disponibles. */
         this.leftTitle = 'Available';
+        /** Título de la lista de seleccionadas. */
         this.rightTitle = 'Selected';
         /** All available options */
         this.options = '[]';
         /** Values in the right (selected) list */
         this.value = '[]';
+        /** Deshabilita las listas y los botones. */
         this.disabled = false;
+        /** Estado de validación: colorea el `helperText`. */
         this.status = 'default';
         this.leftChecked = new Set();
         this.rightChecked = new Set();
@@ -123,11 +127,11 @@ const CoTransferList = class {
         this.osInstances = [];
     }
     render() {
-        return (h("div", { key: '10f7ff92e36b92f0a92fa2a286242f651d7da22c', class: {
+        return (h("div", { key: '31890d6f8b8201b20c286448098ba96b84313192', class: {
                 'co-transfer-list': true,
                 'co-transfer-list--disabled': this.disabled,
                 [`co-transfer-list--${this.status}`]: this.status !== 'default',
-            } }, this.label && h("label", { key: 'da07e59288cfb85b4d95e62aa7f61d65a0ac5931', class: "co-transfer-list__label" }, this.label), h("div", { key: '8d4a921850b838f9096402ba947af8b164eb541e', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: 'a258db503eb7477c16186ba58755b8696610ffdb', class: "co-transfer-list__actions" }, h("button", { key: '11d8275f690eb58f07b69044fcadb501d520a34b', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: '3a637822c740096295bb4129e9f8366b61fc906c', name: "caret-double-right", size: 16 })), h("button", { key: '2fea7b08d006352a5c5b0e2f46e558bea4448019', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: '4f016d94cf4fe7a621decdd630c16d63cd82944d', name: "caret-right", size: 16 })), h("button", { key: 'acf8b07e343c527d231c65dd31ff27b765da2e89', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '4e2cd858347069f84e2adef89ed8519f70f42b62', name: "caret-left", size: 16 })), h("button", { key: '59c8b06cfcfe5804f73d2c402052e86baae5e2c9', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: '7d00c3cd0866d92ef0d456b419f9b3fe0c25c71e', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: '4d54c76de7e18a5a5b5ea40f9b5dea4a5551440e', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '2e1017e680c759d1b67d8b1b03ffbebbfa6d1068', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: '9533af921d596314d489656706aeecfe004182b1', class: "co-transfer-list__helper-text" }, this.helperText)))));
+            } }, this.label && h("label", { key: '03682912da82bb6590d6c3cd4a070dc8d4214744', class: "co-transfer-list__label" }, this.label), h("div", { key: '33562c5fc6372f8cbee86751f593959f0b851466', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: '1f4125394ac963351e08f7722dc7f73fa86ccfc9', class: "co-transfer-list__actions" }, h("button", { key: 'b070ea660c6997f2281a3a3dcdf15764665408ee', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: 'a46764f1308c49ff1cfcaeeab8b60434c4347b72', name: "caret-double-right", size: 16 })), h("button", { key: 'f57ef7e0a56e1f257277407d7eb47d28830d60fb', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: '3dc5c8df4936dd79c9c7947f1f669cf12c2d785e', name: "caret-right", size: 16 })), h("button", { key: '76ffe11208d14d89683a558d2004fb831fdc3ebf', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '31565d71c489ccbe4b58edd89c867210a7077870', name: "caret-left", size: 16 })), h("button", { key: 'af464a61aa1a553b5e8218d14fdd62b5618e4d0e', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: '86ebbd7639f1d56c4073e55792a397213ed7b426', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: '769fc2d953ad3c24a1fbaaafd2054376e8c452b3', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '62d8663352ece7628a569a9b6808d4e9f921649d', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: '9480ee4c4fdc4c9ee62836ad33e555fe550650b6', class: "co-transfer-list__helper-text" }, this.helperText)))));
     }
     get el() { return getElement(this); }
 };

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

@@ -91,7 +91,7 @@ const CoTreeItem = class {
         const expanded = expandable && !!this.expanded;
         const isGroup = expanded && this.hasChildren;
         const strings = getTreeItemStrings((_d = this.locale) !== null && _d !== void 0 ? _d : 'es');
-        return (h(Host, { key: '873d12e73414860f322eb2032f424c474216e7d4', role: "treeitem", "aria-level": String(depth + 1), "aria-expanded": expandable ? (expanded ? 'true' : 'false') : undefined, "aria-selected": selection !== 'none' ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: 'a0629e12d90421a6f8bc3899acee21297e5a2f50', class: {
+        return (h(Host, { key: '09547858bbf035d5b70b95bdf480a58378532ae3', role: "treeitem", "aria-level": String(depth + 1), "aria-expanded": expandable ? (expanded ? 'true' : 'false') : undefined, "aria-selected": selection !== 'none' ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: '1c720c317936faa2b01c6cdab61d339d4a3d40f0', class: {
                 'co-tree-item': true,
                 'co-tree-item--xs': size === 'xs',
                 'co-tree-item--soft': selection === 'soft',
@@ -99,7 +99,7 @@ const CoTreeItem = class {
                 'co-tree-item--expanded': expanded,
                 'co-tree-item--group': isGroup,
                 'co-tree-item--disabled': !!this.disabled,
-            } }, h("div", { key: 'd8f1c942b7ee3ef6e1f85a78088544b4b06ea9ee', class: "co-tree-item__row", part: "row", style: { paddingLeft: `calc(8px + ${depth} * var(--co-tree-item-indent, 24px))` } }, expandable ? (h("button", { type: "button", class: "co-tree-item__caret", part: "caret", tabindex: "-1", "aria-label": expanded ? strings.collapse : strings.expand, "aria-disabled": this.disabled ? 'true' : undefined, onMouseDown: this.handleCaretMouseDown, onClick: this.handleCaretClick }, h("co-icon", { name: expanded ? 'caret-down' : 'caret-right', size: 8, weight: "fill" }))) : (h("span", { class: "co-tree-item__caret-space", "aria-hidden": "true" })), h("slot", { key: 'a21dc1c08d4c9b8a5077ebbac32a29475be573d8', name: "prefix" }), this.icon && (h("span", { key: '9bddf0697b6307069a3e7e744808c792196023d6', class: "co-tree-item__icon", part: "icon" }, h("co-icon", { key: 'fa4add61204749dd8ca1cbcc81e50ade12968e0c', name: this.icon, size: 12 }))), h("span", { key: '9f94f8a34705f48d4fe0d33aa277ff0d8eed04e2', class: "co-tree-item__label", part: "label" }, h("slot", { key: 'a94003f5dd1ceb7102002749686afd8872ce4d23', name: "label" }, this.label)), h("span", { key: '218b9fcd7dc0ce283a073b788ddb02254d587559', class: "co-tree-item__suffix", part: "suffix" }, h("slot", { key: '9c93a49a55d467aaa993f572dd8187ff9f8605f4', name: "suffix" }))), h("div", { key: 'afe218a752c68be204a04255bc00a54f5036e5c3', class: "co-tree-item__children", part: "children", role: "group" }, h("slot", { key: '3afaeaa63c458c01b43e5d4b33cd637c06c8cd31', onSlotchange: this.syncHasChildren })))));
+            } }, h("div", { key: 'e20c131f702d8de43901f12963da75949e3a9e6e', class: "co-tree-item__row", part: "row", style: { paddingLeft: `calc(8px + ${depth} * var(--co-tree-item-indent, 24px))` } }, expandable ? (h("button", { type: "button", class: "co-tree-item__caret", part: "caret", tabindex: "-1", "aria-label": expanded ? strings.collapse : strings.expand, "aria-disabled": this.disabled ? 'true' : undefined, onMouseDown: this.handleCaretMouseDown, onClick: this.handleCaretClick }, h("co-icon", { name: expanded ? 'caret-down' : 'caret-right', size: 8, weight: "fill" }))) : (h("span", { class: "co-tree-item__caret-space", "aria-hidden": "true" })), h("slot", { key: '313110e0f4b6b3d81faf1ecd63a56d40ebadc40f', name: "prefix" }), this.icon && (h("span", { key: 'e099db0908ccce9bea71fff6c58081126308277a', class: "co-tree-item__icon", part: "icon" }, h("co-icon", { key: '0ca917bbfcb13285d364b5b6c07ba52165df7c0b', name: this.icon, size: 12 }))), h("span", { key: '48d8b98d0af58627c6510a57b8d3a05c1c58452f', class: "co-tree-item__label", part: "label" }, h("slot", { key: 'a8c7dcfae8c5e4d7f2782b81d96a2f2924dc889c', name: "label" }, this.label)), h("span", { key: '8221cd9578dc226545e86e588d5e60fa75cd06f5', class: "co-tree-item__suffix", part: "suffix" }, h("slot", { key: '256ca2c9cc0b7f6249be0dd23b4dc14def735db9', name: "suffix" }))), h("div", { key: '246a9968d7443f2e9ab4cc37669861a6a89de546', class: "co-tree-item__children", part: "children", role: "group" }, h("slot", { key: '4726dadaf4b78766eea244866c97a2664e35c93c', onSlotchange: this.syncHasChildren })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -647,14 +647,17 @@ const CoVideo = class {
     // ═══════════════════════════════════════════════════
     // PUBLIC METHODS
     // ═══════════════════════════════════════════════════
+    /** Inicia la reproducción (puede rechazarse si el navegador bloquea el autoplay con sonido). */
     async play() {
         var _a;
         await ((_a = this.videoEl) === null || _a === void 0 ? void 0 : _a.play());
     }
+    /** Pausa la reproducción. */
     async pause() {
         var _a;
         (_a = this.videoEl) === null || _a === void 0 ? void 0 : _a.pause();
     }
+    /** Alterna entre reproducir y pausar. */
     async togglePlay() {
         var _a, _b;
         if (this.isPlaying) {
@@ -664,11 +667,13 @@ const CoVideo = class {
             await ((_b = this.videoEl) === null || _b === void 0 ? void 0 : _b.play());
         }
     }
+    /** Salta a `time` (segundos). */
     async seek(time) {
         if (this.videoEl) {
             this.videoEl.currentTime = time;
         }
     }
+    /** Fija el volumen (0–1; se recorta a ese rango). */
     async setVolume(level) {
         const clamped = Math.max(0, Math.min(1, level));
         this.volume = clamped;
@@ -676,12 +681,15 @@ const CoVideo = class {
             this.videoEl.volume = clamped;
         this.volumeLevel = clamped;
     }
+    /** Alterna el silencio (igual que el botón de volumen). */
     async toggleMute() {
         this.handleMuteClick();
     }
+    /** Entra o sale de pantalla completa. */
     async toggleFullscreen() {
         this.handleFullscreenClick();
     }
+    /** Entra o sale de Picture-in-Picture (si el navegador lo soporta). */
     async togglePip() {
         this.handlePipClick();
     }
@@ -826,14 +834,14 @@ const CoVideo = class {
     // ═══════════════════════════════════════════════════
     render() {
         const aspectClass = `co-video--${this.aspectRatio.replace(':', '-')}`;
-        return (h(Host, { key: '6cf0c87865e83b6022604a5bf2cfbe57832d283e' }, h("div", { key: 'ae2c18c38e9ffb9df78db8a562222effd5a07109', class: {
+        return (h(Host, { key: 'd2f25697003337a41f2c6ac1f8b52b82c8341731' }, h("div", { key: 'b656b85d82072035f31358820db8c61a2db4cbbc', class: {
                 'co-video': true,
                 [aspectClass]: true,
                 [`co-video--rounded-${this.rounded}`]: true,
                 'co-video--disabled': this.disabled,
                 'co-video--fullscreen': this.isFullscreen,
                 'co-video--playing': this.isPlaying,
-            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '8b0b5dfb94c4e0c62b782aa6011d056111eea5fb', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: '4e010f52473dddffd6bc188a5389de17c27966b1', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
+            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '960e58a18058da5840fdbbdaf32a01afd1db06f9', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: '4a772011fe579f90d3befe3ad925026835cece73', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/types/components/co-accordion/co-accordion.d.ts

@@ -9,6 +9,16 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot subheading - Optional secondary line under the heading (replaces `subheading` prop).
  *                    Handy for a collapsed summary/preview.
  * @slot            - Body content. Hidden when `open=false`.
+ *
+ * Wrapper Vue: `CoAccordion` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part accordion - Contenedor de la sección.
+ * @part header - Fila del encabezado (clickeable).
+ * @part heading - Título.
+ * @part subheading - Línea secundaria bajo el título.
+ * @part caret - Botón del chevron (el control accesible).
+ * @part body - Contenedor animado del cuerpo.
+ * @part body-inner - Cuerpo con su padding (slot por defecto).
  */
 export declare class CoAccordion {
     el: HTMLElement;

package/dist/types/components/co-action-bar/co-action-bar.d.ts

@@ -17,6 +17,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * disponible, o la barra desborda con varias acciones). La política de
  * contenido cuando no cabe (colapsar labels a icon-only, abreviar el conteo)
  * es del CONSUMIDOR — el componente no scrollea ni reordena.
+ * Wrapper Vue: `CoActionBar` de `@prolibu-suite/cobalt-vue`.
  *
  * @slot - Acciones de la barra (co-button surface="dark", divisores <hr>, …)
  * @slot label - Presentación custom del label. SOLO presentación: el anuncio

package/dist/types/components/co-app-shell/co-app-shell.d.ts

@@ -7,6 +7,17 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot sidebar-header - Header area of the sidebar (logo, collapse button)
  * @slot sidebar-footer - Footer area of the sidebar
  * @slot - Main content area
+ *
+ * Wrapper Vue: `CoAppShell` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part sidebar - Columna lateral completa.
+ * @part sidebar-header - Cabecera de la barra lateral (slot `sidebar-header`).
+ * @part sidebar-body - Cuerpo de la barra lateral (slot `sidebar`).
+ * @part sidebar-footer - Pie de la barra lateral (slot `sidebar-footer`).
+ * @part main - Columna principal (con la sombra del panel).
+ * @part card - Tarjeta del contenido principal.
+ * @part header - Cabecera de la tarjeta (slot `navbar`).
+ * @part content - Área de contenido (slot por defecto).
  */
 export declare class CoAppShell {
     /** Sidebar display mode */

package/dist/types/components/co-audio-player/co-audio-player.d.ts

@@ -1,4 +1,16 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Reproductor de audio compacto con forma de onda: play/pausa, progreso sobre la
+ * onda, tiempo, velocidad y descarga (notas de voz, grabaciones de llamadas).
+ * Wrapper Vue: `CoAudioPlayer` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part player - Contenedor del reproductor.
+ * @part play - Botón de play/pausa.
+ * @part wave - Forma de onda (también es la barra de búsqueda).
+ * @part time - Tiempo actual / duración.
+ * @part speed - Botón de velocidad (cicla entre las velocidades; oculto en `compact`).
+ * @part download - Botón de descarga (oculto en `compact` o con `noDownload`).
+ */
 export declare class CoAudioPlayer {
     /** Audio URL (use a signedUrl for private buckets). */
     src?: string;
@@ -30,9 +42,13 @@ export declare class CoAudioPlayer {
     containerWidth: number;
     /** Current playback rate; the speed control cycles through `SPEEDS`. */
     playbackRate: number;
+    /** Empezó la reproducción. */
     coPlay: EventEmitter<void>;
+    /** Se pausó la reproducción. */
     coPause: EventEmitter<void>;
+    /** Terminó el audio (vuelve al inicio). */
     coEnded: EventEmitter<void>;
+    /** No se pudo cargar o reproducir el audio; `detail` = el evento `error` nativo del `<audio>`. */
     coError: EventEmitter<unknown>;
     /** Playback position, on the `<audio>` element's own `timeupdate` cadence
      *  (~4×/s while playing, plus every seek). Exists so a host can follow the