@prolibu-suite/cobalt-core 0.8.0 → 0.9.0

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

@@ -21,13 +21,13 @@ export class CoTab {
     }
     render() {
         const iconSize = this.variant === 'underline' ? 16 : this.size === 'large' ? 18 : 14;
-        return (h("button", { key: 'b8673b45961dbde0d1227cc11c5901c3ac835a5f', class: {
+        return (h("button", { key: '85ffca32d8f2fb7c2be25e9b2cf8c0570a438f54', class: {
                 'co-tab': true,
                 [`co-tab--${this.size}`]: true,
                 [`co-tab--${this.variant}`]: true,
                 'co-tab--selected': this.selected,
                 'co-tab--disabled': this.disabled,
-            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (h("co-icon", { key: '56c288e6ef62ddbae146e433e7cbd5c26ac59671', name: this.iconLeft, size: iconSize })), h("span", { key: '0960be9c2f886e6997d34e430c80a5c7ffad15d5' }, this.label), this.badge && (h("span", { key: '38c8c970f55ce333b950746d65e166bddc6877e4', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (h("co-icon", { key: '70b527b463734e8181287cf1c6f0b499e9b3825c', name: this.iconRight, size: iconSize }))));
+            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (h("co-icon", { key: 'a5084c288fbbf42f418450343b0cbcd1c36f3553', name: this.iconLeft, size: iconSize })), h("span", { key: '9dda4ae43156ee5e7274de262fb0df601b9a2221' }, this.label), this.badge && (h("span", { key: '84205996d20e27a69ac6dc49f88bf690ef9bb33d', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (h("co-icon", { key: '7281ba1b981fca02a57b28f461877d2aa831e360', name: this.iconRight, size: iconSize }))));
     }
     static get is() { return "co-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,10 +49,10 @@ export class CoTabGroup {
         });
     }
     render() {
-        return (h("div", { key: 'cdc42835ffb5727ceb6de152ccf91064ebfc9cf9', class: {
+        return (h("div", { key: '8987563ec721e13e7cbc186b11ab4c6b28f82068', class: {
                 'co-tab-group': true,
                 [`co-tab-group--${this.variant}`]: true,
-            }, role: "tablist", part: "tab-group", onWheel: this.onWheel }, h("slot", { key: '2815afe02e2e34378cd33f0d6a21e2fe658eac53', onSlotchange: this.onSlotChange })));
+            }, role: "tablist", part: "tab-group", onWheel: this.onWheel }, h("slot", { key: '9adad54c12867486cdf0677e92f5c5007f2b55e1', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "co-tab-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-tags-field/co-tags-field.css

@@ -68,7 +68,7 @@
   background: var(--co-semantic-surface-page);
   border: 1px solid var(--co-semantic-border-field);
   border-radius: var(--co-border-radius-xs);
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+  transition: border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);
   min-height: 40px;
   box-sizing: border-box;
   flex: 1;
@@ -145,7 +145,7 @@
   background: transparent;
   cursor: pointer;
   color: var(--co-semantic-text-muted);
-  transition: color 0.1s ease;
+  transition: color var(--co-motion-duration-fast) var(--co-motion-ease-out);
   flex-shrink: 0;
 }
 
@@ -201,7 +201,7 @@
   background: transparent;
   cursor: pointer;
   color: var(--co-semantic-text-muted);
-  transition: color 0.15s ease;
+  transition: color var(--co-motion-duration-fast) var(--co-motion-ease-out);
 }
 
 .co-tags-field__clear--hidden {

package/dist/collection/components/co-tags-field/co-tags-field.js

@@ -186,14 +186,14 @@ export class CoTagsField {
         const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
         const helper = this.isInvalid ? this.errorMessage : this.helperText;
         const showInput = !this.readonly && !this.atCapacity;
-        return (h("div", { key: '47f84ca4f1ca42b71bb652f557e5a8718ab5a463', class: {
+        return (h("div", { key: '1cddcc09b84bd9986332518809b22727e0ea6be8', class: {
                 'co-tags-field': true,
                 'co-tags-field--disabled': this.disabled,
                 'co-tags-field--focused': this.hasFocus,
                 'co-tags-field--filled': this.hasValue,
                 'co-tags-field--invalid': this.isInvalid,
                 [`co-tags-field--${this.size}`]: true,
-            }, part: "wrapper" }, this.label && (h("div", { key: '718b221eab4b3e7ed2397bde6e13a3f5f8c5f703', class: "co-tags-field__labels" }, h("label", { key: 'e3479f790451e5d2e7d89977f88af29db2bd3269', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: '5a544537e8a663a53bc44d3333788e1fa1270112', required: this.required })))), h("div", { key: '0174ad7bb299efa97d98450de80c4c8dd9378f35', class: "co-tags-field__field-row" }, h("div", { key: '25b80d7f435195f9c789f4eb8553d3c326984b31', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: 'b4eb779b42ffc118e584d36ff6896de6e39148bc', class: "co-tags-field__input-wrapper" }, tags.map((tag, index) => this.editingIndex === index ? (h("input", { key: `edit-${index}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
+            }, part: "wrapper" }, this.label && (h("div", { key: '2a17c1550fb77d74795e29019865decf25b62637', class: "co-tags-field__labels" }, h("label", { key: 'b4fa98a4375ebf9cb09854528bae440310dd6e7a', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: '491ec28ffeade76cc659e5920654d4b25474348b', required: this.required })))), h("div", { key: '5959a21a0586e453bdd260a32aa4e9e6f9ee5b97', class: "co-tags-field__field-row" }, h("div", { key: 'babe8f7f15287758aaa6e644edbdd20bea271085', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: '6f2a17374c0fd13463cd62f9596f7ff896b0b4b4', class: "co-tags-field__input-wrapper" }, tags.map((tag, index) => this.editingIndex === index ? (h("input", { key: `edit-${index}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
         // Shared field-chip (utils/fieldChip.tsx) per the Figma
         // "Tipo=Chips" spec — same look as co-ref-field's chips.
         h(FieldChip, { key: `chip-${index}-${tag}`, baseClass: "co-tags-field__chip", label: tag, title: tag, onChipDblClick: () => this.startEdit(index), onRemove: !this.disabled && !this.readonly
@@ -201,13 +201,13 @@ export class CoTagsField {
                     e.stopPropagation();
                     this.removeTag(index);
                 }
-                : undefined }))), showInput && (h("input", { key: '35e2946e38d6b3e69e1a1cdad49ade9999ad1c48', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (h("button", { key: '1be954210a0d61e36cf987d12127594119b40095', class: {
+                : undefined }))), showInput && (h("input", { key: '13fb645e7da2b931d565591cdca76010cc585d3d', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (h("button", { key: 'c7285e54cc7fbad03c5f0b107d01c31e63204f4b', class: {
                 'co-tags-field__clear': true,
                 'co-tags-field__clear--hidden': !showClear,
-            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: 'c1a4975e339115a6a2fc933a2d73a3d5ff0b4653', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: 'bd3e4bf286efe97939e9933d3b4c3bda0909f54f', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: 'e32c923da1928cfa6bc1bf041e257e41809df047', class: {
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: '9361a6e3f0d35bb2e976106a77dd6ee3c0053490', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: 'b0d3ea0609153c6237337bdf7463d3eaac0977d5', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: 'be4a5527ef638303d3c4583063a364f03a26fbf6', class: {
                 'co-tags-field__helper': true,
                 'co-tags-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: '8ab523ee51f9f3525985d6f7ec5b0cede3dd1d61', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: '24641df824075583a1ece04e202b6f419a99c54d', class: "co-tags-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'b945852d4bc7cebf2440afb5507be3151009a789', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: '92a7ac0cc4d84f63a4c9ca4b17c922bae485ffd6', class: "co-tags-field__helper-text" }, helper)))));
     }
     static get is() { return "co-tags-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@
   background: var(--co-semantic-surface-page);
   border: 1px solid var(--co-semantic-border-field);
   border-radius: var(--co-border-radius-xs);
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+  transition: border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);
   box-sizing: border-box;
   overflow: hidden;
 }
@@ -157,7 +157,7 @@
   color: var(--co-semantic-text-muted);
   cursor: pointer;
   padding: 0;
-  transition: color 0.15s ease, background 0.15s ease;
+  transition: color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out);
 }
 
 .co-textarea__clear:hover {

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

@@ -76,7 +76,7 @@ export class CoTextarea {
         const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
         const isOverLimit = this.maxLength != null && this.charCount > this.maxLength;
         const statusClass = this.status !== 'default' ? `co-textarea--${this.status}` : '';
-        return (h("div", { key: '83cddaf39334bbd1ee8c3c2804bf879a1678be31', class: {
+        return (h("div", { key: '9d323b813a3c11f045f48556233675ce07ceb79d', class: {
                 'co-textarea': true,
                 'co-textarea--disabled': this.disabled,
                 'co-textarea--focused': this.hasFocus,
@@ -85,13 +85,13 @@ export class CoTextarea {
                 [`co-textarea--${this.size}`]: true,
                 [statusClass]: !!statusClass,
                 'co-textarea--flat': this.variant === 'flat',
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '78e5e03b10e3d19e565fc5a617efa42f4a0102c3', class: "co-textarea__labels" }, this.label && (h("label", { key: '65bde2a35c48be79ae04aa0d2b040970cdad7b8c', class: "co-textarea__label", part: "label" }, this.label, h(RequiredMark, { key: 'd46b4a35d8daeff39cdaaed33c9d4b38071d0663', required: this.required }))), this.secondaryLabel && (h("span", { key: '526f358820bedf0184f9353d0cad8fe54afb1557', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), h("div", { key: 'f9133145a9a50f963bafb10546e6f46fa3dbfedf', class: "co-textarea__field", part: "field" }, h("textarea", { key: '83e91e506c84939b4c4ff06da316c81e38540ea1', ref: (el) => (this.textareaEl = el), class: {
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: 'efd2f5901bbb5e9ecd6ef6cecf9c58917dc310bc', class: "co-textarea__labels" }, this.label && (h("label", { key: '006c3e9b5b219164e1794617e0fee742a195f18e', class: "co-textarea__label", part: "label" }, this.label, h(RequiredMark, { key: '7a2842c50c8151104fb529bba60ea02045384744', required: this.required }))), this.secondaryLabel && (h("span", { key: '76798fcfeae6ed5f7fa7dcd5be4c5c32fc345198', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), h("div", { key: '8ea7e80d1d39807d4b5097a7c010e79726caf6cf', class: "co-textarea__field", part: "field" }, h("textarea", { key: 'aeed03e98299c0bbdc11dc35c7ffb8964b5f5785', ref: (el) => (this.textareaEl = el), class: {
                 'co-textarea__native': true,
                 [`co-textarea__native--resize-${this.resize}`]: true,
-            }, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (h("button", { key: '5fd7d570f0fa628fd69739b1245892791073a04a', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: 'aa8d7ec05dae2ffc62caa62261d7a26fb0c74f72', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (h("div", { key: 'bf78c1beb45928d0494699bd4fa108c9941d4011', class: "co-textarea__footer" }, this.helperText && (h("div", { key: '6a607e88c55a7c370e319a6972be00ca92beab53', class: {
+            }, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (h("button", { key: '886cea9e161fff68046654f854a110f8fbefa320', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '8f1055f7e0ea57b0811c0bed69e41fb7e70aaf34', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (h("div", { key: '998fe8b200baac9f1f8198747b05f6836fedeb3d', class: "co-textarea__footer" }, this.helperText && (h("div", { key: 'deef703967cf1e57dab1a6df16b2e04139e41ed5', class: {
                 'co-textarea__helper': true,
                 'co-textarea__helper--error': this.status === 'error',
-            }, part: "helper" }, this.status === 'error' && (h("co-icon", { key: 'd5b027fb53b600f7a527ffddb3a819463b360255', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), h("span", { key: '9e180c6e956efa75558dc1d3027f28760d3d39d4', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (h("span", { key: 'cc32a43d1e804910dbb948e9dd004fe36d428a1e', class: {
+            }, part: "helper" }, this.status === 'error' && (h("co-icon", { key: '6f42cf1cb23657ca1db2cb2b5db5a4bbad94c05b', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), h("span", { key: '85ab87ee37978ee22fffbca0cfc75d9609b97212', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (h("span", { key: '97a0c33e19dc4f39da62daadb3122a1373884622', class: {
                 'co-textarea__counter': true,
                 'co-textarea__counter--over': isOverLimit,
             }, part: "counter" }, this.charCount, "/", this.maxLength))))));

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

@@ -110,7 +110,7 @@
   color: var(--co-toast-dismiss-color);
   cursor: pointer;
   flex-shrink: 0;
-  transition: opacity 0.15s ease;
+  transition: opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);
   -webkit-font-smoothing: antialiased;
 }
 
@@ -214,3 +214,65 @@
   background: var(--co-color-primary-azul, #2563eb);
   transition: width 0.3s ease;
 }
+
+/* ─── Entrada (on-mount) ─────────────────────────────────────────────
+ * co-toast se monta/desmonta desde afuera y no tiene estado `open`: nace
+ * oculto y un frame después del mount el propio componente se marca
+ * `.co-toast--in` (@State `entered` en co-toast.tsx). La SALIDA sigue
+ * siendo del host.
+ *
+ * Todo esto ocurre en el nodo INTERNO `.co-toast`, nunca en `:host`, por dos
+ * motivos independientes:
+ *   1. El transform: el contenedor que apila los toasts ya usa el transform
+ *      del host para su enter/leave/move (p. ej. el TransitionGroup de
+ *      suite-v2), y dos transforms sobre el mismo nodo se pisan. Un único
+ *      nodo lleva el transform de entrada.
+ *   2. La bandera: el host es del consumidor. Vue (y cualquiera que use
+ *      `setAttribute('class', …)`) reescribe `className` ENTERO al patchear
+ *      un `:class` dinámico, borrando la clase — y con `opacity: 0` de base
+ *      el toast quedaría invisible para siempre. Dentro del shadow es
+ *      inmune. */
+
+.co-toast {
+  opacity: 0;
+  transform: translateY(8px) scale(0.98);
+}
+
+.co-toast--in {
+  opacity: 1;
+  transform: none;
+  transition:
+    opacity var(--co-motion-duration-base) var(--co-motion-ease-out),
+    transform var(--co-motion-duration-base) var(--co-motion-ease-out);
+}
+
+/* Success entra con pop: el transform rebota (spring) y dura un poco más.
+ * La opacidad se queda en base/ease-out — un spring sobre opacity
+ * sobrepasaría de 1 y el rebote no se vería, solo se recortaría.
+ * Ambas clases caen en el MISMO nodo, así que el selector compuesto tiene
+ * más especificidad (0,2,0) que `.co-toast--in` (0,1,0) y gana sin depender
+ * del orden. */
+.co-toast--in.co-toast--success {
+  transition:
+    opacity var(--co-motion-duration-base) var(--co-motion-ease-out),
+    transform var(--co-motion-duration-slow) var(--co-motion-ease-spring);
+}
+
+/* ─── Check dibujado (success sin icono propio) ──────────────────────
+ * Mismo patrón que el glyph de co-checkbox: pathLength="1" normaliza el
+ * trazo a 1 unidad, así dasharray/dashoffset 1 = "sin dibujar" y 0 =
+ * "dibujado". El path se monta ya con su estado inicial, y la transición
+ * se declara SOLO en el estado final para que no haya dibujo inverso. */
+
+.co-toast__check path {
+  stroke-dasharray: 1;
+  stroke-dashoffset: 1;
+}
+
+/* Se dibuja con la misma clase que la entrada, pero con un delay `fast`:
+ * el toast aterriza primero y el check se traza encima. */
+.co-toast--in .co-toast__check path {
+  stroke-dashoffset: 0;
+  transition: stroke-dashoffset var(--co-motion-duration-slow)
+    var(--co-motion-ease-out) var(--co-motion-duration-fast);
+}

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

@@ -20,6 +20,15 @@ const ALERT_VARIANTS = ['error', 'warning'];
  */
 export class CoToast {
     constructor() {
+        /**
+         * Bandera de entrada. Vive en el SHADOW (clase del root interno), no en el
+         * host: el host es de quien monta el toast, y frameworks como Vue asignan
+         * `el.className` ENTERO al patchear un `:class` dinámico — una bandera puesta
+         * ahí con `classList.add` se borraría y, como el estado base es `opacity: 0`
+         * y `componentDidLoad` ya corrió, el toast quedaría invisible para siempre
+         * sin forma de recuperarse. Adentro del shadow nadie puede pisarla.
+         */
+        this.entered = false;
         /** Toast message (title row) */
         this.message = '';
         /** Show dismiss (X) button */
@@ -29,6 +38,20 @@ export class CoToast {
         /** Semantic variant — drives left accent color, icon tint, default icon, and announced ARIA role. */
         this.variant = 'neutral';
     }
+    /**
+     * El toast se monta/desmonta desde afuera y no tiene estado `open`, así que
+     * la entrada la dispara él mismo: nace oculto (CSS) y un frame después del
+     * mount se marca `.co-toast--in` en el root interno, que es lo que la
+     * transición interpola. El rAF es obligatorio — cambiar el estado en el
+     * mismo frame que el markup dejaría un solo recálculo de estilo y la
+     * transición no arrancaría.
+     * La SALIDA sigue siendo del host (ver comentario "Entrada" en el CSS).
+     */
+    componentDidLoad() {
+        requestAnimationFrame(() => {
+            this.entered = true;
+        });
+    }
     render() {
         var _a;
         const hasDescription = !!this.description;
@@ -37,7 +60,13 @@ export class CoToast {
         const clampedProgress = hasProgress
             ? Math.max(0, Math.min(100, this.progress))
             : 0;
-        const resolvedIcon = (_a = this.icon) !== null && _a !== void 0 ? _a : (hasProgress ? 'upload-simple' : DEFAULT_ICON[this.variant]);
+        // Success sin icono propio dibuja su check en vez del co-icon por defecto.
+        // Con `icon` custom manda el consumidor; con `progress` manda el icono de
+        // subida (azul), que es la señal de la barra — ninguno de los dos se pisa.
+        const drawsCheck = this.variant === 'success' && !this.icon && !hasProgress;
+        const resolvedIcon = drawsCheck
+            ? null
+            : (_a = this.icon) !== null && _a !== void 0 ? _a : (hasProgress ? 'upload-simple' : DEFAULT_ICON[this.variant]);
         const role = ALERT_VARIANTS.includes(this.variant) ? 'alert' : 'status';
         const rootClass = {
             'co-toast': true,
@@ -45,9 +74,10 @@ export class CoToast {
             'co-toast--multiline': hasDescription,
             'co-toast--stacked': isStacked,
             'co-toast--progress': hasProgress,
+            'co-toast--in': this.entered,
         };
-        const content = (h("div", { key: '4727f0b593050826892f25a3da53fd42edfad744', class: "co-toast__content" }, h("span", { key: '8c1a29b562d9a8b6aed4a60bef8be39647fc8b7a', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: 'ccb7b545065311525ba40d7e066dd1dc12be995f', class: "co-toast__description" }, this.description))));
-        return (h("div", { key: '49d0d786f54a7d9e9fb648dd4aa0dd0e1122ecdc', class: rootClass, part: "toast", role: role }, resolvedIcon && (h("span", { key: 'f67cff3e6b14cbe9be11090c17cb33fb7dd944e9', class: "co-toast__icon" }, h("co-icon", { key: '6c45e2ad5d844228f4352f0593bb111b23b715b9', name: resolvedIcon, size: 20 }))), h("div", { key: '61942396846ec88cc1fb8ee04b4da6b5e9541b11', class: "co-toast__body" }, hasProgress ? (h("div", { class: "co-toast__progress" }, h("div", { class: "co-toast__progress-header" }, content, h("span", { class: "co-toast__percent" }, clampedProgress, "%")), h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (h("div", { key: '48cbdafb944ddac91c62154f59b08c7401e7ca9f', class: "co-toast__actions" }, h("slot", { key: '15d119f0724e3bf791ed65bba140bff394395396', name: "action" })))), !isStacked && (h("div", { key: '87cc2aa477b3ede5ec648047b920d6747360a712', class: "co-toast__actions" }, h("slot", { key: 'bdecde963be2ce12ef437b3524bab17ffd51a200', name: "action" }))), this.dismissible && (h("button", { key: '1da56cebd4714f72b3396ff7c00405341654c421', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: 'a0061ab640565171efc109a790a599adf4f90b86', name: "x", size: 16 })))));
+        const content = (h("div", { key: '5782bc9fab6ba26b7a73628f3d4155d8c8b948b5', class: "co-toast__content" }, h("span", { key: 'e10a34acb31b7486fe3d26b8dce48e80d643181e', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: '8b6d2c9db99fe292b5a7d183c4a7a43d8b551f7d', class: "co-toast__description" }, this.description))));
+        return (h("div", { key: '30b8670f843101c9c3c409fa89f06d4e86167bc2', class: rootClass, part: "toast", role: role }, (drawsCheck || resolvedIcon) && (h("span", { key: 'e1420c1642606f7687fd7f093881e077b627cdc0', class: "co-toast__icon" }, resolvedIcon ? (h("co-icon", { name: resolvedIcon, size: 20 })) : (h("svg", { class: "co-toast__check", viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true" }, h("path", { d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '400ec792a47ad70c8c43dbf4ee2893e0424423bb', class: "co-toast__body" }, hasProgress ? (h("div", { class: "co-toast__progress" }, h("div", { class: "co-toast__progress-header" }, content, h("span", { class: "co-toast__percent" }, clampedProgress, "%")), h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (h("div", { key: 'f23e18bdd93f6edc8b1a5af7bf78bcc73e0b7659', class: "co-toast__actions" }, h("slot", { key: '690f4816bd3cdbfbefd1c3942aea88c4be1bdd9b', name: "action" })))), !isStacked && (h("div", { key: '9c26cb590848ff43481fa1073b97b5199dde01ca', class: "co-toast__actions" }, h("slot", { key: 'ee2e7247f74064bfbd88fae99b3c6924db37e4be', name: "action" }))), this.dismissible && (h("button", { key: 'd061e369a02d7ebb5fd851bd20554dfbf149e536', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: '8d8ce58403181a0710bf16cc21b1f4f3a10be8f3', name: "x", size: 16 })))));
     }
     static get is() { return "co-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -214,6 +244,11 @@ export class CoToast {
             }
         };
     }
+    static get states() {
+        return {
+            "entered": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "coDismiss",

package/dist/collection/components/co-toggle-button/co-toggle-button.css

@@ -32,7 +32,7 @@
   font-family: var(--co-font-family-primary);
   font-weight: 500;
   cursor: pointer;
-  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+  transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);
   white-space: nowrap;
   box-sizing: border-box;
   line-height: 1;

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

@@ -18,13 +18,13 @@ export class CoToggleButton {
     render() {
         const iconSize = this.variant === 'track' ? 18 : this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
         const iconWeight = this.selected && this.selectedIconWeight ? this.selectedIconWeight : undefined;
-        return (h("button", { key: '6beac8a34985f6a26940ec47f311d39f4d9c9638', class: {
+        return (h("button", { key: '8e7cae7ef747e0f9c1dae261c4a405ab067f3682', class: {
                 'co-toggle-button': true,
                 'co-toggle-button--selected': this.selected,
                 [`co-toggle-button--${this.size}`]: true,
                 'co-toggle-button--disabled': this.disabled,
                 'co-toggle-button--icon-only': !this.label && (!!this.iconLeft || !!this.iconRight),
-            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, h("slot", { key: 'fdf638c8ef852a470dd3a0adeae95ed4c2edb859', name: "leading" }), this.iconLeft && h("co-icon", { key: '1d3e827014602f30963ecd6d052483d94fa7ee21', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: 'dddc3ca99579d68c8db7239e161f556e92ab2061', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: 'bc6f81715ab9396e9d47e22ccb32f84d3f0203c8', name: this.iconRight, size: iconSize, weight: iconWeight })));
+            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, h("slot", { key: 'e1d87665d05262e7b254d1a794837a9ae498abed', name: "leading" }), this.iconLeft && h("co-icon", { key: '0ecf3a91f22ac583166ebc823eedd1b889b708cb', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: '25cc1de5e1d12cd7d3cc575ce82b9e4f87f91afd', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: '15b8d7d2c140185ebfd2f53e8afcd52590a42243', name: this.iconRight, size: iconSize, weight: iconWeight })));
     }
     static get is() { return "co-toggle-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,13 +65,13 @@ export class CoToggleButtonGroup {
         });
     }
     render() {
-        return (h("div", { key: 'd0fbc22ed60159af08811ea30833ca32c5c6ec0e', class: {
+        return (h("div", { key: 'b8ab02efbc0d6d8490f5ab75af56290f05f45e6e', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
                 [`co-toggle-button-group--${this.variant}`]: true,
                 'co-toggle-button-group--disabled': this.disabled,
                 'co-toggle-button-group--full': this.fullWidth,
-            }, role: "group" }, h("slot", { key: '382d16e587f014f0fde656c1b82e095eda0e06ee' })));
+            }, role: "group" }, h("slot", { key: 'a43e7b7faf9051abac32eda76634ada88f0e3d5f' })));
     }
     static get is() { return "co-toggle-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@
   word-wrap: break-word;
 
   /* Entry animation */
-  transition: opacity 0.15s ease, transform 0.15s ease;
+  transition: opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out);
 }
 
 .co-tooltip__panel--positioned {

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

@@ -28,12 +28,17 @@ export class CoTooltip {
         // ── State ──────────────────────────────────────────────────
         this.visible = false;
         this.actualPlacement = 'top';
+        /** Activación del trigger (click/tap): el tooltip se oculta y queda
+         *  SUPRIMIDO hasta que el puntero salga y vuelva a entrar (o el foco salga).
+         *  Sin esto, el tooltip re-aparece SOBRE el menú/popover que el click abrió
+         *  (el botón conserva hover+focus). El foco por teclado no suprime. */
+        this.suppressed = false;
         this.scrollParents = [];
         this.cachedOffsetAncestor = null;
         this.offsetAncestorComputed = false;
         // ── Show / Hide ────────────────────────────────────────────
         this.scheduleShow = () => {
-            if (this.disabled || !this.content)
+            if (this.disabled || !this.content || this.suppressed)
                 return;
             this.clearHideTimeout();
             if (this.visible)
@@ -59,12 +64,18 @@ export class CoTooltip {
             this.scheduleShow();
         };
         this.handleMouseLeave = () => {
+            this.suppressed = false;
             this.scheduleHide();
         };
+        this.handlePointerDown = () => {
+            this.suppressed = true;
+            this.hideImmediate();
+        };
         this.handleFocusIn = () => {
             this.scheduleShow();
         };
         this.handleFocusOut = () => {
+            this.suppressed = false;
             this.scheduleHide();
         };
         this.handleKeyDown = (e) => {
@@ -214,7 +225,7 @@ export class CoTooltip {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (h("div", { key: '8ab4d7116108f417bbab303c915ddb3c043f6a17', class: "co-tooltip" }, h("div", { key: '8706169462a807aacfb9c3ec102e51d35749ac4a', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: 'd24dca7da5d8d25e6bb153fd224f3a2dbe15c2bd' })), this.visible && this.content && (h("div", { key: '7b1b9e5629d57f54345889f6b79f0cd40957d916', id: "tooltip-panel", class: {
+        return (h("div", { key: '5a96ea6ece5fc1b0f0479013317ce436a6d1c7a1', class: "co-tooltip" }, h("div", { key: 'fec326dce031c56e8f03963dd681bf63f80e3438', 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: 'a480bf1d93a8a234c7d903fc5e4008b40b75c6ed' })), this.visible && this.content && (h("div", { key: '8ed6640fd0e44f115efeaf41994804030749bc0c', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
             }, role: "tooltip", popover: "manual", ref: (el) => {
@@ -223,7 +234,7 @@ export class CoTooltip {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: 'a2bb874fff12aba894ae13fb3cfddb6e5c2558c5', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: '429590eda59470e35fc9dd005a97fb53af39c9e2', class: "co-tooltip__content" }, this.content)))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: 'ed6b26c594bddbb9d5d044a279f481c37194dd4c', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'd776ef95bc1ff38c6128ce1557ac6d0929ca063a', class: "co-tooltip__content" }, this.content)))));
     }
     static get is() { return "co-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -764,7 +764,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   padding: var(--co-spacing-sm2) var(--co-spacing-sm2);
   border-radius: var(--co-border-radius-xxs, 4px);
   cursor: pointer;
-  transition: background 0.1s ease;
+  transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out);
 }
 
 .co-transfer-list__item:hover {
@@ -791,7 +791,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   border: 1px solid var(--co-semantic-border-default);
   background: transparent;
   flex-shrink: 0;
-  transition: background 0.15s ease, border-color 0.15s ease;
+  transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);
   color: var(--co-semantic-on-primary);
 }
 
@@ -836,7 +836,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   color: var(--co-semantic-text-default);
   cursor: pointer;
   padding: 0;
-  transition: background 0.15s ease;
+  transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out);
 }
 
 .co-transfer-list__btn:hover:not(:disabled) {

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

@@ -117,11 +117,11 @@ export class CoTransferList {
         this.osInstances = [];
     }
     render() {
-        return (h("div", { key: 'a66d26c3f7d91cc1ad33a1c347637d6c03e13a2e', class: {
+        return (h("div", { key: '9a616d53e0fe957aec9e59ea5d199c09d4083297', class: {
                 'co-transfer-list': true,
                 'co-transfer-list--disabled': this.disabled,
                 [`co-transfer-list--${this.status}`]: this.status !== 'default',
-            } }, this.label && h("label", { key: '08cf6b7951890739f73e79edf2dd76a4de5131c3', class: "co-transfer-list__label" }, this.label), h("div", { key: 'e83826673d6ba30e6700bd4401c122820a5db9be', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: '7e65ed93739f9eed3160d4ff26ff3c3bf8f7f48e', class: "co-transfer-list__actions" }, h("button", { key: 'cc4a2b991dc65f2660e589e7f11122359a465aec', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: 'def57d75c3ed67224f023e6de630de2fa0cb3043', name: "caret-double-right", size: 16 })), h("button", { key: 'd072365087785e09a0a34a3e3f9f2b9f5e56e1df', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: 'd298964acff41d2dc6c4d6eb39ae9bcc916973dc', name: "caret-right", size: 16 })), h("button", { key: '5c3cc98de6ee806d35f6369623cbbc7ffdf906b7', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '04084366aa7437612e8dee522f94266db6bea4cd', name: "caret-left", size: 16 })), h("button", { key: '3fa6e88f7ec9ea49b34d5f18cbccf21124509bff', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: 'fd0a35d20f5d7a8c1b4fb2010bb82e19cbc07225', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: 'd4cca5feb1972a4a43039bf68780e1ef43bba802', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '065ecb392fb716cc2df70eb01993e89f3fa14ad6', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: '293fd383071786d53318b2f2c2713fed39400a21', class: "co-transfer-list__helper-text" }, this.helperText)))));
+            } }, this.label && h("label", { key: '24302a86a4f08e1ddcbbe9535b5b12b6ee94c25d', class: "co-transfer-list__label" }, this.label), h("div", { key: 'bd7ad2f3b43d126bc230be464f2e25cd4a3949d3', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: 'e647f1e14d17e47cd82fa12ee1b28af48ba0aad7', class: "co-transfer-list__actions" }, h("button", { key: 'd4be83c7e045c082ad9e740893fa3df1201a7c4d', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: 'ae0b82548e8ba9f7adf3fc21c82b99fad0b9e2a3', name: "caret-double-right", size: 16 })), h("button", { key: '31bcece1626c32ab14c942169ea292456af32f5f', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: '014f67a3bb60923eceb398f1daa2a828520edbc3', name: "caret-right", size: 16 })), h("button", { key: '667465966f2951dbd1a67379fcb9a5267171bb07', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '1ca76a18e2b600c59d582f772d11734759a01f91', name: "caret-left", size: 16 })), h("button", { key: 'f6dd471e953cd8e1015dd692028a6142ad23c48b', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: '1c153936bda438f919da2637b7b865d40bd80c4c', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: '319b978ec04dce9abb1f8d48cb43cbc3939428db', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'cae67b4fbf235a07f23e8e368cd345333f239f5d', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: 'c0812b03a33d8543ffd19b3c34f071ae59a31876', class: "co-transfer-list__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-transfer-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -150,7 +150,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: transform 0.2s ease, background 0.2s ease;
+  transition: transform var(--co-motion-duration-base) var(--co-motion-ease-out), background var(--co-motion-duration-base) var(--co-motion-ease-out);
 }
 
 .co-video__big-play:hover .co-video__big-play-circle {
@@ -193,7 +193,7 @@
   font-family: var(--co-font-family-primary);
   font-size: var(--co-font-size-14);
   cursor: pointer;
-  transition: background 0.15s ease, border-color 0.15s ease;
+  transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);
 }
 
 .co-video__error-retry:hover {
@@ -214,7 +214,7 @@
   padding: var(--co-spacing-3xl) var(--co-spacing-lg) var(--co-spacing-md);
   z-index: 5;
   opacity: 1;
-  transition: opacity 0.3s ease;
+  transition: opacity var(--co-motion-duration-slow) var(--co-motion-ease-out);
 }
 
 .co-video__controls--hidden {
@@ -229,7 +229,7 @@
   width: 100%;
   height: var(--co-video-progress-height);
   cursor: pointer;
-  transition: height 0.15s ease;
+  transition: height var(--co-motion-duration-fast) var(--co-motion-ease-out);
   margin-bottom: var(--co-spacing-sm);
   outline: none;
   touch-action: none;
@@ -261,7 +261,7 @@
   height: 100%;
   background: var(--co-video-buffered);
   border-radius: var(--co-border-radius-full);
-  transition: width 0.3s ease;
+  transition: width var(--co-motion-duration-slow) var(--co-motion-ease-out);
 }
 
 .co-video__progress-played {
@@ -281,7 +281,7 @@
   border-radius: var(--co-border-radius-full);
   background: var(--co-video-accent);
   transform: translate(-50%, -50%) scale(0);
-  transition: transform 0.15s ease;
+  transition: transform var(--co-motion-duration-fast) var(--co-motion-ease-out);
   pointer-events: none;
 }
 
@@ -319,7 +319,7 @@
   cursor: pointer;
   border-radius: var(--co-border-radius-xs);
   padding: 0;
-  transition: background 0.15s ease;
+  transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out);
   flex-shrink: 0;
 }
 
@@ -359,7 +359,7 @@
 .co-video__volume-slider-wrap {
   width: 0;
   overflow: hidden;
-  transition: width 0.2s ease, opacity 0.2s ease;
+  transition: width var(--co-motion-duration-base) var(--co-motion-ease-out), opacity var(--co-motion-duration-base) var(--co-motion-ease-out);
   opacity: 0;
 }
 
@@ -452,7 +452,7 @@
   cursor: pointer;
   background: transparent;
   border: none;
-  transition: background 0.1s ease;
+  transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out);
   text-align: left;
 }
 

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

@@ -789,14 +789,14 @@ export class CoVideo {
     // ═══════════════════════════════════════════════════
     render() {
         const aspectClass = `co-video--${this.aspectRatio.replace(':', '-')}`;
-        return (h(Host, { key: '84f6b42de6891f2f2edfe03c99a2155192aad672' }, h("div", { key: 'eaf5c690f824b60e450231b3997f344fcd83c5ce', class: {
+        return (h(Host, { key: '4ce2bbc8f36581a0683493f8690a788b7aa79873' }, h("div", { key: '15aca30a1ab1397d4135e350ba027b1b050e908b', 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: '8a527d30327bc057b6a939a359d20e7c929e79ec', 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: 'f97ddd2e572343b6131f96a35c5a5f7bb2b0b8ef', 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: '314574fe3e636ac479ee73fb429d14aeaba3371c', 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: '6883591629786aea9faed0d2c239942ba1900fad', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
     }
     static get is() { return "co-video"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/co-accordion.js

@@ -1 +1 @@
-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-DbISGXT_.js";const n=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",7),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))}}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:"4e2089349432ce39bb797397aacaebd022fcbcee",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"4337878858bd31822201a925010f3150568fa056",class:"co-accordion__header",part:"header"},a("span",{key:"cf69c69cc786981ca6bd54bd0f6a6c38a3baa0b6",class:"co-accordion__heading-group"},a("span",{key:"0e7efd52e6d48c35ce0270485e8ce6099c6a3302",class:"co-accordion__heading",part:"heading"},a("slot",{key:"b575ce7ae5611007490724f430819f083781f84d",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"996a58f3f3b5cd656849b413b0f998675452cc2f",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"a9029aa67f51162ad54c010d23bf20545883ef45",name:"subheading"},this.subheading))),a("button",{key:"757286aaf2914fe7d32fc14ab0f5de57ffeab48c",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:"b4c3c96489a30607727a44955dbff2d504ef2b6e",name:"caret-up",size:20}))),a("div",{key:"bd56b12cbd7484f61fec140740312800536d7b18",class:"co-accordion__body",part:"body"},a("div",{key:"1f2ff56e7bd7a49f8484c988ecdf434d108ef4ed",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"25ef25609ccece786a05709d90a32e7e135fec72"}))))}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)}.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 0.2s ease, background-color 0.15s ease;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 0.25s ease}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:visibility 0s linear 0.25s}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition: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}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function r(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((e=>{switch(e){case"co-accordion":customElements.get(o(e))||customElements.define(o(e),n);break;case"co-icon":customElements.get(o(e))||t()}}))}r();const s=n,d=r;export{s as CoAccordion,d as defineCustomElement}
+import{t as o,p as a,H as c,c as e,h as i}from"./index.js";import{d as t}from"./p-BCnjq3jN.js";const n=a(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=e(this,"coToggle",7),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))}}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 i("div",{key:"0f3dbc80f6d32d3fb9c662430880c64e46208d68",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},i("div",{key:"bf832d3fdcce29d2e784a628c1a135a6a374ecf1",class:"co-accordion__header",part:"header"},i("span",{key:"f967f96bc1203dc14e1319fb3b62ec24e917abfd",class:"co-accordion__heading-group"},i("span",{key:"fadae27bbce21aa4550412a7d1ee50ee56b68261",class:"co-accordion__heading",part:"heading"},i("slot",{key:"a6d0989a503301fd690256eca6a8349ee2f2f536",name:"header"},this.heading)),this.showSubheading&&i("span",{key:"d12ab60f67edcd4c9a03489c3ddeb2229ec2e749",class:"co-accordion__subheading",part:"subheading"},i("slot",{key:"cc0e6c422cdffe2a8b7fd2b542d3158fb35fe25a",name:"subheading"},this.subheading))),i("button",{key:"b37af2d153398cd344dfab1adbbcf9b0ac147dad",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"},i("co-icon",{key:"d0ed683ed331e1d8ac5ae46e9893a287fc18fb07",name:"caret-up",size:20}))),i("div",{key:"2b4af900a1c3364cc6e45bd099315ada9f4927d9",class:"co-accordion__body",part:"body"},i("div",{key:"041a960bac7760658f6ad5da17658766fbc73129",class:"co-accordion__body-inner",part:"body-inner"},i("slot",{key:"05405a5354af0e7d38128ba39e33ab902c86a1e2"}))))}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)}.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-2xl);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}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function r(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((a=>{switch(a){case"co-accordion":customElements.get(o(a))||customElements.define(o(a),n);break;case"co-icon":customElements.get(o(a))||t()}}))}r();const d=n,s=r;export{d as CoAccordion,s as defineCustomElement}