@prolibu-suite/cobalt-core 0.11.0 → 0.11.2

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

@@ -22,8 +22,11 @@ const CoRefField = class {
         this.coEditSelected = createEvent(this, "coEditSelected", 7);
         /** Whether the field is required (renders a required marker on the label). */
         this.required = false;
+        /** Texto del trigger sin valor (salvo que haya `inheritedLabel`). */
         this.placeholder = 'Select…';
+        /** Deshabilita el campo: no abre el panel ni muestra × ni lápiz. */
         this.disabled = false;
+        /** Muestra la × que vacía la selección cuando hay valor (default `true`); emite `coClear`. */
         this.clearable = true;
         /** Shows a pencil button on the single-value trigger that emits
          *  `coEditSelected` with the selected record id. The host owns policy
@@ -31,7 +34,9 @@ const CoRefField = class {
         this.editable = false;
         /** Accessible name / tooltip for the edit button. */
         this.editLabel = 'Edit';
+        /** Selección múltiple: la selección se pinta como chips y `value` es un JSON array de ids. */
         this.multiple = false;
+        /** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
         this.status = 'default';
         /** Label layout: vertical (label above) or horizontal (label beside) */
         this.layout = 'vertical';
@@ -59,9 +64,13 @@ const CoRefField = class {
         /** Total count of matching records from the API. */
         this.total = 0;
         // ── Search props ───────────────────────────────────────────
+        /** Buscador en el panel (default `true`); el filtrado lo hace el host al recibir `coSearch`. */
         this.searchable = true;
+        /** Placeholder del buscador del panel. */
         this.searchPlaceholder = 'Search…';
+        /** Espera en ms entre la última tecla y el `coSearch` (default 350). */
         this.searchDebounce = 350;
+        /** Texto del panel cuando no hay opciones. */
         this.emptyMessage = 'No results found';
         // ── Action props ───────────────────────────────────────────
         /** Show footer buttons (same pattern as co-combobox). */
@@ -521,7 +530,7 @@ const CoRefField = class {
     }
     // ── Main render ────────────────────────────────────────────
     render() {
-        return (h("div", { key: '67a5576b8bd40fce7ba99fd4cc32ea6666fc409c', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (h("div", { key: 'e0a34e6913484e07d9b758ffb85969e1f5790603', class: "co-ref-field__labels" }, this.label && (h("label", { key: '7db53aa0ad57d8edbb4d745d52c9c6d6fa7697d1', class: "co-ref-field__label" }, this.labelIcon && (h("co-icon", { key: '220706f3a48453d84de18f8a12574560dcd33f16', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, h(RequiredMark, { key: 'fd1814aab65fadc89ae8bf8db4af9a7279761c23', required: this.required }))), this.secondaryLabel && (h("span", { key: '9d9292a8295a73536638718a67c97f326cece53a', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: '934f77e646fbe81f935415202884eead11b7044b', open: this.isOpen, placement: "bottom-start", matchWidth: !this.panelWidth, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '840494a7ea54f4c58e77d90e1dc7c57713c26a25', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (h("div", { key: '6ee3efb271c12356166e2980b521c31b3bda66ff', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (h("co-icon", { key: '8889e534784663f5dabff0ffba4e7fa946916aa2', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), h("span", { key: 'a731a16b2bd53d83a7a0ed3c75d9cdb9ea3b5191' }, this.helperText)))));
+        return (h("div", { key: 'a3aef08c94e307af533bd47f40d0a4a92fe27d24', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (h("div", { key: '77b6b86ec8180be67198551fdb85c005ff839e1d', class: "co-ref-field__labels" }, this.label && (h("label", { key: '19e162c60bff7a5e65744e21027ebf817bea2574', class: "co-ref-field__label" }, this.labelIcon && (h("co-icon", { key: '966f91705e5f5969361f86f9ef1ef613f458c610', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, h(RequiredMark, { key: 'b40e66babe9ebc1a812d429ec44711867817a35e', required: this.required }))), this.secondaryLabel && (h("span", { key: '59e005803c24da33bf561e861464128d6a19b0d5', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: 'b436e6ba857fd059dd15df3c83e9e321eceda17e', open: this.isOpen, placement: "bottom-start", matchWidth: !this.panelWidth, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: 'c13bb059934db87074ece6e42fb9913f69e4b81c', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (h("div", { key: 'e58d1a42f44382f1c1be244d69a89851f32aad85', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (h("co-icon", { key: '95544a78586c34901e3480f9c9b9c0f872362c12', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), h("span", { key: 'e536f2971bd27a87c5785ba7e950c29bd22bfeda' }, this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-rich-text-editor.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DJkaRtbb.js';
-import { R as RichText } from './index-Cpo8HTwr.js';
+import { R as RichText } from './index-CgyOJePd.js';
 import { g as getRichTextStrings } from './richTextI18n-xnrKkNWQ.js';
 import { E as EchoGuard, p as parseEditorValue, a as applyExternalValue, b as parseFeatures, c as buildOutput, s as syncToolbarEditor, d as syncImageLayouts } from './rich-text-host-BmdKHBZP.js';
-import './pagination-D9OfZUnY.js';
+import './pagination-BzrIQtrk.js';
 import './purify.es-B2QLgWrz.js';
 import './toolbar-config-CRxTFT_z.js';
 
@@ -24,7 +24,9 @@ const CoRichTextEditor = class {
         this.value = null;
         /** Preset controlling allowed nodes/marks, toolbar and sanitization. */
         this.preset = 'task';
+        /** Texto de ayuda del editor vacío. */
         this.placeholder = '';
+        /** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
         this.status = 'default';
         /** Visual style. `flat` strips the frame's border and background so it
          *  reads as plain content instead of a boxed control — padding, label,
@@ -34,10 +36,15 @@ const CoRichTextEditor = class {
          *  outer box is gone. `default` (the standard bordered box) renders
          *  identically to before this prop existed. */
         this.variant = 'default';
+        /** Deshabilita el editor. */
         this.disabled = false;
+        /** Solo lectura: sin barra ni edición; `coChange` sale en el acto (p. ej. al marcar una casilla de task-list). */
         this.readonly = false;
+        /** Campo obligatorio (marca de requerido en la etiqueta). */
         this.required = false;
+        /** Muestra el contador de caracteres aunque no haya `maxLength`. */
         this.showCharacterCount = false;
+        /** Enfoca el editor al montarse. */
         this.autofocus = false;
         /** Toolbar layout. `auto` uses the preset default. */
         this.toolbar = 'auto';
@@ -234,30 +241,37 @@ const CoRichTextEditor = class {
         (_a = this.editor) === null || _a === void 0 ? void 0 : _a.setEditable(!this.disabled && !this.readonly);
     }
     /* ── Public methods (escape hatches + imperative control) ── */
+    /** Documento como JSON de ProseMirror, o `null` si está vacío. */
     async getJSON() {
         return this.editor && !this.editor.isEmpty ? this.editor.getJSON() : null;
     }
+    /** HTML sanitizado según el preset (`getHtml`, no `getHTML`, para no chocar con `HTMLElement`). */
     async getHtml() {
         return this.editor ? this.sanitizeHtml(this.editor.getHTML()) : '';
     }
+    /** Texto plano del documento. */
     async getText() {
         var _a, _b;
         return (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getText()) !== null && _b !== void 0 ? _b : '';
     }
+    /** Vacía el contenido y emite `coClear`. */
     async clear() {
         if (!this.editor)
             return;
         this.editor.commands.clearContent(true);
         this.coClear.emit();
     }
+    /** Enfoca el editor (`focusEditor`, no `focus`, para no chocar con `HTMLElement`). */
     async focusEditor() {
         var _a;
         (_a = this.editor) === null || _a === void 0 ? void 0 : _a.commands.focus();
     }
+    /** Reemplaza el contenido: HTML (string) o JSON de ProseMirror. */
     async setContent(content) {
         var _a;
         (_a = this.editor) === null || _a === void 0 ? void 0 : _a.commands.setContent(content);
     }
+    /** Instancia Tiptap subyacente (escape hatch para control avanzado), o `null` antes de montar. */
     async getEditorInstance() {
         var _a;
         return (_a = this.editor) !== null && _a !== void 0 ? _a : null;
@@ -1983,11 +1997,11 @@ const CoRichTextEditor = class {
         const showToolbar = this.resolvedToolbar !== 'none' && !this.readonly && !this.disabled;
         const showCount = this.showCharacterCount || this.maxLength != null;
         const bottom = this.toolbarPosition === 'bottom';
-        const toolbar = showToolbar && (h("co-rich-text-toolbar", { key: '8d13314a23cc3b290d5a2ac8a2ef1b68f55b9574', class: "co-rich-text-editor__toolbar", part: "toolbar", variant: this.resolvedToolbar, position: this.toolbarPosition, disabled: this.disabled || this.readonly, locale: this.locale, attachmentsEnabled: this.attachmentsEnabled, attachmentAccept: this.attachmentAccept, onCoAttachmentsSelected: (e) => {
+        const toolbar = showToolbar && (h("co-rich-text-toolbar", { key: '6bcb6ab2d8023c96062ce4aa64ef6450357c22e7', class: "co-rich-text-editor__toolbar", part: "toolbar", variant: this.resolvedToolbar, position: this.toolbarPosition, disabled: this.disabled || this.readonly, locale: this.locale, attachmentsEnabled: this.attachmentsEnabled, attachmentAccept: this.attachmentAccept, onCoAttachmentsSelected: (e) => {
                 e.stopPropagation();
                 this.coAttachmentsSelected.emit(e.detail);
             }, ref: (el) => (this.toolbarEl = el) }));
-        return (h("div", { key: '65401af712fa511cf2f30761d4b2ff753dc75a6f', class: {
+        return (h("div", { key: 'acb670aca986206aa8cae2960a9ace5723d5b710', class: {
                 'co-rich-text-editor': true,
                 'co-rich-text-editor--focused': this.hasFocus,
                 'co-rich-text-editor--disabled': this.disabled,
@@ -1996,7 +2010,7 @@ const CoRichTextEditor = class {
                 [`co-rich-text-editor--${this.status}`]: this.status !== 'default',
                 'co-rich-text-editor--flat': this.variant === 'flat',
                 'co-rich-text-editor--toolbar-bottom': bottom,
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '012dc50c67d9ca53896a8ffc329a32909685994e', class: "co-rich-text-editor__labels" }, this.label && h("label", { key: '23b54b1f9556bc1e6ad1a3b3dd0ed9e26a5e7500', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (h("span", { key: '534941598c650f1262f046c16a3f30817b0c2d88', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), h("div", { key: 'f14dbd62014625638da4b209d6f083d3ca16e184', class: "co-rich-text-editor__frame" }, !bottom && toolbar, h("div", { key: '98d5e7aa68b73a51da6a74512ac8a08e6dbb9df0', class: "co-rich-text-editor__box" }, h("div", { key: '16b7aaa9773290a58122595ad188ab6f9db3354b', class: "co-rte-content", part: "content", role: "textbox", "aria-multiline": "true", "aria-label": this.label, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.status === 'error' ? 'true' : undefined, ref: (el) => (this.contentEl = el) })), h("slot", { key: '0f90fc0c30ee03ec2023f229348debab6e734ade', name: "content-end" }), bottom && (h("div", { key: '68d646dbe5d37c7ebebe105b8ada3584684340e1', class: "co-rich-text-editor__toolbar-row", part: "toolbar-row" }, toolbar, h("slot", { key: '48ec89359f8a6957bf0451384602cabd37a99019', name: "toolbar-end" })))), h("div", { key: '932083b9360e7abbede76a10a3a7eeec1dc88a84', class: "co-rich-text-editor__footer" }, this.helperText && (h("div", { key: '6be15e0e151e9548e2d5a964f864992687113393', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, h("co-icon", { key: '456f73c7afec3eb8bd88dc13c2b6942021d31b78', name: this.helperIcon, size: 14 }), h("span", { key: '666d8db7d19a1559f392b2cfea76c393080c2d98' }, this.helperText))), showCount && (h("span", { key: '2d561825e0bc7790407750de52242c87b1515e8c', class: "co-rich-text-editor__count", ref: (el) => (this.charCountEl = el) }, this.charCount, this.maxLength != null ? ` / ${this.maxLength}` : '')))));
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '0bbda76dde378f9f9dc49593409036efa0306982', class: "co-rich-text-editor__labels" }, this.label && h("label", { key: '328d770182eeba4010337e32359f6e1f96c32e54', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (h("span", { key: 'd8b3ac25a32189686226b9fe6da311f6672ca331', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), h("div", { key: 'ed9d88e6e62a3defe9f302d252eb7f8dd33d4a0a', class: "co-rich-text-editor__frame" }, !bottom && toolbar, h("div", { key: '96625d0fbbc619e7a7f7812c83d1e86df8086da4', class: "co-rich-text-editor__box" }, h("div", { key: '77ce10f2902b9e758c18dabd5e91c5544c0cdd54', class: "co-rte-content", part: "content", role: "textbox", "aria-multiline": "true", "aria-label": this.label, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.status === 'error' ? 'true' : undefined, ref: (el) => (this.contentEl = el) })), h("slot", { key: '6c2fbaa3625889c4bb6a493be037f4c64b60fece', name: "content-end" }), bottom && (h("div", { key: 'eda6a58e138c36dc412a84aa995dfcbfd6d7e93f', class: "co-rich-text-editor__toolbar-row", part: "toolbar-row" }, toolbar, h("slot", { key: 'f8b01d2d2b27851d474bb174e4e42b45efd96758', name: "toolbar-end" })))), h("div", { key: 'fdffcf44d4d181d30cc6f48e073e3a18c18f48ca', class: "co-rich-text-editor__footer" }, this.helperText && (h("div", { key: '52ab70e42dad525b1fc1c4c27bdb98bedaf5cd90', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, h("co-icon", { key: 'c7e79a0292c51c9cf7927eb504401be5fd68b767', name: this.helperIcon, size: 14 }), h("span", { key: '4a09b04c257f3cd605f9b753d12c118312cb65fc' }, this.helperText))), showCount && (h("span", { key: '7c25580b095af4d0ef11e77d13b07cedbf3e61c4', class: "co-rich-text-editor__count", ref: (el) => (this.charCountEl = el) }, this.charCount, this.maxLength != null ? ` / ${this.maxLength}` : '')))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-rich-text-toolbar.entry.js

@@ -15,6 +15,7 @@ const CoRichTextToolbar = class {
         /** Placement inside co-rich-text-editor. `bottom` drops the toolbar's own bottom
          * border/background/rounding: the editor's toolbar row paints the separator. */
         this.position = 'top';
+        /** Deshabilita la barra: sus botones no ejecutan acciones sobre el editor. */
         this.disabled = false;
         /** BCP-47 locale for UI strings (e.g. 'en', 'es-CO', 'pt-BR'). Default English. */
         this.locale = 'en';

package/dist/esm/co-rich-text-viewer.entry.js

@@ -133,7 +133,7 @@ const CoRichTextViewer = class {
         // JSON mode — lazily import the serializer (pulls Tiptap on demand only).
         try {
             const doc = JSON.parse(this.value);
-            const rt = await import('./index-Cpo8HTwr.js').then(function (n) { return n.R; });
+            const rt = await import('./index-CgyOJePd.js').then(function (n) { return n.R; });
             this.html = rt.jsonToHtml(doc, this.preset);
         }
         catch (_a) {

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

@@ -11,11 +11,11 @@ const CoRow = class {
         this.size = 'sm';
     }
     render() {
-        return (h("div", { key: 'd82c1b834c4c6825da02a0112d78a8e5a6d12219', class: {
+        return (h("div", { key: '077025b2a73f8440400c27923f1d3a7e38cfb346', class: {
                 'co-row': true,
                 [`co-row--${this.position}`]: true,
                 [`co-row--${this.size}`]: true,
-            }, part: "row" }, h("div", { key: '33ae6da740cd01f7b81ed2b76cdba355a9e3e3d2', class: "co-row__prefix" }, h("slot", { key: '9f646baf5b45b931042504b18bc683332f000f6a', name: "prefix" })), h("div", { key: '3c5648a7b0b326ad4c5a547a4ce6f158b85150ec', class: "co-row__content" }, h("slot", { key: '56384849d661312ffd659de530ffb4735fb943c2' })), h("div", { key: 'bf8d524a890d724db01d3216d9128bb00aa9011d', class: "co-row__suffix" }, h("slot", { key: '41aa4471ed0d20f925944e2ef850c0b8f8ec8607', name: "suffix" }))));
+            }, part: "row" }, h("div", { key: '2ffc2d8e5c0ab4779a5599736c877097039fd47f', class: "co-row__prefix" }, h("slot", { key: 'b6cb185d5f1bb577f78d19b9f78fce1be52c5252', name: "prefix" })), h("div", { key: 'f2a34f5554a832d6ae5030bb1138488928025d43', class: "co-row__content" }, h("slot", { key: 'a8ad430becc2e285e4fec43b16a6e29ba9088f8a' })), h("div", { key: '7fef31caadd3fb43571286a2ee13cf42ebbf8d78', class: "co-row__suffix" }, h("slot", { key: '63465e56defc9a0c11bc5a1eba46ac7f150d67fb', name: "suffix" }))));
     }
 };
 CoRow.style = coRowCss();

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

@@ -42,13 +42,13 @@ const CoSegmentedBar = class {
     render() {
         const segments = this.parsedSegments;
         const total = this.total > 0 ? this.total : 100;
-        return (h("div", { key: 'f7301a9d7e31e6b3fbf6037fb2425b1701af171e', class: "co-segmented-bar", part: "segmented-bar" }, h("div", { key: '22f3063c1db26411e6c0b5e18f1d9249fcf05ca5', class: {
+        return (h("div", { key: '17f9d7dbccca7bf7dbcd3907094712da67b74f97', class: "co-segmented-bar", part: "segmented-bar" }, h("div", { key: '18747edfd30a3bf84e071570e8280b6d783c6c46', class: {
                 'co-segmented-bar__track': true,
                 [`co-segmented-bar__track--radius-${this.radius}`]: true,
             }, part: "track", style: { height: `${this.thickness}px`, background: this.trackColor } }, segments.map((seg, i) => (h("span", { key: i, class: "co-segmented-bar__segment", part: "segment", title: seg.label, style: {
                 width: `${(seg.value / total) * 100}%`,
                 background: seg.color,
-            } })))), h("slot", { key: '3eb6275c7f248d3f93d24f5e44c1c30e6eb4f019', name: "legend" })));
+            } })))), h("slot", { key: 'd04d1e4ade89c3b1e8e20486aceadf994c310092', name: "legend" })));
     }
 };
 CoSegmentedBar.style = coSegmentedBarCss();

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

@@ -71,15 +71,26 @@ const CoSelect = class {
         this.coFooterPrimary = createEvent(this, "coFooterPrimary", 7);
         /** Whether the field is required (renders a required marker on the label). */
         this.required = false;
+        /** Texto del trigger sin selección. */
         this.placeholder = 'Select…';
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Botón × para vaciar la selección cuando hay valor; emite `coClear` y `coChange`. */
         this.clearable = false;
         /** Label layout: vertical (label above) or horizontal (label beside) */
         this.layout = 'vertical';
+        /** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
         this.status = 'default';
+        /** Opciones: array de `{ value, label, icon?, image?, disabled? }`, array de strings
+         *  (value = label), o ese mismo array como JSON desde HTML. */
         this.options = '[]';
+        /** Selección: el `value` de la opción en single; en `multiple`, array o JSON array.
+         *  `''` significa «sin selección» (una opción con `value: ''` no se puede marcar).
+         *  El componente lo actualiza al elegir. */
         this.value = '';
+        /** Selección múltiple: el panel queda abierto y `value`/`coChange` llevan un array. */
         this.multiple = false;
+        /** Alto del trigger: `xs` 24 · `s` 28 · `sm` 32 · `md` 40 (default) · `lg` 48. Un valor fuera de la lista cae al default. */
         this.size = 'md';
         /** Visual style. `flat` strips the trigger's border and background so it
          *  reads as plain content instead of a boxed control — padding, label,
@@ -101,7 +112,9 @@ const CoSelect = class {
         this.menuSurface = 'light';
         /** Show a search box inside the dropdown to filter options client-side. */
         this.searchable = false;
+        /** Placeholder del buscador del panel (`searchable`). */
         this.searchPlaceholder = 'Search…';
+        /** Texto del panel cuando la búsqueda no encuentra opciones. */
         this.emptyText = 'No results';
         /** Footer de confirmación al pie del panel (paridad co-combobox/co-ref-field). */
         this.showFooter = false;
@@ -592,7 +605,7 @@ const CoSelect = class {
         const activeOptionId = this.isOpen && this.activeIndex >= 0 && this.activeIndex < options.length
             ? this.optionId(this.activeIndex)
             : undefined;
-        return (h("div", { key: 'f81d018b6e9057cca5f558a40a66a67429efca39', class: {
+        return (h("div", { key: '12cb506f80422c39f8f5a17b81afa6c01831f237', class: {
                 'co-select': true,
                 'co-select--open': this.isOpen,
                 'co-select--disabled': this.disabled,
@@ -601,22 +614,22 @@ const CoSelect = class {
                 'co-select--flat': this.variant === 'flat',
                 'co-select--soft': this.variant === 'soft',
                 'co-select--inline-help': this.labelStyle === 'inline-help',
-            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'b8875d28b27b28f35ea679451e05f384e247a590', class: "co-select__labels" }, this.label && h("label", { key: '8267dfe3118bc0abdfc7d7f69df3f4f508ec0f85', class: "co-select__label" }, this.label, h(RequiredMark, { key: '7171c44a6cc349fcc1015135f59b3cf00a41ed68', required: this.required })), this.secondaryLabel && h("span", { key: '64ac3ddf910b79290f1fae86ecfc302923fe5c38', class: "co-select__secondary-label" }, this.secondaryLabel))), h("co-popover", { key: '06e574f6d59174e09c819b768c25220f0d07f80d', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4,
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'bbb454e9d0ab08fd3abf5462711654c6eb8fe253', class: "co-select__labels" }, this.label && h("label", { key: '2dbf39a9e4fca24b95777078ecb6fea060aa2e19', class: "co-select__label" }, this.label, h(RequiredMark, { key: 'f5a62c06aa12a5556fc78d93918d673982183dfa', required: this.required })), this.secondaryLabel && h("span", { key: '2082ba20405dee16a08d35ec1ff67b59294056a0', class: "co-select__secondary-label" }, this.secondaryLabel))), h("co-popover", { key: '4f7e00909286922ff2b9d05f1ee4f42f8bc7aed9', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4,
             // menuSurface="dark": el panel oscuro pinta su propio chrome (fondo
             // negro, radio xs, sin borde ni sombra — Figma 4750:23242), así que
             // el co-popover va `bare` para no sumar el borde hairline ni la
             // sombra del panel claro (y cualquier --co-popover-shadow heredada
             // del contexto). En "light" (default) no cambia nada.
-            bare: this.menuSurface === 'dark', onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '2e5530aabda382b68dca90c65cb3c908403d3ae1', slot: "trigger", class: "co-select__trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-label": this.label || this.ariaLabelText || undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-controls": CoSelect.LISTBOX_ID, "aria-activedescendant": activeOptionId, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.iconLeft && (h("co-icon", { key: '7c1f995379b3d775905d586023248fa9a6c7673c', name: this.iconLeft, size: (_a = this.iconSize) !== null && _a !== void 0 ? _a : 16, class: "co-select__icon" })), ((_b = this.selectedOption) === null || _b === void 0 ? void 0 : _b.image) && (h("img", { key: '0b22e952aac603604d80d670ff142147852d9e6c', class: "co-select__flag", src: this.selectedOption.image, alt: "" })), this.multiple && this.hasValue ? (h("div", { class: "co-select__chips" }, this.selectedValues.map((v) => {
+            bare: this.menuSurface === 'dark', onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '8537fcefbd02707af785ad623bcb1f19b276d3c4', slot: "trigger", class: "co-select__trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-label": this.label || this.ariaLabelText || undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-controls": CoSelect.LISTBOX_ID, "aria-activedescendant": activeOptionId, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.iconLeft && (h("co-icon", { key: '6714adb30bb2c24824cf80048b579a05825652b9', name: this.iconLeft, size: (_a = this.iconSize) !== null && _a !== void 0 ? _a : 16, class: "co-select__icon" })), ((_b = this.selectedOption) === null || _b === void 0 ? void 0 : _b.image) && (h("img", { key: '8c0c6cca536a5edba4e3caa50ecd196f9e70117c', class: "co-select__flag", src: this.selectedOption.image, alt: "" })), this.multiple && this.hasValue ? (h("div", { class: "co-select__chips" }, this.selectedValues.map((v) => {
             const opt = this.parsedOptions.find((o) => o.value === v);
             return (h("span", { class: "co-select__chip", key: v }, h("span", { class: "co-select__chip-label" }, opt ? opt.label : v), h("button", { class: "co-select__chip-remove", type: "button", tabIndex: -1, "aria-label": "Remove", onClick: (e) => {
                     e.stopPropagation();
                     this.handleOptionClick(v);
                 } }, h("co-icon", { name: "x", size: 12 }))));
-        }))) : (h("span", { class: { 'co-select__text': true, 'co-select__text--placeholder': !this.hasValue } }, this.hasValue ? this.displayText : this.placeholder)), this.clearable && this.hasValue && !this.disabled && (h("button", { key: '6373aacf7257463c045b5ca7f3df2436ca69e0a5', class: "co-select__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: 'cb76f5e754e330553833c9c242b70323595bb16c', name: "x-circle", size: 16, weight: "fill" }))), h("co-icon", { key: 'abadb4134656649cf72ffbdb3f4438058bdfca15', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-select__caret" })), h("div", { key: 'c83a9bd2367dfcbb75e42c2e5640c2ebf5cf6e5b', class: {
+        }))) : (h("span", { class: { 'co-select__text': true, 'co-select__text--placeholder': !this.hasValue } }, this.hasValue ? this.displayText : this.placeholder)), this.clearable && this.hasValue && !this.disabled && (h("button", { key: '65f1295511998e7ec9685ee45433e01c14ae65df', class: "co-select__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '23416924a88739bf6326095298bfaaeabbe980e1', name: "x-circle", size: 16, weight: "fill" }))), h("co-icon", { key: 'd4c3c23b8ceb6ef0b918348e8b0f724051380681', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-select__caret" })), h("div", { key: 'd591730000ed4e58f6c2474b58949ae15cf65593', class: {
                 'co-select__dropdown': true,
                 'co-select__dropdown--dark': this.menuSurface === 'dark',
-            } }, this.isOpen && this.searchable && (h("div", { key: 'df705652347737ed23ec60d4f6c0bfd8d7debd5a', class: "co-select__search" }, h("co-icon", { key: '8a59fced83b93044ed59c804f17c056c262845f1', name: "magnifying-glass", size: 16, class: "co-select__search-icon" }), h("input", { key: '648f16cc6bdd726ae0c3e00be4957c9578dac035', class: "co-select__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.searchText, "aria-controls": CoSelect.LISTBOX_ID, "aria-activedescendant": activeOptionId, onInput: this.handleSearchInput, onKeyDown: this.handleNavKeyDown, ref: (el) => (this.searchInputEl = el) }))), this.isOpen && this.searchable && options.length === 0 && (h("div", { key: '2548a14f6a7a47c74467ad3f61c7950df242616d', class: "co-select__empty" }, this.emptyText)), h("div", { key: 'f09eaf5dbdfa2cf73ddb6e3e4560dd72e7cc26a4', class: "co-select__options", id: CoSelect.LISTBOX_ID, role: "listbox", "aria-multiselectable": this.multiple ? 'true' : undefined, ref: (el) => (this.optionsContainerEl = el) }, this.isOpen && (() => {
+            } }, this.isOpen && this.searchable && (h("div", { key: 'd663fdb315d997ed2325a5c385bbd5728bebdaa1', class: "co-select__search" }, h("co-icon", { key: '13d5e0bd54b6dfa6d926f7e9ec2057f814720e16', name: "magnifying-glass", size: 16, class: "co-select__search-icon" }), h("input", { key: 'e7edfe009febe2c681c47fa92105b62c868b53d5', class: "co-select__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.searchText, "aria-controls": CoSelect.LISTBOX_ID, "aria-activedescendant": activeOptionId, onInput: this.handleSearchInput, onKeyDown: this.handleNavKeyDown, ref: (el) => (this.searchInputEl = el) }))), this.isOpen && this.searchable && options.length === 0 && (h("div", { key: 'bd0befdaba2cbead771171b609e2021c714ea247', class: "co-select__empty" }, this.emptyText)), h("div", { key: '0e395475bba6b693419986ff2cf582192a15a2e6', class: "co-select__options", id: CoSelect.LISTBOX_ID, role: "listbox", "aria-multiselectable": this.multiple ? 'true' : undefined, ref: (el) => (this.optionsContainerEl = el) }, this.isOpen && (() => {
             const { totalHeight, startIdx, endIdx, offsetY } = this.getVirtualSlice(options);
             return (
             // Los wrappers del virtualizador van `presentation` para que las
@@ -632,7 +645,7 @@ const CoSelect = class {
                         'co-select__option--active': index === this.activeIndex,
                     }, onClick: () => !isDisabled && this.handleOptionClick(opt.value), onPointerMove: (e) => this.handleOptionPointerMove(e, index) }, this.menuSurface === 'dark' && (h("span", { class: "co-select__option-check-slot" }, isSelected && (h("co-icon", { name: "check", size: 12, class: "co-select__option-check co-select__option-check--leading" })))), opt.image ? (h("img", { class: "co-select__option-flag", src: opt.image, alt: "", loading: "lazy" })) : opt.icon ? (h("co-icon", { name: opt.icon, size: 20, class: "co-select__option-icon" })) : null, h("span", { class: "co-select__option-label" }, this.renderLabel(opt.label)), isSelected && this.menuSurface !== 'dark' && (h("co-icon", { name: "check", size: 16, class: "co-select__option-check" }))));
             }))));
-        })()), this.isOpen && this.showFooter && (h("co-list-footer", { key: 'a8ccc1cfac2642b880653a16f19fc768f45050b3', class: "co-select__footer", primaryLabel: this.footerPrimaryLabel, primaryIcon: "check", onCoPrimary: this.handleFooterPrimary })))), this.helperText && (h("div", { key: '2ba1d5f26b6c64b81257658b0f5774b1480e3a82', class: `co-select__helper co-select__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'd5fb9bf114c88f281ca50026dc12b25fc64f2660', name: this.statusIcon, size: 14, class: "co-select__helper-icon" }), h("span", { key: '70ad047f17a30c7e5d06026ca8dfeda603be312e', class: "co-select__helper-text" }, this.helperText)))));
+        })()), this.isOpen && this.showFooter && (h("co-list-footer", { key: 'b5991f9a23e145990ba8d1a01f67c1744165aa36', class: "co-select__footer", primaryLabel: this.footerPrimaryLabel, primaryIcon: "check", onCoPrimary: this.handleFooterPrimary })))), this.helperText && (h("div", { key: '04d08f975108f5f86dcbf4078271cbb16c47f4c6', class: `co-select__helper co-select__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '26ab3e89c81d4c64aef536f561921d5c3f08ea62', name: this.statusIcon, size: 14, class: "co-select__helper-icon" }), h("span", { key: '0743ba35903d666a3ab4598e4639e8c0f94a190b', class: "co-select__helper-text" }, this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -61,7 +61,7 @@ const CoSeparator = class {
                 style['--co-separator-inset-end'] = '0px';
             }
         }
-        return (h("hr", { key: '5ec10f688fd0c97ce0d5ec38487dce4ecac6801a', class: {
+        return (h("hr", { key: '1b15a22f07b7bf656d9b20b53d602bc7d47e3cf2', class: {
                 'co-separator': true,
                 'co-separator--vertical': this.vertical,
                 'co-separator--dark': this.dark,

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 {