@prolibu-suite/cobalt-core 0.10.4 → 0.11.1

package/dist/collection/components/co-accordion/co-accordion.js

@@ -20,6 +20,16 @@ function isInteractive(node) {
  * @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 class CoAccordion {
     constructor() {
@@ -69,11 +79,11 @@ export class CoAccordion {
         return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
     }
     render() {
-        return (h("div", { key: '5b02028e29aae87aa6377833042b2fa3d24bd9b6', class: {
+        return (h("div", { key: '0d1c2cca135ac9d62cb7d4b5c620843c5788101d', class: {
                 'co-accordion': true,
                 'co-accordion--open': this.open,
                 'co-accordion--disabled': this.disabled,
-            }, part: "accordion" }, h("div", { key: '7d27e1b5cce6eefa1adc68dc7f7b34f9888dc484', class: "co-accordion__header", part: "header" }, h("span", { key: '1cfc8da7316afb37b0a2d2b79266646339842029', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, h("span", { key: 'ec95bf00c0f34b9fdd03b2ec399eba72cc7d9099', class: "co-accordion__heading", part: "heading" }, h("slot", { key: 'c90344072032603e2103272001b8918cba7b65a8', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: 'bb5dc096a23144a38bf02abd71143400683d6c77', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: 'a257179892145204541c54bab5734173128ebd54', name: "subheading" }, this.subheading)))), h("button", { key: 'fd7415281a4da11657549260cdabec47c2d91ecf', class: "co-accordion__caret", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.heading || 'Toggle section', disabled: this.disabled, onClick: this.handleToggle, part: "caret" }, h("co-icon", { key: '6bf641e38529c66da0559642821bdf11dba92429', name: "caret-up", size: 20 }))), h("div", { key: 'bcabf0d1a18939a388a482832a3746d3480a19d7', class: "co-accordion__body", part: "body" }, h("div", { key: '2b701a3f007ad5bb34b2da5ddc69dd7e2b74a289', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: 'd721a0a49b2a9fc47c69de8f995ec7d440db284b' })))));
+            }, part: "accordion" }, h("div", { key: 'aa80683852ba2b131c7ab29eed528ec87d92a565', class: "co-accordion__header", part: "header" }, h("span", { key: '71c84f588f351279bb999a2ec84dd37b202203d0', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, h("span", { key: '42201833527fd73790ab6391668ba8eb7986ed90', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '11528c94fa817e55ffb015975e29947111e98c08', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: '73bd7f8b5d7b967f0a5c84f207ab4452e96f6805', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: '1cefb67a4b6809357ee9a5a9330ec3bcd3be42ab', name: "subheading" }, this.subheading)))), h("button", { key: 'fef96df91611513ab6f6074578a31c3e7b23b4c2', class: "co-accordion__caret", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.heading || 'Toggle section', disabled: this.disabled, onClick: this.handleToggle, part: "caret" }, h("co-icon", { key: 'f32612853d42ea6f2c34b2554951b22d155d1afc', name: "caret-up", size: 20 }))), h("div", { key: 'c3c90907e7114f20a917bae025012464182b8ea4', class: "co-accordion__body", part: "body" }, h("div", { key: '44877e54213ae200cde25d5a2fb5ae4ed95b7df9', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '4ad41bab50239bb4ddca8ee8751afeb6dfb19227' })))));
     }
     static get is() { return "co-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-action-bar/co-action-bar.css

@@ -1,5 +1,11 @@
 /* co-action-bar — pill flotante de acciones masivas (superficie inversa, SOLID) */
 
+/**
+ * @prop --co-action-bar-offset: Distancia al borde inferior con `position="bottom-center"` (default 24px).
+ * @prop --co-action-bar-inline-margin: Margen lateral mínimo con `position="bottom-center"`; limita el ancho (default 24px).
+ * @prop --co-action-bar-z: z-index con `position="bottom-center"` (default 1000).
+ */
+
 :host {
   display: inline-flex;
   font-family: var(--co-font-family-primary);

package/dist/collection/components/co-action-bar/co-action-bar.js

@@ -17,6 +17,7 @@ import { h } from "@stencil/core";
  * 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
@@ -94,11 +95,11 @@ export class CoActionBar {
         }
     }
     render() {
-        return (h("div", { key: 'c350ea38a12157a5cefe26f303ef7100938d55c9', class: {
+        return (h("div", { key: '142b59b00b772502ea25dfb13537b9b3dd546080', class: {
                 'co-action-bar': true,
                 'co-action-bar--open': this.open,
                 'co-action-bar--animated': this.animated,
-            }, part: "bar", role: "group", "aria-label": this.ariaLabelText || this.label, "aria-hidden": this.open ? null : 'true' }, h("span", { key: '9f2d3d5729fd150e5aa0c487067c7c8ad6cd8b59', class: "co-action-bar__live", "aria-live": "polite" }, this.liveText), h("span", { key: 'd2617507df8f2b48a743c1bb20482d9cc2e227df', class: "co-action-bar__label", part: "label" }, h("slot", { key: 'aad415247f017bd8ea38e38f84a0cd768a2f6f38', name: "label" }, this.label)), h("div", { key: '8999cd574e430246824effda0bfa531d62a3530a', class: "co-action-bar__actions", part: "actions" }, h("slot", { key: 'f06636fd076da38bc07982637f7def5d75df733e' })), this.dismissible !== false && (h("co-icon-button", { key: '4227fa464073430c67190ac4afc6c6534b627934', class: "co-action-bar__dismiss", part: "dismiss", icon: "x", variant: "ghost", surface: "dark", size: "xs", label: "Dismiss", onClick: this.handleDismiss }))));
+            }, part: "bar", role: "group", "aria-label": this.ariaLabelText || this.label, "aria-hidden": this.open ? null : 'true' }, h("span", { key: '8d250df3de2ac4a0c656f90e43f113d0cf2725e2', class: "co-action-bar__live", "aria-live": "polite" }, this.liveText), h("span", { key: '0787a2c1d6a145dd95c6cca688b8a410c50dd8db', class: "co-action-bar__label", part: "label" }, h("slot", { key: 'ece9079fc9e5a06a75b4f9ff4da8d5b9c0362bbf', name: "label" }, this.label)), h("div", { key: '29a587420ce044ee0fa1502bef229c15ab287a79', class: "co-action-bar__actions", part: "actions" }, h("slot", { key: '359ce62b1f45b4c3292ee575b5a4bcf9c684fc07' })), this.dismissible !== false && (h("co-icon-button", { key: '66439f013f0e3de6f184f6e600cd1eb5bca3b004', class: "co-action-bar__dismiss", part: "dismiss", icon: "x", variant: "ghost", surface: "dark", size: "xs", label: "Dismiss", onClick: this.handleDismiss }))));
     }
     static get is() { return "co-action-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-app-shell/co-app-shell.css

@@ -83,6 +83,12 @@
 }
 
 
+/**
+ * @prop --co-app-shell-bg: Fondo de la página detrás de la tarjeta (default degradado suave).
+ * @prop --co-app-shell-shadow: Sombra de la tarjeta principal (box-shadow, navegadores con corner-shape).
+ * @prop --co-app-shell-drop-shadow: Sombra de la tarjeta en el fallback (filter drop-shadow, Safari/Firefox).
+ */
+
 :host {
   display: flex;
   height: 100vh;

package/dist/collection/components/co-app-shell/co-app-shell.js

@@ -7,6 +7,17 @@ import { Host, h } from "@stencil/core";
  * @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 class CoAppShell {
     constructor() {
@@ -16,10 +27,10 @@ export class CoAppShell {
         this.contentCard = true;
     }
     render() {
-        return (h(Host, { key: '7a45ab21e3ad256e25f05df33ad827931532c34a' }, h("aside", { key: '5ca5469a35e630b4ab01be23cae46efc43cb1519', class: "sidebar", part: "sidebar" }, h("div", { key: 'f4243197b46e67b4d632aa8abad803b07f471bb2', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: 'b609c8272c05f7e4cbb2c8ae1ab0c24430541f84', name: "sidebar-header" })), h("div", { key: '72ca1118e1eeb6b5f3467c16c82dac60c4dc4042', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '48c65d150a4836996cf7406f32142bcb86e545df', name: "sidebar" })), h("div", { key: 'be09567b81d7abae1738decfd30b9b7b6edb47f2', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'd202466aa14916d7fd3be163a615ce1156151150', name: "sidebar-footer" }))), h("div", { key: 'e7d10070e45f3eec363c3206ba8858b55fae6270', class: "main co-sq-elevation co-sq-elevation-fallback", part: "main" }, h("div", { key: 'b3a78141a04b5592f20ce26a7da8a6e596c5a2bf', class: "main__card co-sq-clip", part: "card" }, h("header", { key: 'f9c8d6a6c42d143328d9062e49ab63904c7ba485', class: "main__header", part: "header" }, h("slot", { key: '42722bbc79a308258a89d43c0a9d7eafd0841b47', name: "navbar" })), h("main", { key: 'fd841d8a6010c4feb278ce6f7914591d145ad304', class: {
+        return (h(Host, { key: '94ecab3775bfc41a8579c1d1c76c9312160aebad' }, h("aside", { key: '3ddf6675b4d7ce1697c48e3e5885c1e303cdbc5f', class: "sidebar", part: "sidebar" }, h("div", { key: 'b64ecb693c193e4c8b4ac1e2facce961487e56cf', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: '83d961e15824aea7b5fa7cc9da616d2e05da0cce', name: "sidebar-header" })), h("div", { key: '971f6ae8a723d811f2062963ab370a803284d5f8', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: 'be55e67e6344346e92eaf086fa139bc3e763949d', name: "sidebar" })), h("div", { key: '5b6680a3368ce37e0e34f99e8544e0007d1131c2', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'b0f72b695b2d5fd89e30d64982f9f43370c81341', name: "sidebar-footer" }))), h("div", { key: 'fa85fc8ea88350e90df48e3853429641d6527014', class: "main co-sq-elevation co-sq-elevation-fallback", part: "main" }, h("div", { key: '7a258e3649bb03756d8e56c69e1777bb9006cd53', class: "main__card co-sq-clip", part: "card" }, h("header", { key: 'bdfc99ad70e4c9772da3e8c99d631d2f7cbd7436', class: "main__header", part: "header" }, h("slot", { key: 'f697503aac1963ba4c86e57d45e5e5a3fe4781ee', name: "navbar" })), h("main", { key: 'ca66e612ed04f5f829a0b75ac509c01012a6b4a5', class: {
                 'main__content': true,
                 'main__content--card': this.contentCard,
-            }, part: "content" }, h("slot", { key: '03c35d1fa1c9f849aa235e5afc940c7f919371a8' }))))));
+            }, part: "content" }, h("slot", { key: 'b99b1ea67e4ae8c059a3dcb03c0a04bbc2af569b' }))))));
     }
     static get is() { return "co-app-shell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-audio-player/co-audio-player.js

@@ -1,5 +1,17 @@
 import { h } from "@stencil/core";
 import { formatTime, resamplePeaks, fallbackPeaks, scrubFraction, resolveDuration } from "./co-audio-player.utils";
+/**
+ * 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 class CoAudioPlayer {
     constructor() {
         /** Compact variant: narrower, hides the download button. */
@@ -339,13 +351,13 @@ export class CoAudioPlayer {
         // below `aria-valuenow` the moment playback advances. ARIA 1.2 makes valuemax
         // optional for `slider`, so leaving it off while unknown is well-formed.
         const ariaMax = total ? Math.floor(total) : undefined;
-        const bar = (hFrac, i, played = false) => (h("rect", { key: '7cbeb92ef52ffc865077340d72bae11139ced551', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
-        return (h("div", { key: '34078ed0540dc72c87644c3ae830b3a2ff43a99e', class: {
+        const bar = (hFrac, i, played = false) => (h("rect", { key: '4b294190b3be5e7cf15282d43e7e51164a3dda4c', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
+        return (h("div", { key: '0758a438c4a71e822de94f8b41219945f62ae62d', class: {
                 'co-audio-player': true,
                 'co-audio-player--compact': this.compact,
                 'co-audio-player--error': this.hasError,
                 'co-audio-player--playing': this.isPlaying,
-            }, part: "player" }, h("button", { key: '7f692d951704a6e101f77512967d4b206f985e18', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, h("co-icon", { key: 'fdc0a0a0703189efe10bbc1b1182572d1120a347', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), h("div", { key: '6842ce24993895bf70461a28eb837a0558d277d7', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": ariaMax, "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, h("svg", { key: 'e75c5e1f78633194608758f43a47987bc28c2081', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), h("clipPath", { key: 'c4136dddad555e8b5ef09a81c38433cd2bf39d7c', id: "co-ap-clip" }, h("rect", { key: 'edb79083fbc7d225bd5668443fb6541fe77c8f9d', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), h("g", { key: 'c91b8b285f53b9dc4f6110f9cb73b7f3f892fad6', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), h("span", { key: '26af75ef91f36d432add06bb636c4d3194902b0a', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (h("button", { key: 'a2093fc2d9c9a9c120e97e59f5e8b91467e1c20c', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (h("button", { key: '327336de6ad09adac5f8cba6e048b58bbef0008e', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, h("co-icon", { key: '787738fea40ab74531c943f876e20acf6ceb54df', name: "download-simple", size: 14 })))));
+            }, part: "player" }, h("button", { key: '4c4161e7ba7344a9c6a32dcc8fd92c300b750d95', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, h("co-icon", { key: 'ea749ee1cf627a49e3859029ca274170c8d69c63', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), h("div", { key: 'f39bf8bf114860a672979fa53287672dccea1b7f', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": ariaMax, "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, h("svg", { key: '2145f303271ca676988999b5ea7d76ab384c5e2d', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), h("clipPath", { key: '6014c9f96f5df60086265a5e01344be80ebff741', id: "co-ap-clip" }, h("rect", { key: '5857fa3098fc0eb9df58b643c2b44316cf819ae8', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), h("g", { key: '241608ddfdb863ba5b18444ed2bffb39e72abeb5', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), h("span", { key: '18f190b8b23f8939da5dd2c230214d42a5b330c1', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (h("button", { key: '4a29cae938ab347997bc76e0cfe5621b402730f7', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (h("button", { key: 'c451449e629584bc3937b27b31b1124e510af91e', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, h("co-icon", { key: 'f4d014129829ab57ddae0d3e32b1e0930f1bc288', name: "download-simple", size: 14 })))));
     }
     static get is() { return "co-audio-player"; }
     static get encapsulation() { return "shadow"; }
@@ -523,7 +535,7 @@ export class CoAudioPlayer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Empez\u00F3 la reproducci\u00F3n."
                 },
                 "complexType": {
                     "original": "void",
@@ -538,7 +550,7 @@ export class CoAudioPlayer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Se paus\u00F3 la reproducci\u00F3n."
                 },
                 "complexType": {
                     "original": "void",
@@ -553,7 +565,7 @@ export class CoAudioPlayer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Termin\u00F3 el audio (vuelve al inicio)."
                 },
                 "complexType": {
                     "original": "void",
@@ -568,7 +580,7 @@ export class CoAudioPlayer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "No se pudo cargar o reproducir el audio; `detail` = el evento `error` nativo del `<audio>`."
                 },
                 "complexType": {
                     "original": "unknown",

package/dist/collection/components/co-autocomplete/co-autocomplete.js

@@ -1,21 +1,34 @@
 import { h } from "@stencil/core";
 import { RequiredMark } from "../../utils/requiredMark";
+/**
+ * Campo de texto con sugerencias: al tipear emite `coSearch` (con debounce y
+ * `minChars`) y el host responde con `options`; elegir una sugerencia fija el
+ * valor. Para una lista conocida sin búsqueda remota usá `co-select` o
+ * `co-combobox`. Wrapper Vue: `CoAutocomplete` de `@prolibu-suite/cobalt-vue`.
+ */
 export class CoAutocomplete {
     constructor() {
         /** Whether the field is required (renders a required marker on the label). */
         this.required = false;
+        /** Placeholder del input. */
         this.placeholder = 'Search…';
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Botón × para vaciar texto y selección (default `true`); emite `coClear` y `coChange`. */
         this.clearable = true;
         /** Label layout: vertical (label above) or horizontal (label beside) */
         this.layout = 'vertical';
         /** Field size (mirrors co-input): s 28 / sm 32 / md 40 / lg 48. */
         this.size = 'md';
+        /** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
         this.status = 'default';
         /** Pre-loaded or server-returned options */
         this.options = '[]';
+        /** Selección: `value` de la opción elegida; en `multiple`, array o JSON array. El componente lo actualiza. */
         this.value = '';
+        /** Selección múltiple: lo elegido se muestra como chips. */
         this.multiple = false;
+        /** El host está buscando: muestra un loader en la lista de sugerencias. */
         this.loading = false;
         /** Minimum characters before emitting coSearch */
         this.minChars = 1;
@@ -168,16 +181,16 @@ export class CoAutocomplete {
     render() {
         const options = this.parsedOptions;
         const selected = this.selectedValues;
-        return (h("div", { key: '0fad340e2daa5ee4b56e28325d5eaec4d60d7188', class: {
+        return (h("div", { key: '02fe5e70777f1a39038af676c76032ae1fbecbc8', class: {
                 'co-autocomplete': true,
                 'co-autocomplete--disabled': this.disabled,
                 'co-autocomplete--focused': this.focused,
                 [`co-autocomplete--${this.size}`]: true,
                 [`co-autocomplete--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'a724b6267fd6dbe267725f3619677e043843c96c', class: "co-autocomplete__labels" }, this.label && h("label", { key: '45c176c82f0967c6ff0f1f323d36834d247f8ac6', class: "co-autocomplete__label" }, this.label, h(RequiredMark, { key: '52940ac88fa7ba5f2b662990a66b0ad84d728ecc', required: this.required })), this.secondaryLabel && h("span", { key: '5eac2ccf44d59067f7ca070561c18c9b45b4cfc1', class: "co-autocomplete__secondary-label" }, this.secondaryLabel))), h("div", { key: '4837e011ac491a34efdfb84bd80f2baa52c4f451', class: "co-autocomplete__field" }, this.iconLeft && h("co-icon", { key: '1a46dba433dec3b8dec82b6d2e93cee0575f5673', name: this.iconLeft, size: 16, class: "co-autocomplete__icon" }), this.multiple && selected.length > 0 && (h("div", { key: '95054c8e5ec371ba04f6fa5938d74babffef473f', class: "co-autocomplete__chips" }, selected.map(val => {
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'a9237e72752d5d3921d70cb2d63a160625db7e62', class: "co-autocomplete__labels" }, this.label && h("label", { key: 'f1284520b961bf6598e4b9c8a3d943b8b1aa847f', class: "co-autocomplete__label" }, this.label, h(RequiredMark, { key: '6c40530c3e2dca2b3adef8a8ce00c256b7070b48', required: this.required })), this.secondaryLabel && h("span", { key: '37a0de4ba199f1bc6503543e18261623642c00cf', class: "co-autocomplete__secondary-label" }, this.secondaryLabel))), h("div", { key: '30ff3eacbf9634085b212135356c3edbef6e8df9', class: "co-autocomplete__field" }, this.iconLeft && h("co-icon", { key: '3b8c564aae36e7db59c39fcc31fda7d98f55fae8', name: this.iconLeft, size: 16, class: "co-autocomplete__icon" }), this.multiple && selected.length > 0 && (h("div", { key: 'df7f0b08d2b456a048368f80c828ee83502b0a20', class: "co-autocomplete__chips" }, selected.map(val => {
             const opt = this.parsedOptions.find(o => o.value === val);
             return (h("co-chip", { label: opt ? opt.label : val, size: "small", removable: true, onCoRemove: () => this.handleChipRemove(val) }));
-        }))), h("input", { key: '016887bf4fa1872bafd1ba60a7fb960ca89e8b76', ref: el => (this.inputEl = el), class: "co-autocomplete__input", type: "text", value: this.query, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleInputKeyDown }), this.loading && h("div", { key: 'eac7e752a8d8f18b866c5fe4283707e851355328', class: "co-autocomplete__spinner" }), this.clearable && (this.hasValue || this.query) && !this.disabled && (h("button", { key: 'aac8dcfced13e8abf3bb6beb0fa56124814804ea', class: "co-autocomplete__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '8a5605cfe09eb17ca65c9fd97662ceec893431b7', name: "x-circle", size: 16, weight: "fill" })))), this.isOpen && (h("div", { key: '7263c42e73656db3ee8d1c1c2f5f5cd941b0e40b', class: "co-autocomplete__dropdown" }, h("co-option-list", { key: '32071562943c992b0013451c8b89da20590554cf', ref: (el) => (this.optionListEl = el), items: JSON.stringify(options.map((o) => ({ _id: o.value, label: o.label, icon: o.icon, disabled: o.disabled }))), value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", virtual: true, loading: this.loading, emptyMessage: this.emptyMessage, onCoChange: (e) => this.handleListChange(e.detail) }))), this.helperText && (h("div", { key: '47ba4956d829c700700a7509e8fd2fc58dd6e4d9', class: `co-autocomplete__helper co-autocomplete__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'b4363e83a7258241d23f4911c1f6fb352330c19d', name: this.statusIcon, size: 14, weight: "fill", class: "co-autocomplete__helper-icon" }), h("span", { key: '952777047bd27a6604daea9531f26ce5aab0c475', class: "co-autocomplete__helper-text" }, this.helperText)))));
+        }))), h("input", { key: 'e2d9cfa48001c20aa9e8a4ef5800135172b2aff9', ref: el => (this.inputEl = el), class: "co-autocomplete__input", type: "text", value: this.query, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleInputKeyDown }), this.loading && h("div", { key: 'e58449cb033553a123f3c2b1daa9b9c62a571273', class: "co-autocomplete__spinner" }), this.clearable && (this.hasValue || this.query) && !this.disabled && (h("button", { key: 'ea8021e0807cd0eece9933f84772f5f497d2a63c', class: "co-autocomplete__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '67a2f961d0ece0178811aa04fd9e5a082976ef6a', name: "x-circle", size: 16, weight: "fill" })))), this.isOpen && (h("div", { key: '562cc6f307edd60c361c60974d0423550d8f681a', class: "co-autocomplete__dropdown" }, h("co-option-list", { key: '3dec3da0d38adb8986b57960c74b697ffbc211dd', ref: (el) => (this.optionListEl = el), items: JSON.stringify(options.map((o) => ({ _id: o.value, label: o.label, icon: o.icon, disabled: o.disabled }))), value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", virtual: true, loading: this.loading, emptyMessage: this.emptyMessage, onCoChange: (e) => this.handleListChange(e.detail) }))), this.helperText && (h("div", { key: '5c21f62defe09b0160aeec8eaeaa881408dbe964', class: `co-autocomplete__helper co-autocomplete__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '166ccdb5f1e308bb0212c473881bb36a33a8d2e4', name: this.statusIcon, size: 14, weight: "fill", class: "co-autocomplete__helper-icon" }), h("span", { key: 'bf4b038b665c269484b3bf841b19c92d5b0ceb27', class: "co-autocomplete__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-autocomplete"; }
     static get encapsulation() { return "shadow"; }
@@ -205,7 +218,7 @@ export class CoAutocomplete {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Etiqueta del campo."
                 },
                 "getter": false,
                 "setter": false,
@@ -244,7 +257,7 @@ export class CoAutocomplete {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Texto secundario junto a la etiqueta."
                 },
                 "getter": false,
                 "setter": false,
@@ -263,7 +276,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Placeholder del input."
                 },
                 "getter": false,
                 "setter": false,
@@ -283,7 +296,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Deshabilita el campo."
                 },
                 "getter": false,
                 "setter": false,
@@ -303,7 +316,7 @@ export class CoAutocomplete {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\u00CDcono Phosphor al inicio del input."
                 },
                 "getter": false,
                 "setter": false,
@@ -322,7 +335,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Bot\u00F3n \u00D7 para vaciar texto y selecci\u00F3n (default `true`); emite `coClear` y `coChange`."
                 },
                 "getter": false,
                 "setter": false,
@@ -342,7 +355,7 @@ export class CoAutocomplete {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Texto de ayuda o de error bajo el campo."
                 },
                 "getter": false,
                 "setter": false,
@@ -401,7 +414,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Estado de validaci\u00F3n: pinta el borde y el `helperText` con el color del estado."
                 },
                 "getter": false,
                 "setter": false,
@@ -418,7 +431,7 @@ export class CoAutocomplete {
                     "references": {
                         "AutocompleteOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-0.10.3/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-docs-2026-09-24/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
                             "id": "src/components/co-autocomplete/co-autocomplete.tsx::AutocompleteOption"
                         }
                     }
@@ -447,7 +460,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Selecci\u00F3n: `value` de la opci\u00F3n elegida; en `multiple`, array o JSON array. El componente lo actualiza."
                 },
                 "getter": false,
                 "setter": false,
@@ -467,7 +480,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Selecci\u00F3n m\u00FAltiple: lo elegido se muestra como chips."
                 },
                 "getter": false,
                 "setter": false,
@@ -487,7 +500,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "El host est\u00E1 buscando: muestra un loader en la lista de sugerencias."
                 },
                 "getter": false,
                 "setter": false,
@@ -588,7 +601,7 @@ export class CoAutocomplete {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Cambi\u00F3 la selecci\u00F3n (`value` ya est\u00E1 actualizado): `{ value, item }`. `value` = el elegido o\nel array en `multiple`; `null` (con `item: null`) al deseleccionar desde la lista;\n`''`/`[]` (con `item: null`) al vaciar con la \u00D7."
                 },
                 "complexType": {
                     "original": "{ value: string | string[] | null; item: { _id: string; label: string } | null }",
@@ -603,7 +616,7 @@ export class CoAutocomplete {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Se vaci\u00F3 con la \u00D7; le sigue un `coChange`. Sin `detail`."
                 },
                 "complexType": {
                     "original": "void",

package/dist/collection/components/co-avatar/co-avatar.css

@@ -1,3 +1,8 @@
+/**
+ * @prop --co-avatar-font-weight: Peso de las iniciales (default 500).
+ * @prop --co-avatar-border-color: Color del anillo interno (default transparente); `ringColor` lo fija por prop.
+ * @prop --co-avatar-border-width: Grosor del anillo interno (default 1px; 2px con `ringColor`).
+ */
 :host {
   display: inline-flex;
   /* Squircle (superellipse, n≈5) used to mask square avatars so their corners
@@ -17,8 +22,11 @@
   font-family: var(--co-font-family-primary);
   /* Figma «Avatars» (Geist Medium, 500; p. ej. 4515:158897 / 1135:103818): las
      iniciales van en Medium, no SemiBold — a 10-12px el 600 empasta la panza de
-     la R y se lee «sucio» (2026-09-17). */
-  font-weight: 500;
+     la R y se lee «sucio» (2026-09-17).
+     El var() es solo un hook para que un consumidor lo pise (mismo
+     patrón que --co-avatar-border-color/--co-avatar-size en este archivo); su
+     fallback ES el default publicado (500). */
+  font-weight: var(--co-avatar-font-weight, 500);
   line-height: 1;
   letter-spacing: var(--co-font-letter-spacing-body);
   overflow: hidden;
@@ -118,3 +126,9 @@ co-tooltip {
   align-items: center;
   line-height: 0;
 }
+
+/* Rounded = radio chico FIJO, no la superelipse de --square: sin
+   máscara squircle, border-radius simple sobre la caja rectangular real. */
+.co-avatar--rounded {
+  border-radius: var(--co-border-radius-xs);
+}

package/dist/collection/components/co-avatar/co-avatar.js

@@ -14,6 +14,13 @@ const FONT_SIZE_MAP = {
     xs: 'var(--co-font-size-12)',
     xxs: 'var(--co-font-size-10)',
 };
+/**
+ * Avatar de una persona o entidad: iniciales, ícono o imagen, en círculo,
+ * squircle o cuadrado de radio chico. Con `name` muestra el nombre completo en
+ * un `co-tooltip`. Wrapper Vue: `CoAvatar` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part avatar - Caja del avatar (fondo, máscara y anillo).
+ */
 export class CoAvatar {
     constructor() {
         /** Display type: text shows initials, icon shows a Phosphor icon, image shows a picture */
@@ -24,7 +31,9 @@ export class CoAvatar {
         this.icon = 'user';
         /** Icon weight */
         this.iconWeight = 'regular';
-        /** Shape of the avatar */
+        /** Shape of the avatar. `rounded` = radio chico
+         *  (`--co-border-radius-xs`), sin máscara squircle — esquinas de radio fijo,
+         *  no la superelipse de `square`. */
         this.shape = 'circle';
         this.imgFailed = false;
         this.handleImgError = () => {
@@ -51,6 +60,7 @@ export class CoAvatar {
                 [`co-avatar--${this.size}`]: true,
                 [`co-avatar--${this.type}`]: true,
                 'co-avatar--square': this.shape === 'square',
+                'co-avatar--rounded': this.shape === 'rounded',
                 'co-avatar--light': !!this.color && isLightColor(this.color),
             }, style: Object.assign(Object.assign({ width: `var(--co-avatar-size, ${dim}px)`, height: `var(--co-avatar-size, ${dim}px)`, fontSize }, (this.color ? { background: this.color } : {})), (this.ringColor
                 ? { '--co-avatar-border-color': this.ringColor, '--co-avatar-border-width': '2px' }
@@ -215,15 +225,15 @@ export class CoAvatar {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'circle' | 'square'",
-                    "resolved": "\"circle\" | \"square\"",
+                    "original": "'circle' | 'square' | 'rounded'",
+                    "resolved": "\"circle\" | \"rounded\" | \"square\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Shape of the avatar"
+                    "text": "Shape of the avatar. `rounded` = radio chico\n(`--co-border-radius-xs`), sin m\u00E1scara squircle \u2014 esquinas de radio fijo,\nno la superelipse de `square`."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/co-avatar-group/co-avatar-group.css

@@ -1,3 +1,7 @@
+/**
+ * @prop --co-avatar-group-overlap: Cuánto se superpone cada avatar al anterior (default 6px).
+ * @prop --co-avatar-group-ring-width: Grosor del anillo que separa los avatares (default 2px).
+ */
 /* co-avatar-group — overlapping stack of co-avatar with a "+N" overflow badge */
 
 :host {

package/dist/collection/components/co-avatar-group/co-avatar-group.js

@@ -12,6 +12,11 @@ const FONT_SIZE_MAP = {
     xs: 'var(--co-font-size-12)',
     xxs: 'var(--co-font-size-10)',
 };
+/**
+ * Pila de avatares superpuestos con un «+N» para los que no entran (`max`).
+ * `items` describe cada avatar (tipo, texto, imagen, color). Wrapper Vue:
+ * `CoAvatarGroup` de `@prolibu-suite/cobalt-vue`.
+ */
 export class CoAvatarGroup {
     constructor() {
         /** Avatar descriptors rendered as an overlapping stack. */
@@ -56,13 +61,13 @@ export class CoAvatarGroup {
                 onClick: this.activate,
             }
             : { role: 'group' };
-        return (h(Tag, Object.assign({ key: 'efe3aa5c3a13c33d220caf93f8ce7dfc929f9833', class: {
+        return (h(Tag, Object.assign({ key: '7e14b71d5b7391c15fcba50aa43964fdf65282e3', class: {
                 'co-avatar-group': true,
                 'co-avatar-group--interactive': this.interactive,
             } }, interactiveAttrs), visible.map((it, i) => {
             var _a, _b, _c;
             return (h("co-avatar", { key: i, class: "co-avatar-group__avatar", type: (_a = it.type) !== null && _a !== void 0 ? _a : (it.src ? 'image' : it.icon ? 'icon' : 'text'), size: this.size, shape: (_b = it.shape) !== null && _b !== void 0 ? _b : this.shape, text: it.text, src: it.src, icon: (_c = it.icon) !== null && _c !== void 0 ? _c : 'user', color: it.color, "ring-color": it.ringColor, name: it.name || it.text || '' }));
-        }), extra > 0 && (h("co-tooltip", { key: 'b6dffe856f5984d2e2731e84d9d4a46cfcfa0c7b', class: "co-avatar-group__slot", content: overflowLabel, placement: "bottom" }, h("div", { key: 'b7fe90ee1800ede2bdc3b8674d6ab0dcdfa4ac48', class: "co-avatar-group__overflow", style: { width: `${dim}px`, height: `${dim}px`, fontSize }, role: "img", "aria-label": `+${extra}` }, "+", extra)))));
+        }), extra > 0 && (h("co-tooltip", { key: 'f3cc2f5a9f1ceac07ea3b665e6bd0c87804d27ae', class: "co-avatar-group__slot", content: overflowLabel, placement: "bottom" }, h("div", { key: 'c0b5fcb8df88917b06a2a9b36f1c2798f10730ff', class: "co-avatar-group__overflow", style: { width: `${dim}px`, height: `${dim}px`, fontSize }, role: "img", "aria-label": `+${extra}` }, "+", extra)))));
     }
     static get is() { return "co-avatar-group"; }
     static get encapsulation() { return "shadow"; }
@@ -87,7 +92,7 @@ export class CoAvatarGroup {
                     "references": {
                         "CoAvatarGroupItem": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-0.10.3/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-docs-2026-09-24/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
                             "id": "src/components/co-avatar-group/co-avatar-group.tsx::CoAvatarGroupItem"
                         }
                     }

package/dist/collection/components/co-badge/co-badge.js

@@ -1,4 +1,11 @@
 import { h } from "@stencil/core";
+/**
+ * Indicador pequeño de conteo o de estado (punto) con color semántico; con
+ * `animated` hace un pop de entrada. Wrapper Vue: `CoBadge` de
+ * `@prolibu-suite/cobalt-vue`.
+ *
+ * @part badge - El indicador.
+ */
 export class CoBadge {
     constructor() {
         /**
@@ -17,7 +24,7 @@ export class CoBadge {
         this.animated = false;
     }
     render() {
-        return (h("span", { key: '18cea751b9be9ae4712f931ab11e00f87adb353a', class: {
+        return (h("span", { key: 'b22315d54caf4150b599d5a8b576a08e68f8bfea', class: {
                 'co-badge': true,
                 [`co-badge--${this.size}`]: true,
                 [`co-badge--${this.color}`]: true,

package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js

@@ -13,6 +13,15 @@ import { slotHasContent } from "../../utils/slotContent";
  * @slot header - Custom header content (overrides `heading`). Dragging it moves the sheet.
  * @slot        - Sheet body (scrollable).
  * @slot footer - Pinned action area below the body (outside the scroll), with safe-area padding.
+ *
+ * Wrapper Vue: `CoBottomSheet` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part backdrop - Fondo oscuro detrás de la hoja.
+ * @part sheet - La hoja.
+ * @part handle - Tirador superior.
+ * @part header - Encabezado (título o slot `header`).
+ * @part body - Cuerpo scrolleable.
+ * @part footer - Área de acciones fija al pie.
  */
 export class CoBottomSheet {
     constructor() {
@@ -250,17 +259,17 @@ export class CoBottomSheet {
         (_a = this.bodyEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('touchmove', this.touchBlocker);
     }
     render() {
-        return (h("div", { key: '9c7c9c9dc4f1d627be8801afdaf3cc5999ead3be', class: { 'co-bottom-sheet-root': true, 'co-bottom-sheet-root--open': this.open } }, h("div", { key: '7de7991fdeb6338f3af4a31464f275cd4c9cd909', class: "co-bottom-sheet__backdrop", part: "backdrop", onClick: this.handleBackdropClick, ref: (el) => (this.backdropEl = el) }), h("section", { key: '81ef802c44978ca6db8d2322b0e98f0613d80ad9', class: { 'co-bottom-sheet': true, 'co-bottom-sheet--open': this.open }, part: "sheet", role: "dialog", "aria-modal": "true", "aria-labelledby": this.hasHeaderSlot
+        return (h("div", { key: '43f05669ad96312f6bd2ee1c1d4698538f029e2c', class: { 'co-bottom-sheet-root': true, 'co-bottom-sheet-root--open': this.open } }, h("div", { key: '86040a5efd513a6c06bbe551f82bcdc619817ea3', class: "co-bottom-sheet__backdrop", part: "backdrop", onClick: this.handleBackdropClick, ref: (el) => (this.backdropEl = el) }), h("section", { key: '46155a318f952b9be717a47497f1f513d3cf970f', class: { 'co-bottom-sheet': true, 'co-bottom-sheet--open': this.open }, part: "sheet", role: "dialog", "aria-modal": "true", "aria-labelledby": this.hasHeaderSlot
                 ? 'co-bottom-sheet-header'
                 : this.heading
                     ? 'co-bottom-sheet-heading'
-                    : undefined, style: { '--co-bottom-sheet-max-height': this.maxHeight }, onTransitionEnd: this.handleTransitionEnd, ref: (el) => (this.sheetEl = el) }, h("div", { key: 'a66516cb09be2cf219ef1045802c476d9d9b938e', class: "co-bottom-sheet__grip", onPointerDown: this.handleGripPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel }, this.showHandle && (h("div", { key: '214e9765f91449e6f0773c2b5ad6991cf0bb6be8', class: "co-bottom-sheet__handle", part: "handle", "aria-hidden": "true" })), h("header", { key: '3d63d502be3511b543463709e882db231df40c9b', class: {
+                    : undefined, style: { '--co-bottom-sheet-max-height': this.maxHeight }, onTransitionEnd: this.handleTransitionEnd, ref: (el) => (this.sheetEl = el) }, h("div", { key: '8b4a140b235f9803f71fb8717763651557ec6ca6', class: "co-bottom-sheet__grip", onPointerDown: this.handleGripPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel }, this.showHandle && (h("div", { key: '0c61ae9e1faf72485cf5b8c529041f740831d3a1', class: "co-bottom-sheet__handle", part: "handle", "aria-hidden": "true" })), h("header", { key: 'cd7116cd2b12c66e6cde63753dab12eaab31d04c', class: {
                 'co-bottom-sheet__header': true,
                 'co-bottom-sheet__header--show': this.hasHeaderSlot || !!this.heading,
-            }, part: "header", id: "co-bottom-sheet-header" }, h("slot", { key: '652d26a569389c0a4829fae4330141603fd0f072', name: "header", onSlotchange: this.handleHeaderSlotChange }, this.heading && (h("h2", { key: '6076038750176a915aad4acff2e0e6cc0f699d12', class: "co-bottom-sheet__heading", id: "co-bottom-sheet-heading" }, this.heading))))), h("div", { key: 'fb08ac38369623c07450a96409961086831be022', class: "co-bottom-sheet__body", part: "body", onPointerDown: this.handleBodyPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, ref: (el) => (this.bodyEl = el) }, h("slot", { key: '963205af45ba01d295afa648f8b37875e6f3adea' })), h("footer", { key: 'b72a488ea199acba8bc9d647a4b5d0eb3170a2c7', class: {
+            }, part: "header", id: "co-bottom-sheet-header" }, h("slot", { key: '8343901cfdb86eef24e3bbc7e7a9d270eeed6ed0', name: "header", onSlotchange: this.handleHeaderSlotChange }, this.heading && (h("h2", { key: '31874876e8fb9db7cf7ae57f3f704a569d4fb797', class: "co-bottom-sheet__heading", id: "co-bottom-sheet-heading" }, this.heading))))), h("div", { key: '126a26708b6d4b70c8bb74f6a4cd7fe43f74e725', class: "co-bottom-sheet__body", part: "body", onPointerDown: this.handleBodyPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, ref: (el) => (this.bodyEl = el) }, h("slot", { key: 'c8f5034ea3de0265d05203befc31e961f8340694' })), h("footer", { key: 'a2d40f9d6056df561388fa213995595a84044cd1', class: {
                 'co-bottom-sheet__footer': true,
                 'co-bottom-sheet__footer--show': this.hasFooter,
-            }, part: "footer" }, h("slot", { key: 'aeecf78508978fd5e5c068ac2b37bfaecb709e1e', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
+            }, part: "footer" }, h("slot", { key: '0d97eb87bc4de74db631629a478bd01ce5a473a6', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
     }
     static get is() { return "co-bottom-sheet"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-breadcrumb/co-breadcrumb.js

@@ -7,6 +7,10 @@ import { Host, h } from "@stencil/core";
  * leading icon (hidden on the first crumb via CSS), so no separator markup is
  * interleaved here. This component propagates its `separator` prop down to the
  * slotted items and layouts them in a `align-items:center; gap:4px` flex row.
+ *
+ * @part breadcrumb - El propio elemento (`role="navigation"`), fila de migas.
+ *
+ * Wrapper Vue: `CoBreadcrumb` de `@prolibu-suite/cobalt-vue`.
  */
 export class CoBreadcrumb {
     constructor() {
@@ -42,7 +46,7 @@ export class CoBreadcrumb {
     }
     render() {
         const data = this.parseItems();
-        return (h(Host, { key: '8ab383589f78948c7f11d38d4e25fa5509a56dbc', part: "breadcrumb", role: "navigation", "aria-label": "Breadcrumb" }, data
+        return (h(Host, { key: 'e368c6a9c2842ee88e66d72d33164653b623616b', part: "breadcrumb", role: "navigation", "aria-label": "Breadcrumb" }, data
             ? data.map((it, i) => (h("co-breadcrumb-item", { key: i, label: it.label, value: it.value, icon: it.icon, separator: this.separator, current: i === data.length - 1 })))
             : h("slot", { onSlotchange: this.handleSlotChange })));
     }