@prolibu-suite/cobalt-core 0.7.0 → 0.9.0

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: 'ab0600ae69000cca80f53bea2836fee352ce5239', 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 }, this.iconLeft && h("co-icon", { key: '97ce9ecf36b55c5b8f64dde270e6df64c4c46e0c', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: 'c0a75d2ca6d619ae7f0c3497b63dd27271e3e0af', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: 'f5b45dd9ae7299c60be36ee596d5d50b6c2db4bc', 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: 'a8a5bbe308411e3ac397f021f1777d08a3861b37', 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: '76ecf6133ee14b6c2fcdedf61511e044ff57a3e9' })));
+            }, 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: 'e51e866b88dc6b36ef797c4ea8694bd5ba1ca352', class: "co-tooltip" }, h("div", { key: '711f7b0804b4fe283b2ce8eb45846d00c9d51022', 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: '655c2ccfbab1ab99ed91e93bae26782ead9b2e17' })), this.visible && this.content && (h("div", { key: '7ce0ad2c565285aaf25810151ecfea1f74657c5a', 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: 'd752ed1a61541a006b24142219b9e296a9c8b062', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'b073b093fae892708c9d5a1dfb84cf9071b3cc5c', 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: 'dea52b405ab2655fa9ba39f97a76202b0709fcb4' }, h("div", { key: '91e31da2c5ee37807d4b949fbb4e6f5460448109', 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: '86fd57035561ff0af917730f8ab7b2d108693fd5', 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: 'a53bec4a445e06b8074111d32ee09e35b5f86233', 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/collection/utils/dateI18n.js

@@ -11,6 +11,9 @@ const DICT = {
     es: {
         prevMonth: 'Mes anterior',
         nextMonth: 'Mes siguiente',
+        month: 'Mes',
+        week: 'Semana',
+        day: 'Día',
         dateLabel: 'Fecha',
         clearDate: 'Limpiar fecha',
         today: 'Hoy',
@@ -32,10 +35,17 @@ const DICT = {
         to: 'Hasta',
         selectDate: 'Seleccionar fecha',
         setDate: 'Establecer fecha',
+        timeLabel: 'Hora',
+        selectDateTime: 'Seleccionar fecha y hora',
+        setDateTime: 'Establecer fecha y hora',
+        clearDateTime: 'Limpiar fecha y hora',
     },
     en: {
         prevMonth: 'Previous month',
         nextMonth: 'Next month',
+        month: 'Month',
+        week: 'Week',
+        day: 'Day',
         dateLabel: 'Date',
         clearDate: 'Clear date',
         today: 'Today',
@@ -57,10 +67,17 @@ const DICT = {
         to: 'To',
         selectDate: 'Select date',
         setDate: 'Set date',
+        timeLabel: 'Time',
+        selectDateTime: 'Select date and time',
+        setDateTime: 'Set date and time',
+        clearDateTime: 'Clear date and time',
     },
     pt: {
         prevMonth: 'Mês anterior',
         nextMonth: 'Próximo mês',
+        month: 'Mês',
+        week: 'Semana',
+        day: 'Dia',
         dateLabel: 'Data',
         clearDate: 'Limpar data',
         today: 'Hoje',
@@ -82,6 +99,10 @@ const DICT = {
         to: 'Até',
         selectDate: 'Selecionar data',
         setDate: 'Definir data',
+        timeLabel: 'Hora',
+        selectDateTime: 'Selecionar data e hora',
+        setDateTime: 'Definir data e hora',
+        clearDateTime: 'Limpar data e hora',
     },
 };
 /** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */

package/dist/collection/utils/eventColor.js

@@ -0,0 +1,52 @@
+/**
+ * Color de texto legible sobre el fondo de un evento de calendario.
+ *
+ * El host pinta los estados con TOKENS (`var(--co-color-primary-azul)`), no con
+ * hex — es la regla del design system. El cálculo de contraste necesita un color
+ * REAL, así que el token se resuelve contra el host antes de medir luminancia.
+ */
+/** Cache token→hex. La clave incluye el tema: light y dark pueden resolver
+ *  distinto el MISMO token, y servir el valor viejo daría texto ilegible. */
+const RESOLVED = new Map();
+function currentTheme() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = document.documentElement) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.theme) !== null && _c !== void 0 ? _c : '';
+}
+/**
+ * Resuelve `var(--x)` / `var(--x, fallback)` contra `host`. Un valor que no es
+ * `var(...)` (hex, rgb, nombre CSS) vuelve tal cual.
+ */
+export function resolveCssColor(host, value) {
+    const raw = (value !== null && value !== void 0 ? value : '').trim();
+    if (!raw.startsWith('var(') || !host)
+        return raw;
+    const key = `${currentTheme()}|${raw}`;
+    const hit = RESOLVED.get(key);
+    if (hit !== undefined)
+        return hit;
+    const inner = raw.slice(4, raw.lastIndexOf(')'));
+    const [name, ...fallback] = inner.split(',');
+    const resolved = getComputedStyle(host).getPropertyValue(name.trim()).trim() || fallback.join(',').trim();
+    RESOLVED.set(key, resolved);
+    return resolved;
+}
+/**
+ * Token de color de texto legible sobre `bg` (luminancia YIQ), o `''` cuando el
+ * color no se puede medir — en ese caso el llamador NO debe escribir la
+ * variable: pisarla con un `var(--co-cal-event-text)` la vuelve
+ * AUTORREFERENTE, la declaración se invalida y el texto termina heredando el
+ * color del calendario (negro sobre un chip de color).
+ */
+export function readableTextToken(host, bg) {
+    const hex = resolveCssColor(host, bg).replace('#', '').trim();
+    if (hex.length !== 3 && hex.length !== 6)
+        return '';
+    const full = hex.length === 3 ? hex.split('').map((c) => c + c).join('') : hex;
+    const r = parseInt(full.slice(0, 2), 16);
+    const g = parseInt(full.slice(2, 4), 16);
+    const b = parseInt(full.slice(4, 6), 16);
+    if ([r, g, b].some((n) => Number.isNaN(n)))
+        return '';
+    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+    return yiq >= 150 ? 'var(--co-cal-event-text-dark)' : 'var(--co-cal-event-text-light)';
+}

package/dist/collection/utils/positioning.js

@@ -88,6 +88,16 @@ export function computePosition(triggerRect, panelRect, options) {
     if (left + panelRect.width > viewportW - 4) {
         left = viewportW - panelRect.width - 4;
     }
+    // Vertical: shift UP when the panel overflows the bottom. El flip solo cambia
+    // el lado (bottom↔top, right↔left) y las colocaciones laterales
+    // (`right-start`, la del popover de evento) anclan su top al del trigger, así
+    // que sin esto un panel abierto cerca del borde inferior se sale de pantalla
+    // y no hay forma de leerlo. El clamp superior va DESPUÉS a propósito: un panel
+    // más alto que el viewport se pega arriba y scrollea por dentro (los paneles
+    // llevan su propio `max-height`).
+    if (top + panelRect.height > viewportH - 4) {
+        top = viewportH - panelRect.height - 4;
+    }
     if (top < 4)
         top = 4;
     return { top, left, actualPlacement: placement };

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-B3U63yZw.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}

package/dist/components/co-action-bar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CoActionBar extends Components.CoActionBar, HTMLElement {}
+export const CoActionBar: {
+    prototype: CoActionBar;
+    new (): CoActionBar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +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-BCnjq3jN.js";import{d as s}from"./p-2zy1K6zg.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:"3548a603f2b815a2fd08c49325645d18da63300d",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:"113c8106d50409e1feb1a3393bd6bfee512eae53",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"a1d97aca67706c3d5260af28ea5bd6e5c2bce224",class:"co-action-bar__label",part:"label"},e("slot",{key:"91d58fee83bf5b234481e8bc9353e7fb94faf946",name:"label"},this.label)),e("div",{key:"cc710ea2bdabe99bab3e2b03dbfe0d79b9508f42",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"41e26a49665ed6294826b1630cd27039abd1240f"})),!1!==this.dismissible&&e("co-icon-button",{key:"1b7253ca63195f9169144634984d5da3c8142f7d",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(100vw - 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}

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

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as o,h as t,a as c}from"./index.js";const s=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return t(c,{key:"eba2c0de5107ee99f46dd0f58e93c7957b635fc6"},t("aside",{key:"d70fd877fb8b0341f1a93d0c96f7e94ccc67a5bc",class:"sidebar",part:"sidebar"},t("div",{key:"712d562d0137d49073264464a4656efa13505080",class:"sidebar__header",part:"sidebar-header"},t("slot",{key:"3414826e8939d2cd01f1fcdca7dadf1ec6c6921e",name:"sidebar-header"})),t("div",{key:"2f9ec77ce51b77048130c042a7c275b8f1169b68",class:"sidebar__body",part:"sidebar-body"},t("slot",{key:"6291e33cce9afcfb59fac200629f899206d667eb",name:"sidebar"})),t("div",{key:"e3314bda8652362d2570960a0ee65fb843d6e07f",class:"sidebar__footer",part:"sidebar-footer"},t("slot",{key:"e2b09d7a7435e0c29f3ac43b9a4200763964d52e",name:"sidebar-footer"}))),t("div",{key:"73081c14cf2f04ad4b0062007287edea09bb3a88",class:"main",part:"main"},t("div",{key:"5e3dbe0b27716f815972ea39dda4479b2072872c",class:"main__card",part:"card"},t("header",{key:"3df713d4c3a015ba14366433770cfba66e9b8bbc",class:"main__header",part:"header"},t("slot",{key:"8e36000c6195f22fb7abe54d1adfb026374d9248",name:"navbar"})),t("main",{key:"63cda7e07239d551fb950e12cce998e2fe9271c7",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},t("slot",{key:"7ccab85592e8e9efdc2802f0147ad8b5ad749899"})))))}static get style(){return':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 0.2s ease;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;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-shell-r:var(--co-border-radius-md);--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>")}.main__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat}.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(e(r))||customElements.define(e(r),s))}))}i();const d=s,l=i;export{d as CoAppShell,l as defineCustomElement}
+import{t as a,p as e,H as r,c as o,h as t,a as s}from"./index.js";const c=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return t(s,{key:"b81530338deb27cbf6cd7477f68c39bc9218bc00"},t("aside",{key:"023cd3028d18aad6d3ad18c17dd9ae66560e167c",class:"sidebar",part:"sidebar"},t("div",{key:"3287855013349c3e75b315ea6f8da35a28e473dd",class:"sidebar__header",part:"sidebar-header"},t("slot",{key:"bd82a6bca22dcb0058fe08f7e4b0fb3a5ed51fae",name:"sidebar-header"})),t("div",{key:"0226a4f9f41645ab7e89da48e6e5324c2755334d",class:"sidebar__body",part:"sidebar-body"},t("slot",{key:"151d6e2dfb2ba62627d8f30d89fd0a7827b28429",name:"sidebar"})),t("div",{key:"a5d1e73173da9a4b08bfe56fc22ed4a3ec494abe",class:"sidebar__footer",part:"sidebar-footer"},t("slot",{key:"5531392bd7d8fd37407d6b423a125e4db168e7cd",name:"sidebar-footer"}))),t("div",{key:"542b36579d0aa7703c5509d96c29d180ca4477ca",class:"main",part:"main"},t("div",{key:"9dc426144097434cf92c936aa9ff1495300a113f",class:"main__card",part:"card"},t("header",{key:"1045a59aab51c9bcbdc81d270fd67f68f037164a",class:"main__header",part:"header"},t("slot",{key:"5770b6d5ec74a4a66dbbd78975e56166f3ae7481",name:"navbar"})),t("main",{key:"c9e972900a046985f29004fa637e26149bb8d7de",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},t("slot",{key:"f7fec778bc6365da00b6c780c948618c88be489b"})))))}static get style(){return':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;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-shell-r:var(--co-border-radius-md);--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>")}.main__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat}.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((e=>{"co-app-shell"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}i();const d=c,n=i;export{d as CoAppShell,n as defineCustomElement}

package/dist/components/co-audio-player.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CoAudioPlayer extends Components.CoAudioPlayer, HTMLElement {}
+export const CoAudioPlayer: {
+    prototype: CoAudioPlayer;
+    new (): CoAudioPlayer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;