@prolibu-suite/cobalt-core 0.11.0 → 0.11.1

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-docs-2026-09-24/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-docs-2026-09-24/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-docs-2026-09-24/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}

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

@@ -1 +1 @@
-import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-B3kKOgsA.js";import{d as s}from"./p-BcXdId8y.js";const c=i(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=t(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"44994727b254742807ea5f9aa8eab97e621b623c",class:{"co-action-bar":!0,"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"},e("span",{key:"0a2c1c9a2d78c91616c7453cf464e6d0b35604e3",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"dc0f171a5daf70f1bc9d17cd9208449d778686b6",class:"co-action-bar__label",part:"label"},e("slot",{key:"68255bae861d9f3c5bdf1ebf49983487dfcc0086",name:"label"},this.label)),e("div",{key:"38b1b684b3c5b9aeddaf146219d977d9438804fa",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"6856aa1045f7a716fe33fc7b99f125175053325d"})),!1!==this.dismissible&&e("co-icon-button",{key:"558f6857a0e8128fdd7ead83947b27069d473539",class:"co-action-bar__dismiss",part:"dismiss",icon:"x",variant:"ghost",surface:"dark",size:"xs",label:"Dismiss",onClick:this.handleDismiss}))}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100% - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-color-base-blanco, #fff) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||n();break;case"co-icon-button":customElements.get(a(i))||s()}}))}r();const l=c,d=r;export{l as CoActionBar,d as defineCustomElement}
+import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-KK2vAKs-.js";import{d as s}from"./p-DsuFNmTI.js";const c=i(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=t(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"142b59b00b772502ea25dfb13537b9b3dd546080",class:{"co-action-bar":!0,"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"},e("span",{key:"8d250df3de2ac4a0c656f90e43f113d0cf2725e2",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"0787a2c1d6a145dd95c6cca688b8a410c50dd8db",class:"co-action-bar__label",part:"label"},e("slot",{key:"ece9079fc9e5a06a75b4f9ff4da8d5b9c0362bbf",name:"label"},this.label)),e("div",{key:"29a587420ce044ee0fa1502bef229c15ab287a79",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"359ce62b1f45b4c3292ee575b5a4bcf9c684fc07"})),!1!==this.dismissible&&e("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 watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100% - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-color-base-blanco, #fff) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||n();break;case"co-icon-button":customElements.get(a(i))||s()}}))}r();const l=c,b=r;export{l as CoActionBar,b as defineCustomElement}

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

@@ -1 +1 @@
-import{t as r,p as a,H as e,c as o,h as s,a as t}from"./index.js";const c=a(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return s(t,{key:"6c6062fe507ad4000b316f249063d4adeb781bc2"},s("aside",{key:"627e78f81460aecf933757d743a1517545055b90",class:"sidebar",part:"sidebar"},s("div",{key:"f76c26b2b7a702b1652cde3ec891f232b5974ffb",class:"sidebar__header",part:"sidebar-header"},s("slot",{key:"72f4e04eea092d465742874633eab234b7eb8dd5",name:"sidebar-header"})),s("div",{key:"9a1490ddb0cd566d8711b6b611d685500c2f2d3e",class:"sidebar__body",part:"sidebar-body"},s("slot",{key:"35c209d25f06da6627c4b09fe3e60fbf45f5f766",name:"sidebar"})),s("div",{key:"6b976c9326cd0fcb267910c3016d8c73a08ce793",class:"sidebar__footer",part:"sidebar-footer"},s("slot",{key:"66274387d3b63e0dd04369c29f4efa60de7c915e",name:"sidebar-footer"}))),s("div",{key:"6bb53ff220634d5363447c11a485c5c316a0a926",class:"main co-sq-elevation co-sq-elevation-fallback",part:"main"},s("div",{key:"a394d95b686319a3b6d24af6ea85b12c677c50d3",class:"main__card co-sq-clip",part:"card"},s("header",{key:"a71028e8efd157c9e38691a94e61c0e20d60c06d",class:"main__header",part:"header"},s("slot",{key:"a8e9e4efc55445d49f117f35740cf43241d867af",name:"navbar"})),s("main",{key:"b0dcd0b69e185076bbf0c3f7e102712a87bca4a0",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},s("slot",{key:"e0709811ba6219c5a71253440df09b4872264968"})))))}static get style(){return'.co-sq-elevation{border-radius:var(--co-sq-r);corner-shape:squircle;box-shadow:var(--co-sq-shadow)}.co-sq-clip{overflow:hidden;border-radius:var(--co-sq-r);corner-shape:squircle}@supports not (corner-shape: squircle){.co-sq-elevation{box-shadow:none}.co-sq-elevation-fallback{filter:var(--co-sq-drop-shadow)}.co-sq-clip{border-radius:0;--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");-webkit-mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat}}:host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient(     180deg,     var(--co-color-base-off-white) 0%,     var(--co-color-neutral-100) 50%,     var(--co-color-neutral-100) 100%   ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out);padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;contain:layout;--co-shell-r:var(--co-border-radius-md);--co-sq-r:var(--co-shell-r);--co-sq-shadow:var(--co-app-shell-shadow, 0 1px 4px rgba(31, 28, 27, 0.06), 0 10px 56px rgba(31, 28, 27, 0.12));--co-sq-drop-shadow:var(--co-app-shell-drop-shadow, drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12)))}.main__card{flex:1;min-height:0;display:flex;flex-direction:column}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.main__content--card{background:var(--co-semantic-surface-secondary)}'}},[257,"co-app-shell",{sidebarMode:[1537,"sidebar-mode"],contentCard:[4,"content-card"]}]);function i(){"undefined"!=typeof customElements&&["co-app-shell"].forEach((a=>{"co-app-shell"===a&&(customElements.get(r(a))||customElements.define(r(a),c))}))}i();const d=c,n=i;export{d as CoAppShell,n as defineCustomElement}
+import{t as a,p as r,H as e,c as o,h as c,a as s}from"./index.js";const t=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return c(s,{key:"94ecab3775bfc41a8579c1d1c76c9312160aebad"},c("aside",{key:"3ddf6675b4d7ce1697c48e3e5885c1e303cdbc5f",class:"sidebar",part:"sidebar"},c("div",{key:"b64ecb693c193e4c8b4ac1e2facce961487e56cf",class:"sidebar__header",part:"sidebar-header"},c("slot",{key:"83d961e15824aea7b5fa7cc9da616d2e05da0cce",name:"sidebar-header"})),c("div",{key:"971f6ae8a723d811f2062963ab370a803284d5f8",class:"sidebar__body",part:"sidebar-body"},c("slot",{key:"be55e67e6344346e92eaf086fa139bc3e763949d",name:"sidebar"})),c("div",{key:"5b6680a3368ce37e0e34f99e8544e0007d1131c2",class:"sidebar__footer",part:"sidebar-footer"},c("slot",{key:"b0f72b695b2d5fd89e30d64982f9f43370c81341",name:"sidebar-footer"}))),c("div",{key:"fa85fc8ea88350e90df48e3853429641d6527014",class:"main co-sq-elevation co-sq-elevation-fallback",part:"main"},c("div",{key:"7a258e3649bb03756d8e56c69e1777bb9006cd53",class:"main__card co-sq-clip",part:"card"},c("header",{key:"bdfc99ad70e4c9772da3e8c99d631d2f7cbd7436",class:"main__header",part:"header"},c("slot",{key:"f697503aac1963ba4c86e57d45e5e5a3fe4781ee",name:"navbar"})),c("main",{key:"ca66e612ed04f5f829a0b75ac509c01012a6b4a5",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},c("slot",{key:"b99b1ea67e4ae8c059a3dcb03c0a04bbc2af569b"})))))}static get style(){return'.co-sq-elevation{border-radius:var(--co-sq-r);corner-shape:squircle;box-shadow:var(--co-sq-shadow)}.co-sq-clip{overflow:hidden;border-radius:var(--co-sq-r);corner-shape:squircle}@supports not (corner-shape: squircle){.co-sq-elevation{box-shadow:none}.co-sq-elevation-fallback{filter:var(--co-sq-drop-shadow)}.co-sq-clip{border-radius:0;--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");-webkit-mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat}}:host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient(     180deg,     var(--co-color-base-off-white) 0%,     var(--co-color-neutral-100) 50%,     var(--co-color-neutral-100) 100%   ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out);padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;contain:layout;--co-shell-r:var(--co-border-radius-md);--co-sq-r:var(--co-shell-r);--co-sq-shadow:var(--co-app-shell-shadow, 0 1px 4px rgba(31, 28, 27, 0.06), 0 10px 56px rgba(31, 28, 27, 0.12));--co-sq-drop-shadow:var(--co-app-shell-drop-shadow, drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12)))}.main__card{flex:1;min-height:0;display:flex;flex-direction:column}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.main__content--card{background:var(--co-semantic-surface-secondary)}'}},[257,"co-app-shell",{sidebarMode:[1537,"sidebar-mode"],contentCard:[4,"content-card"]}]);function i(){"undefined"!=typeof customElements&&["co-app-shell"].forEach((r=>{"co-app-shell"===r&&(customElements.get(a(r))||customElements.define(a(r),t))}))}i();const d=t,n=i;export{d as CoAppShell,n as defineCustomElement}