@prolibu-suite/cobalt-core 0.11.0 → 0.11.2

package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js

@@ -1,13 +1,20 @@
 import { h } from "@stencil/core";
+/**
+ * Grupo de `co-toggle-button` que coordina la selección: única (default) o
+ * `multiple`. `variant` elige el estilo (`connected`, `track`, `soft`) y se
+ * propaga a los botones. Wrapper Vue: `CoToggleButtonGroup` de
+ * `@prolibu-suite/cobalt-vue`.
+ */
 export class CoToggleButtonGroup {
     constructor() {
         /** Current selected value(s). Single string or JSON array for multiple. */
         this.value = '';
+        /** Selección múltiple: `value` y `coChange` llevan un array de valores. */
         this.multiple = false;
         /** Talla del grupo. El grupo NO la empuja a sus hijos: cada `co-toggle-button`
          *  sin `size` propio la LEE al montarse (`componentWillLoad`, antes de su
-         *  primer render) y la adopta SOLO en las combinaciones nuevas de la Fase 2
-         *  Cobalt — `variant="soft"` (cualquier talla) o `variant="track"` +
+         *  primer render) y la adopta SOLO en las combinaciones compactas del editor
+         *  — `variant="soft"` (cualquier talla) o `variant="track"` +
          *  `size="xs"` — y nunca con un valor fuera de la unión del hijo (`l|m|s|xs`).
          *  Fuera de eso los hijos la ignoran, como siempre: el host ya usa
          *  `size="sm"` (fuera de la unión) y `size="s"` con la variante default, y
@@ -19,7 +26,9 @@ export class CoToggleButtonGroup {
          *  montar; cambiar `size` del grupo después no re-talla a los hijos ya
          *  montados (aquí solo actualiza la clase `--xs` de la pista). */
         this.size = 'm';
+        /** Deshabilita todos los botones del grupo. */
         this.disabled = false;
+        /** Disposición de los botones: `row` (default) o `column`. */
         this.direction = 'row';
         /** Stretch the group to fill its container; each button shares the width equally. */
         this.fullWidth = false;
@@ -83,7 +92,7 @@ export class CoToggleButtonGroup {
         });
     }
     render() {
-        return (h("div", { key: '7e878199a5ac13867f51c16995403b0c57c7a6cb', class: {
+        return (h("div", { key: '876d581e3c53b790f1e89ba3917325ccc7b5e8ba', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
                 [`co-toggle-button-group--${this.variant}`]: true,
@@ -92,7 +101,7 @@ export class CoToggleButtonGroup {
                 'co-toggle-button-group--xs': this.size === 'xs',
                 'co-toggle-button-group--disabled': this.disabled,
                 'co-toggle-button-group--full': this.fullWidth,
-            }, role: "group" }, h("slot", { key: '396df51b811c8841c2e1786be107fcdc1abd4b69' })));
+            }, role: "group" }, h("slot", { key: '9e791ede02a818a5fbe0bf571cc185cc3ea609a6' })));
     }
     static get is() { return "co-toggle-button-group"; }
     static get encapsulation() { return "shadow"; }
@@ -140,7 +149,7 @@ export class CoToggleButtonGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Selecci\u00F3n m\u00FAltiple: `value` y `coChange` llevan un array de valores."
                 },
                 "getter": false,
                 "setter": false,
@@ -160,7 +169,7 @@ export class CoToggleButtonGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Talla del grupo. El grupo NO la empuja a sus hijos: cada `co-toggle-button`\nsin `size` propio la LEE al montarse (`componentWillLoad`, antes de su\nprimer render) y la adopta SOLO en las combinaciones nuevas de la Fase 2\nCobalt \u2014 `variant=\"soft\"` (cualquier talla) o `variant=\"track\"` +\n`size=\"xs\"` \u2014 y nunca con un valor fuera de la uni\u00F3n del hijo (`l|m|s|xs`).\nFuera de eso los hijos la ignoran, como siempre: el host ya usa\n`size=\"sm\"` (fuera de la uni\u00F3n) y `size=\"s\"` con la variante default, y\nesos casos quedan intactos (aditivo). Por qu\u00E9 lo lee el hijo y no lo\nempuja el grupo: `size` del hijo es `reflect: true` y su primer render \u2014\nque escribe el default `m` como atributo \u2014 ocurre ANTES del\n`componentDidLoad` del grupo, as\u00ED que el grupo ya no puede distinguir un\n`m` expl\u00EDcito de uno reflejado. Consecuencia: se adopta una vez, al\nmontar; cambiar `size` del grupo despu\u00E9s no re-talla a los hijos ya\nmontados (aqu\u00ED solo actualiza la clase `--xs` de la pista)."
+                    "text": "Talla del grupo. El grupo NO la empuja a sus hijos: cada `co-toggle-button`\nsin `size` propio la LEE al montarse (`componentWillLoad`, antes de su\nprimer render) y la adopta SOLO en las combinaciones compactas del editor\n\u2014 `variant=\"soft\"` (cualquier talla) o `variant=\"track\"` +\n`size=\"xs\"` \u2014 y nunca con un valor fuera de la uni\u00F3n del hijo (`l|m|s|xs`).\nFuera de eso los hijos la ignoran, como siempre: el host ya usa\n`size=\"sm\"` (fuera de la uni\u00F3n) y `size=\"s\"` con la variante default, y\nesos casos quedan intactos (aditivo). Por qu\u00E9 lo lee el hijo y no lo\nempuja el grupo: `size` del hijo es `reflect: true` y su primer render \u2014\nque escribe el default `m` como atributo \u2014 ocurre ANTES del\n`componentDidLoad` del grupo, as\u00ED que el grupo ya no puede distinguir un\n`m` expl\u00EDcito de uno reflejado. Consecuencia: se adopta una vez, al\nmontar; cambiar `size` del grupo despu\u00E9s no re-talla a los hijos ya\nmontados (aqu\u00ED solo actualiza la clase `--xs` de la pista)."
                 },
                 "getter": false,
                 "setter": false,
@@ -180,7 +189,7 @@ export class CoToggleButtonGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Deshabilita todos los botones del grupo."
                 },
                 "getter": false,
                 "setter": false,
@@ -200,7 +209,7 @@ export class CoToggleButtonGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Disposici\u00F3n de los botones: `row` (default) o `column`."
                 },
                 "getter": false,
                 "setter": false,
@@ -259,7 +268,7 @@ export class CoToggleButtonGroup {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Cambi\u00F3 la selecci\u00F3n (`value` ya est\u00E1 actualizado): el valor elegido, o el array en `multiple`."
                 },
                 "complexType": {
                     "original": "string | string[]",

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

@@ -1,5 +1,15 @@
 import { h } from "@stencil/core";
 import { computePosition, findScrollParents, getOffsetAncestor } from "../../utils/positioning";
+/**
+ * Globo de ayuda que aparece al pasar el mouse o enfocar el control envuelto.
+ * Es la forma de rotular un control de solo ícono (en lugar del `title`
+ * nativo), pero no le da nombre accesible: el control lleva el suyo.
+ * `variant="label"` + `shortcut` muestran el atajo con un `co-kbd`. Wrapper Vue:
+ * `CoTooltip` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @slot - El control que dispara el tooltip.
+ * @part panel - El globo.
+ */
 export class CoTooltip {
     constructor() {
         // ── Props ──────────────────────────────────────────────────
@@ -263,7 +273,7 @@ export class CoTooltip {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (h("div", { key: '42e40af183afae3fe39ea52e7ab834d2e2ef2a1f', class: "co-tooltip" }, h("div", { key: '021c63ead4abcfc8bd938657af0f4486a710e1d0', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: '93bfbae6583c49cd0e38accce52b2ee7029a3bc0' })), (this.visible || this.closing) && this.content && (h("div", { key: 'd5bf6003b83490d21869f41ae49c24dd347b7d82', id: "tooltip-panel", class: {
+        return (h("div", { key: '816e80ee775d782c3827fb3ba43187992e348429', class: "co-tooltip" }, h("div", { key: 'd4d3b56ae5502ccc4fc5c30c5191860ebef51140', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: '357ff69bca524ce8c5f3ec21936fef944733cd22' })), (this.visible || this.closing) && this.content && (h("div", { key: '7d379c2ddafa6e84fbe5d5a4d3e9192a3ddfac87', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
                 'co-tooltip__panel--closing': this.closing,
@@ -275,7 +285,7 @@ export class CoTooltip {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: '1f3ef81dd7d655e68958321a33a5d405ba671f83', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'a33a95e77ee0bc6922a0c81a63f9862b2ccf9bf5', class: "co-tooltip__content" }, this.content), this.shortcut && h("co-kbd", { key: '608bba77bfc7d43a3ca4d4a2f0c87290b1a9de57', keys: this.shortcut, surface: "dark", size: "xs" })))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: '0898aa009807ee6d48cdb01a5db9f4ef773804b9', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: '07678a78b9fdf0955c54d4dc2c491e5205e7937d', class: "co-tooltip__content" }, this.content), this.shortcut && h("co-kbd", { key: '24aa138140da114eed006f3488dc6cbc105ccee3', keys: this.shortcut, surface: "dark", size: "xs" })))));
     }
     static get is() { return "co-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-transfer-list/co-transfer-list.js

@@ -1,14 +1,23 @@
 import { h } from "@stencil/core";
 import { initOverlayScroll } from "../../utils/overlayScroll";
+/**
+ * Selector de dos listas: se marcan opciones en la lista de disponibles y se
+ * pasan a la de seleccionadas (y de vuelta) con botones de mover, uno o todos.
+ * Wrapper Vue: `CoTransferList` de `@prolibu-suite/cobalt-vue`.
+ */
 export class CoTransferList {
     constructor() {
+        /** Título de la lista de disponibles. */
         this.leftTitle = 'Available';
+        /** Título de la lista de seleccionadas. */
         this.rightTitle = 'Selected';
         /** All available options */
         this.options = '[]';
         /** Values in the right (selected) list */
         this.value = '[]';
+        /** Deshabilita las listas y los botones. */
         this.disabled = false;
+        /** Estado de validación: colorea el `helperText`. */
         this.status = 'default';
         this.leftChecked = new Set();
         this.rightChecked = new Set();
@@ -117,11 +126,11 @@ export class CoTransferList {
         this.osInstances = [];
     }
     render() {
-        return (h("div", { key: '10f7ff92e36b92f0a92fa2a286242f651d7da22c', class: {
+        return (h("div", { key: '31890d6f8b8201b20c286448098ba96b84313192', class: {
                 'co-transfer-list': true,
                 'co-transfer-list--disabled': this.disabled,
                 [`co-transfer-list--${this.status}`]: this.status !== 'default',
-            } }, this.label && h("label", { key: 'da07e59288cfb85b4d95e62aa7f61d65a0ac5931', class: "co-transfer-list__label" }, this.label), h("div", { key: '8d4a921850b838f9096402ba947af8b164eb541e', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: 'a258db503eb7477c16186ba58755b8696610ffdb', class: "co-transfer-list__actions" }, h("button", { key: '11d8275f690eb58f07b69044fcadb501d520a34b', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: '3a637822c740096295bb4129e9f8366b61fc906c', name: "caret-double-right", size: 16 })), h("button", { key: '2fea7b08d006352a5c5b0e2f46e558bea4448019', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: '4f016d94cf4fe7a621decdd630c16d63cd82944d', name: "caret-right", size: 16 })), h("button", { key: 'acf8b07e343c527d231c65dd31ff27b765da2e89', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '4e2cd858347069f84e2adef89ed8519f70f42b62', name: "caret-left", size: 16 })), h("button", { key: '59c8b06cfcfe5804f73d2c402052e86baae5e2c9', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: '7d00c3cd0866d92ef0d456b419f9b3fe0c25c71e', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: '4d54c76de7e18a5a5b5ea40f9b5dea4a5551440e', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '2e1017e680c759d1b67d8b1b03ffbebbfa6d1068', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: '9533af921d596314d489656706aeecfe004182b1', class: "co-transfer-list__helper-text" }, this.helperText)))));
+            } }, this.label && h("label", { key: '03682912da82bb6590d6c3cd4a070dc8d4214744', class: "co-transfer-list__label" }, this.label), h("div", { key: '33562c5fc6372f8cbee86751f593959f0b851466', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: '1f4125394ac963351e08f7722dc7f73fa86ccfc9', class: "co-transfer-list__actions" }, h("button", { key: 'b070ea660c6997f2281a3a3dcdf15764665408ee', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: 'a46764f1308c49ff1cfcaeeab8b60434c4347b72', name: "caret-double-right", size: 16 })), h("button", { key: 'f57ef7e0a56e1f257277407d7eb47d28830d60fb', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: '3dc5c8df4936dd79c9c7947f1f669cf12c2d785e', name: "caret-right", size: 16 })), h("button", { key: '76ffe11208d14d89683a558d2004fb831fdc3ebf', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '31565d71c489ccbe4b58edd89c867210a7077870', name: "caret-left", size: 16 })), h("button", { key: 'af464a61aa1a553b5e8218d14fdd62b5618e4d0e', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: '86ebbd7639f1d56c4073e55792a397213ed7b426', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: '769fc2d953ad3c24a1fbaaafd2054376e8c452b3', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '62d8663352ece7628a569a9b6808d4e9f921649d', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: '9480ee4c4fdc4c9ee62836ad33e555fe550650b6', class: "co-transfer-list__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-transfer-list"; }
     static get encapsulation() { return "shadow"; }
@@ -149,7 +158,7 @@ export class CoTransferList {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Etiqueta del campo."
                 },
                 "getter": false,
                 "setter": false,
@@ -168,7 +177,7 @@ export class CoTransferList {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "T\u00EDtulo de la lista de disponibles."
                 },
                 "getter": false,
                 "setter": false,
@@ -188,7 +197,7 @@ export class CoTransferList {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "T\u00EDtulo de la lista de seleccionadas."
                 },
                 "getter": false,
                 "setter": false,
@@ -205,7 +214,7 @@ export class CoTransferList {
                     "references": {
                         "TransferOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-0.11.2/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
                             "id": "src/components/co-transfer-list/co-transfer-list.tsx::TransferOption"
                         }
                     }
@@ -254,7 +263,7 @@ export class CoTransferList {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Deshabilita las listas y los botones."
                 },
                 "getter": false,
                 "setter": false,
@@ -274,7 +283,7 @@ export class CoTransferList {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Texto de ayuda o de error bajo el campo."
                 },
                 "getter": false,
                 "setter": false,
@@ -293,7 +302,7 @@ export class CoTransferList {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Estado de validaci\u00F3n: colorea el `helperText`."
                 },
                 "getter": false,
                 "setter": false,
@@ -318,7 +327,7 @@ export class CoTransferList {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Cambi\u00F3 la lista de seleccionadas (`value` ya est\u00E1 actualizado); `detail` = array de valores."
                 },
                 "complexType": {
                     "original": "string[]",

package/dist/collection/components/co-tree-item/co-tree-item.css

@@ -1,8 +1,17 @@
+/**
+ * @prop --co-tree-item-selected-bg: Fondo de la fila con `selection="solid"` (default el acento).
+ * @prop --co-tree-item-selected-color: Texto e íconos con `selection="solid"` (default on-accent).
+ * @prop --co-tree-item-selected-soft-bg: Fondo con `selection="soft"` (default celeste-100).
+ * @prop --co-tree-item-group-bg: Fondo del bloque de hijos de una fila expandida (default celeste-100 al 50%).
+ * @prop --co-tree-item-hover-bg: Fondo de la fila en hover.
+ * @prop --co-tree-item-indent: Sangría por nivel de `depth` (default 24px).
+ * @prop --co-tree-item-caret-space: Hueco que reservan las filas SIN chevron (default 0; 12px alinea un árbol mixto). Se pone en el contenedor.
+ */
 /* co-tree-item — fila de árbol (Páginas / Capas del editor).
  *
- * Variables públicas (todas con fallback; los tokens nuevos de la Task C1
+ * Variables públicas (todas con fallback; los tokens
  * `--co-semantic-accent`, `--co-semantic-on-accent` y `--co-color-celeste-100`
- * llevan el literal mientras C1 no esté integrada):
+ * llevan el literal para hosts con un build de tokens anterior):
  *   --co-tree-item-selected-bg        fondo `selection="solid"`   (accent)
  *   --co-tree-item-selected-color     texto `selection="solid"`   (on-accent)
  *   --co-tree-item-selected-soft-bg   fondo `selection="soft"`    (celeste-100)

package/dist/collection/components/co-tree-item/co-tree-item.js

@@ -38,6 +38,8 @@ import { getTreeItemStrings } from "./treeItemI18n";
  * @part label    - Texto del label.
  * @part suffix   - Contenedor de las acciones.
  * @part children - Bloque de filas hijas (`role="group"`).
+ *
+ * Wrapper Vue: `CoTreeItem` de `@prolibu-suite/cobalt-vue`.
  */
 export class CoTreeItem {
     constructor() {
@@ -109,7 +111,7 @@ export class CoTreeItem {
         const expanded = expandable && !!this.expanded;
         const isGroup = expanded && this.hasChildren;
         const strings = getTreeItemStrings((_d = this.locale) !== null && _d !== void 0 ? _d : 'es');
-        return (h(Host, { key: '873d12e73414860f322eb2032f424c474216e7d4', role: "treeitem", "aria-level": String(depth + 1), "aria-expanded": expandable ? (expanded ? 'true' : 'false') : undefined, "aria-selected": selection !== 'none' ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: 'a0629e12d90421a6f8bc3899acee21297e5a2f50', class: {
+        return (h(Host, { key: '09547858bbf035d5b70b95bdf480a58378532ae3', role: "treeitem", "aria-level": String(depth + 1), "aria-expanded": expandable ? (expanded ? 'true' : 'false') : undefined, "aria-selected": selection !== 'none' ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: '1c720c317936faa2b01c6cdab61d339d4a3d40f0', class: {
                 'co-tree-item': true,
                 'co-tree-item--xs': size === 'xs',
                 'co-tree-item--soft': selection === 'soft',
@@ -117,7 +119,7 @@ export class CoTreeItem {
                 'co-tree-item--expanded': expanded,
                 'co-tree-item--group': isGroup,
                 'co-tree-item--disabled': !!this.disabled,
-            } }, h("div", { key: 'd8f1c942b7ee3ef6e1f85a78088544b4b06ea9ee', class: "co-tree-item__row", part: "row", style: { paddingLeft: `calc(8px + ${depth} * var(--co-tree-item-indent, 24px))` } }, expandable ? (h("button", { type: "button", class: "co-tree-item__caret", part: "caret", tabindex: "-1", "aria-label": expanded ? strings.collapse : strings.expand, "aria-disabled": this.disabled ? 'true' : undefined, onMouseDown: this.handleCaretMouseDown, onClick: this.handleCaretClick }, h("co-icon", { name: expanded ? 'caret-down' : 'caret-right', size: 8, weight: "fill" }))) : (h("span", { class: "co-tree-item__caret-space", "aria-hidden": "true" })), h("slot", { key: 'a21dc1c08d4c9b8a5077ebbac32a29475be573d8', name: "prefix" }), this.icon && (h("span", { key: '9bddf0697b6307069a3e7e744808c792196023d6', class: "co-tree-item__icon", part: "icon" }, h("co-icon", { key: 'fa4add61204749dd8ca1cbcc81e50ade12968e0c', name: this.icon, size: 12 }))), h("span", { key: '9f94f8a34705f48d4fe0d33aa277ff0d8eed04e2', class: "co-tree-item__label", part: "label" }, h("slot", { key: 'a94003f5dd1ceb7102002749686afd8872ce4d23', name: "label" }, this.label)), h("span", { key: '218b9fcd7dc0ce283a073b788ddb02254d587559', class: "co-tree-item__suffix", part: "suffix" }, h("slot", { key: '9c93a49a55d467aaa993f572dd8187ff9f8605f4', name: "suffix" }))), h("div", { key: 'afe218a752c68be204a04255bc00a54f5036e5c3', class: "co-tree-item__children", part: "children", role: "group" }, h("slot", { key: '3afaeaa63c458c01b43e5d4b33cd637c06c8cd31', onSlotchange: this.syncHasChildren })))));
+            } }, h("div", { key: 'e20c131f702d8de43901f12963da75949e3a9e6e', class: "co-tree-item__row", part: "row", style: { paddingLeft: `calc(8px + ${depth} * var(--co-tree-item-indent, 24px))` } }, expandable ? (h("button", { type: "button", class: "co-tree-item__caret", part: "caret", tabindex: "-1", "aria-label": expanded ? strings.collapse : strings.expand, "aria-disabled": this.disabled ? 'true' : undefined, onMouseDown: this.handleCaretMouseDown, onClick: this.handleCaretClick }, h("co-icon", { name: expanded ? 'caret-down' : 'caret-right', size: 8, weight: "fill" }))) : (h("span", { class: "co-tree-item__caret-space", "aria-hidden": "true" })), h("slot", { key: '313110e0f4b6b3d81faf1ecd63a56d40ebadc40f', name: "prefix" }), this.icon && (h("span", { key: 'e099db0908ccce9bea71fff6c58081126308277a', class: "co-tree-item__icon", part: "icon" }, h("co-icon", { key: '0ca917bbfcb13285d364b5b6c07ba52165df7c0b', name: this.icon, size: 12 }))), h("span", { key: '48d8b98d0af58627c6510a57b8d3a05c1c58452f', class: "co-tree-item__label", part: "label" }, h("slot", { key: 'a8c7dcfae8c5e4d7f2782b81d96a2f2924dc889c', name: "label" }, this.label)), h("span", { key: '8221cd9578dc226545e86e588d5e60fa75cd06f5', class: "co-tree-item__suffix", part: "suffix" }, h("slot", { key: '256ca2c9cc0b7f6249be0dd23b4dc14def735db9', name: "suffix" }))), h("div", { key: '246a9968d7443f2e9ab4cc37669861a6a89de546', class: "co-tree-item__children", part: "children", role: "group" }, h("slot", { key: '4726dadaf4b78766eea244866c97a2664e35c93c', onSlotchange: this.syncHasChildren })))));
     }
     static get is() { return "co-tree-item"; }
     static get encapsulation() { return "shadow"; }
@@ -241,7 +243,7 @@ export class CoTreeItem {
                     "references": {
                         "TreeItemSelection": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-0.11.2/packages/core/src/components/co-tree-item/co-tree-item.tsx",
                             "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSelection"
                         }
                     }
@@ -267,7 +269,7 @@ export class CoTreeItem {
                     "references": {
                         "TreeItemSize": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-0.11.2/packages/core/src/components/co-tree-item/co-tree-item.tsx",
                             "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSize"
                         }
                     }

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

@@ -2,6 +2,17 @@
    co-video
    ═══════════════════════════════════════════════════ */
 
+/**
+ * Tienen su default en `:host`; se sobrescriben desde afuera sobre el elemento
+ * (`co-video { --co-video-accent: … }`), que le gana a la regla `:host`.
+ * @prop --co-video-accent: Color del progreso reproducido, del thumb y de los controles activos (default blanco).
+ * @prop --co-video-buffered: Color de la porción cargada de la barra de progreso.
+ * @prop --co-video-controls-bg: Fondo de la barra de controles (default degradado a negro).
+ * @prop --co-video-controls-color: Color de íconos y textos de los controles (default blanco).
+ * @prop --co-video-btn-hover: Fondo de un botón de control en hover.
+ * @prop --co-video-progress-height: Alto de la barra de progreso en reposo (default 4px).
+ * @prop --co-video-progress-height-hover: Alto de la barra de progreso en hover (default 8px).
+ */
 :host {
   display: block;
   font-family: var(--co-font-family-primary);

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

@@ -79,8 +79,19 @@ const ERROR_MESSAGES = {
 };
 /**
  * A fully configurable video player component with custom controls.
+ * Reproductor de video con controles propios (play, volumen, progreso, tiempo,
+ * velocidad, pantalla completa, PiP, descarga), eventos de progreso y umbral de
+ * visualización. Wrapper Vue: `CoVideo` de `@prolibu-suite/cobalt-vue`.
  *
  * @slot - Default slot (unused, reserved for future captions/overlays)
+ *
+ * @part container - Caja del reproductor (relación de aspecto y radio).
+ * @part video - El elemento `<video>` nativo.
+ * @part poster - Imagen de portada antes de reproducir.
+ * @part big-play - Botón grande de play centrado.
+ * @part controls - Barra de controles inferior.
+ * @part progress - Barra de progreso/búsqueda.
+ * @part toolbar - Fila de botones de la barra de controles.
  */
 export class CoVideo {
     constructor() {
@@ -635,14 +646,17 @@ export class CoVideo {
     // ═══════════════════════════════════════════════════
     // PUBLIC METHODS
     // ═══════════════════════════════════════════════════
+    /** Inicia la reproducción (puede rechazarse si el navegador bloquea el autoplay con sonido). */
     async play() {
         var _a;
         await ((_a = this.videoEl) === null || _a === void 0 ? void 0 : _a.play());
     }
+    /** Pausa la reproducción. */
     async pause() {
         var _a;
         (_a = this.videoEl) === null || _a === void 0 ? void 0 : _a.pause();
     }
+    /** Alterna entre reproducir y pausar. */
     async togglePlay() {
         var _a, _b;
         if (this.isPlaying) {
@@ -652,11 +666,13 @@ export class CoVideo {
             await ((_b = this.videoEl) === null || _b === void 0 ? void 0 : _b.play());
         }
     }
+    /** Salta a `time` (segundos). */
     async seek(time) {
         if (this.videoEl) {
             this.videoEl.currentTime = time;
         }
     }
+    /** Fija el volumen (0–1; se recorta a ese rango). */
     async setVolume(level) {
         const clamped = Math.max(0, Math.min(1, level));
         this.volume = clamped;
@@ -664,12 +680,15 @@ export class CoVideo {
             this.videoEl.volume = clamped;
         this.volumeLevel = clamped;
     }
+    /** Alterna el silencio (igual que el botón de volumen). */
     async toggleMute() {
         this.handleMuteClick();
     }
+    /** Entra o sale de pantalla completa. */
     async toggleFullscreen() {
         this.handleFullscreenClick();
     }
+    /** Entra o sale de Picture-in-Picture (si el navegador lo soporta). */
     async togglePip() {
         this.handlePipClick();
     }
@@ -814,14 +833,14 @@ export class CoVideo {
     // ═══════════════════════════════════════════════════
     render() {
         const aspectClass = `co-video--${this.aspectRatio.replace(':', '-')}`;
-        return (h(Host, { key: '6cf0c87865e83b6022604a5bf2cfbe57832d283e' }, h("div", { key: 'ae2c18c38e9ffb9df78db8a562222effd5a07109', class: {
+        return (h(Host, { key: 'd2f25697003337a41f2c6ac1f8b52b82c8341731' }, h("div", { key: 'b656b85d82072035f31358820db8c61a2db4cbbc', class: {
                 'co-video': true,
                 [aspectClass]: true,
                 [`co-video--rounded-${this.rounded}`]: true,
                 'co-video--disabled': this.disabled,
                 'co-video--fullscreen': this.isFullscreen,
                 'co-video--playing': this.isPlaying,
-            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '8b0b5dfb94c4e0c62b782aa6011d056111eea5fb', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: '4e010f52473dddffd6bc188a5389de17c27966b1', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
+            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '960e58a18058da5840fdbbdaf32a01afd1db06f9', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: '4a772011fe579f90d3befe3ad925026835cece73', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
     }
     static get is() { return "co-video"; }
     static get encapsulation() { return "shadow"; }
@@ -1435,7 +1454,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Empez\u00F3 o se reanud\u00F3 la reproducci\u00F3n."
                 },
                 "complexType": {
                     "original": "void",
@@ -1450,7 +1469,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Se paus\u00F3 la reproducci\u00F3n."
                 },
                 "complexType": {
                     "original": "void",
@@ -1465,7 +1484,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Termin\u00F3 el video (sin `loop`)."
                 },
                 "complexType": {
                     "original": "void",
@@ -1495,7 +1514,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Error del medio: `detail` = `{ code, message }` (c\u00F3digo de `MediaError` y mensaje traducido seg\u00FAn `locale`)."
                 },
                 "complexType": {
                     "original": "{ code: number; message: string }",
@@ -1510,7 +1529,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Avance de la reproducci\u00F3n, como mucho cada 250 ms: `{ currentTime, duration, progressPercent }` (segundos y 0\u2013100). No burbujea."
                 },
                 "complexType": {
                     "original": "{ currentTime: number; duration: number; progressPercent: number }",
@@ -1525,7 +1544,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Termin\u00F3 un salto en la barra de progreso: `{ from, to }` en segundos."
                 },
                 "complexType": {
                     "original": "{ from: number; to: number }",
@@ -1540,7 +1559,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Cambi\u00F3 el volumen o el silencio: `{ volume, muted }` (volumen 0\u20131)."
                 },
                 "complexType": {
                     "original": "{ volume: number; muted: boolean }",
@@ -1555,7 +1574,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Entr\u00F3 o sali\u00F3 de pantalla completa: `{ fullscreen }`."
                 },
                 "complexType": {
                     "original": "{ fullscreen: boolean }",
@@ -1570,7 +1589,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Cambi\u00F3 la velocidad desde el selector: `{ rate }`."
                 },
                 "complexType": {
                     "original": "{ rate: number }",
@@ -1585,7 +1604,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Entr\u00F3 o sali\u00F3 de Picture-in-Picture: `{ pip }`."
                 },
                 "complexType": {
                     "original": "{ pip: boolean }",
@@ -1600,7 +1619,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Click en descargar (con `allowDownload`), justo antes de iniciar la descarga: `{ src }`."
                 },
                 "complexType": {
                     "original": "{ src: string }",
@@ -1615,7 +1634,7 @@ export class CoVideo {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Se alcanz\u00F3 el `watchThreshold` (una sola vez por video): `{ threshold, currentTime, duration }`. \u00DAtil para marcar un video como visto."
                 },
                 "complexType": {
                     "original": "{ threshold: number; currentTime: number; duration: number }",
@@ -1639,7 +1658,7 @@ export class CoVideo {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Inicia la reproducci\u00F3n (puede rechazarse si el navegador bloquea el autoplay con sonido).",
                     "tags": []
                 }
             },
@@ -1656,7 +1675,7 @@ export class CoVideo {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Pausa la reproducci\u00F3n.",
                     "tags": []
                 }
             },
@@ -1673,7 +1692,7 @@ export class CoVideo {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Alterna entre reproducir y pausar.",
                     "tags": []
                 }
             },
@@ -1694,7 +1713,7 @@ export class CoVideo {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Salta a `time` (segundos).",
                     "tags": []
                 }
             },
@@ -1715,7 +1734,7 @@ export class CoVideo {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Fija el volumen (0\u20131; se recorta a ese rango).",
                     "tags": []
                 }
             },
@@ -1732,7 +1751,7 @@ export class CoVideo {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Alterna el silencio (igual que el bot\u00F3n de volumen).",
                     "tags": []
                 }
             },
@@ -1749,7 +1768,7 @@ export class CoVideo {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Entra o sale de pantalla completa.",
                     "tags": []
                 }
             },
@@ -1766,7 +1785,7 @@ export class CoVideo {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Entra o sale de Picture-in-Picture (si el navegador lo soporta).",
                     "tags": []
                 }
             }

package/dist/components/co-accordion.js

@@ -1 +1 @@
-import{t as o,p as c,H as e,c as i,h as a}from"./index.js";import{d as t}from"./p-B3kKOgsA.js";function n(o){return"function"==typeof o.matches&&o.matches('a[href],button,input,select,textarea,label,summary,[contenteditable="true"],[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role="menuitem"],[role="tab"],co-button,co-icon-button,co-switch,co-checkbox,co-radio,co-chip,co-input,co-select,co-combobox,co-autocomplete,co-ref-field,co-number-field,co-toggle-button,co-menu')}const r=c(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",3),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))},this.handleHeadingClick=o=>{if(this.disabled)return;const c=o.currentTarget;for(const e of o.composedPath()){if(e===c)break;if(n(e))return}this.handleToggle()}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"48a22b997b1611f285c747c2ce30b4db2ac87fdc",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"fde9b00c928e7aab65650975ece4539c6a8d54e7",class:"co-accordion__header",part:"header"},a("span",{key:"884cf74c6207037ca4ee8ee4686af08677f15450",class:"co-accordion__heading-group",onClick:this.handleHeadingClick},a("span",{key:"9019e1b204f06c5f5bb184b948a322a81110c79d",class:"co-accordion__heading",part:"heading"},a("slot",{key:"9feb0b98d902bbfdf93c45340aa6854e4c473b31",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"eaffac4798f56c63feb7796f43c58c06ef6e0fcb",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"659cdde265f6325d3320f355ea9875fc0d50a480",name:"subheading"},this.subheading))),a("button",{key:"a97f62583665f162085dcae31f08297a89bff184",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"},a("co-icon",{key:"2d34e356aa0a7817d59c838b4cad3addc0698386",name:"caret-up",size:20}))),a("div",{key:"6514d5a1ef7a7e3eeb33514705a83ad17e30826b",class:"co-accordion__body",part:"body"},a("div",{key:"8dfcd782cda8973943a2619ce24d11a8655fad98",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"7f9a2c929b8bb82ab2267ae590cf3916b8c55824"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);cursor:pointer}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-md);transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{padding-top:0}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-slow)}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}.co-accordion--disabled .co-accordion__heading-group{cursor:default}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function s(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((c=>{switch(c){case"co-accordion":customElements.get(o(c))||customElements.define(o(c),r);break;case"co-icon":customElements.get(o(c))||t()}}))}s();const d=r,l=s;export{d as CoAccordion,l as defineCustomElement}
+import{t as o,p as e,H as c,c as i,h as a}from"./index.js";import{d as t}from"./p-KK2vAKs-.js";function n(o){return"function"==typeof o.matches&&o.matches('a[href],button,input,select,textarea,label,summary,[contenteditable="true"],[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role="menuitem"],[role="tab"],co-button,co-icon-button,co-switch,co-checkbox,co-radio,co-chip,co-input,co-select,co-combobox,co-autocomplete,co-ref-field,co-number-field,co-toggle-button,co-menu')}const r=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",3),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))},this.handleHeadingClick=o=>{if(this.disabled)return;const e=o.currentTarget;for(const c of o.composedPath()){if(c===e)break;if(n(c))return}this.handleToggle()}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"0d1c2cca135ac9d62cb7d4b5c620843c5788101d",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"aa80683852ba2b131c7ab29eed528ec87d92a565",class:"co-accordion__header",part:"header"},a("span",{key:"71c84f588f351279bb999a2ec84dd37b202203d0",class:"co-accordion__heading-group",onClick:this.handleHeadingClick},a("span",{key:"42201833527fd73790ab6391668ba8eb7986ed90",class:"co-accordion__heading",part:"heading"},a("slot",{key:"11528c94fa817e55ffb015975e29947111e98c08",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"73bd7f8b5d7b967f0a5c84f207ab4452e96f6805",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"1cefb67a4b6809357ee9a5a9330ec3bcd3be42ab",name:"subheading"},this.subheading))),a("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"},a("co-icon",{key:"f32612853d42ea6f2c34b2554951b22d155d1afc",name:"caret-up",size:20}))),a("div",{key:"c3c90907e7114f20a917bae025012464182b8ea4",class:"co-accordion__body",part:"body"},a("div",{key:"44877e54213ae200cde25d5a2fb5ae4ed95b7df9",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"4ad41bab50239bb4ddca8ee8751afeb6dfb19227"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);cursor:pointer}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-md);transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{padding-top:0}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-slow)}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}.co-accordion--disabled .co-accordion__heading-group{cursor:default}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function d(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((e=>{switch(e){case"co-accordion":customElements.get(o(e))||customElements.define(o(e),r);break;case"co-icon":customElements.get(o(e))||t()}}))}d();const s=r,l=d;export{s as CoAccordion,l as defineCustomElement}