@prolibu-suite/cobalt-core 0.7.0 → 0.8.0

package/dist/cjs/co-list-item.cjs.entry.js

@@ -71,21 +71,21 @@ const CoListItem = class {
         requestAnimationFrame(this.measureTruncation);
     }
     render() {
-        return (index.h("div", { key: '6a80f6ea8ce1dcf4053aac0445956455f4d062e6', class: {
+        return (index.h("div", { key: '2833a06b0f1ced02b1c1d7b4002757985e5f6184', class: {
                 'co-list-item': true,
                 'co-list-item--selected': this.selected,
                 'co-list-item--disabled': this.disabled,
                 'co-list-item--dense': this.dense,
                 'co-list-item--has-description': !!this.description,
-            }, part: "item", role: "option", tabindex: this.disabled ? -1 : 0, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: '71f567cab5e06b8d579af25254fe0b491ae707f0', class: "co-list-item__prefix" }, this.icon && index.h("co-icon", { key: '4c3312fa17aef519e2325d54e827f2f112ca6e50', name: this.icon, size: 18 }), index.h("slot", { key: 'f34a13461dc35afdee8cadd2bf4cfff4a7f92f70', name: "prefix" })), index.h("div", { key: '18f6a08c1311197e0572e83511b2aa193a05f0a6', class: "co-list-item__content" }, this.label && (index.h("co-tooltip", { key: '1862887315c011e64a20b54b275dd0dffc30371d', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, index.h("span", { key: '0944e54c5cc7e587083092b802d3c59259b2782a', class: "co-list-item__label", ref: (el) => {
+            }, part: "item", role: "option", tabindex: this.disabled ? -1 : 0, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: '74bdab766a1820cb43b88b9a994ea158e1a8f0ae', class: "co-list-item__prefix" }, this.icon && index.h("co-icon", { key: 'f8b117b8b9e1d6db47785783acab5e60e4bb9e7a', name: this.icon, size: 18 }), index.h("slot", { key: '4c96820ce0925af1a2fec623c4038cc117d2f5c6', name: "prefix" })), index.h("div", { key: '3c988300fe272d3da9b2ae6a463a4fdc6b683224', class: "co-list-item__content" }, this.label && (index.h("co-tooltip", { key: '6f3d61fb883dc3d6fe4751044569ef791a87db03', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, index.h("span", { key: '37edcae63b25f9c54e27349cfcc121804255c83e', class: "co-list-item__label", ref: (el) => {
                 this.labelEl = el;
                 if (el && this.ro)
                     this.ro.observe(el);
-            } }, this.label))), this.description && (index.h("co-tooltip", { key: '72ed627f3de4bb7dcbed17f156db8a89f2ab8ac3', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, index.h("span", { key: '1b4152152b72abddd00c92bff66be48d65b6f2ce', class: "co-list-item__description", ref: (el) => {
+            } }, this.label))), this.description && (index.h("co-tooltip", { key: '609ad1694738508bed362594fc34609565eb5559', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, index.h("span", { key: '4c2231492bab190bda98189ae5d770aaf3aec3e0', class: "co-list-item__description", ref: (el) => {
                 this.descEl = el;
                 if (el && this.ro)
                     this.ro.observe(el);
-            } }, this.description))), index.h("slot", { key: '623ddfa43f748e64ebd8ec8d3eea2301da57c448' })), index.h("span", { key: 'd4f663c8cfa8b4effb02e9708b7dd2ae6178f9fd', class: "co-list-item__suffix" }, index.h("slot", { key: '3287804582ca42d1d19283ea501e92782e9fad85', name: "suffix" }))));
+            } }, this.description))), index.h("slot", { key: 'edc4e2d138c4a888fa78981568a57beb9a5ef7e1' })), index.h("span", { key: 'ed100617bd1d7f54df33b05696948a187f5df07a', class: "co-list-item__suffix" }, index.h("slot", { key: '7f76f1a12a0b6c8f2e71e3140125797b62626e90', name: "suffix" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-media-thumb.cjs.entry.js

@@ -22,13 +22,13 @@ const CoMediaThumb = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '4ec4b72a39a7a7e2e741a6eb4322aae3d5d3d311', class: {
+        return (index.h("div", { key: '787947d309049a7ca5fa739a7748993833dfb80c', class: {
                 'co-media-thumb': true,
                 'co-media-thumb--video': this.video,
             }, part: "thumb", style: {
                 height: this.toCss(this.height),
                 borderRadius: `${this.radius}px`,
-            } }, this.src ? (index.h("img", { class: "co-media-thumb__img", src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '', part: "img" })) : (index.h("slot", null)), this.video && (index.h("div", { key: 'e1395ef9f3d637b055fad0b5a5b7bc42da448b76', class: "co-media-thumb__scrim", part: "scrim" }, index.h("div", { key: '52e3e782bf7c3068042ef4adf3e56788bc02a68a', class: "co-media-thumb__play", part: "play" }, index.h("svg", { key: 'c2ccdf296b70c891e4567c94c50ed24d206fb742', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '45abe6f8deabe45557adc7035e74b3425e9fcbae', d: "M2 2l12 7-12 7z", fill: "var(--co-color-base-negro, #1f1c1b)" })))))));
+            } }, this.src ? (index.h("img", { class: "co-media-thumb__img", src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '', part: "img" })) : (index.h("slot", null)), this.video && (index.h("div", { key: '74c58b90643aa7cc33be7b42081a48e9f89127ed', class: "co-media-thumb__scrim", part: "scrim" }, index.h("div", { key: '752f888648a9c7dcbedadf880566646ff8280331', class: "co-media-thumb__play", part: "play" }, index.h("svg", { key: 'ee76649c415fbe00737d00584099bf359c1abcca', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'dd160a9aec688bc4d97fb3a9245bcd613ff85cb4', d: "M2 2l12 7-12 7z", fill: "var(--co-color-base-negro, #1f1c1b)" })))))));
     }
 };
 CoMediaThumb.style = coMediaThumbCss();

package/dist/cjs/co-menu-divider.cjs.entry.js

@@ -9,7 +9,7 @@ const CoMenuDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("hr", { key: 'e47780a9d8f80cf8a9b1b4585e71bb20b2bebf5d', class: "co-menu-divider", role: "separator" });
+        return index.h("hr", { key: 'a305638c4f791be63278b343966cb22d92448ad9', class: "co-menu-divider", role: "separator" });
     }
 };
 CoMenuDivider.style = coMenuDividerCss();

package/dist/cjs/co-menu-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-kBiXCEE7.js');
 
-const coMenuItemCss = () => `:host{display:block}.co-menu-item__wrap{display:block}.co-menu-item{width:100%;display:flex;align-items:center;gap:var(--co-menu-item-gap, var(--co-spacing-sm, 8px));padding:var(--co-menu-item-padding, var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px));background:transparent;border:0;border-radius:var(--co-border-radius-xs, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background 0.1s ease, color 0.1s ease;min-height:var(--co-menu-item-height, 36px);box-sizing:border-box}.co-menu-item--dense{padding:var(--co-spacing-xs, 4px) var(--co-spacing-md, 12px);min-height:32px}.co-menu-item--selected{background:var(--co-color-gray-100, #f6f6f6)}.co-menu-item:hover,.co-menu-item--submenu-open{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-menu-item:focus-visible{outline:2px solid var(--co-semantic-border-focus, #2563eb);outline-offset:-2px}.co-menu-item--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.co-menu-item--danger{color:var(--co-color-status-error, #aa2e1b)}.co-menu-item--danger:hover{background:var(--co-color-status-bg-error, #ffefef)}.co-menu-item__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-menu-item-icon-color, currentColor)}.co-menu-item__check{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-semantic-text-default)}.co-menu-item__label{flex:1;display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-menu-item__suffix{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-menu-item--submenu-open .co-menu-item__suffix{color:var(--co-semantic-text-default)}.co-menu-item__trigger-wrap{display:block}.co-menu-item__submenu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:180px;display:flex;flex-direction:column;gap:2px;position:relative}.co-menu-item__submenu::before,.co-menu-item__submenu::after{content:'';position:absolute;top:0;bottom:0;width:6px;}.co-menu-item__submenu::before{left:-6px}.co-menu-item__submenu::after{right:-6px}`;
+const coMenuItemCss = () => `:host{display:block}.co-menu-item__wrap{display:block}.co-menu-item{width:100%;display:flex;align-items:center;gap:var(--co-menu-item-gap, var(--co-spacing-sm, 8px));padding:var(--co-menu-item-padding, var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px));background:transparent;border:0;border-radius:var(--co-border-radius-xs, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background 0.1s ease, color 0.1s ease;min-height:var(--co-menu-item-height, 36px);box-sizing:border-box}.co-menu-item--dense{padding:var(--co-spacing-xs, 4px) var(--co-spacing-md, 12px);min-height:32px}.co-menu-item--selected{background:var(--co-color-gray-100, #f6f6f6)}.co-menu-item:hover,.co-menu-item--submenu-open{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-menu-item:focus-visible{outline:2px solid var(--co-semantic-border-focus, #2563eb);outline-offset:-2px}.co-menu-item--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.co-menu-item--danger{color:var(--co-color-status-error, #aa2e1b)}.co-menu-item--danger:hover{background:var(--co-color-status-bg-error, #ffefef)}.co-menu-item__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-menu-item-icon-color, currentColor)}.co-menu-item__check{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-semantic-text-default)}.co-menu-item__label{flex:1;display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-menu-item__label--stacked{flex-direction:column;align-items:flex-start;gap:1px}.co-menu-item__label-main{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px)}.co-menu-item__caption{font-size:var(--co-font-size-11, 11px);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap}.co-menu-item__suffix{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-menu-item--submenu-open .co-menu-item__suffix{color:var(--co-semantic-text-default)}.co-menu-item__trigger-wrap{display:block}.co-menu-item__submenu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:180px;display:flex;flex-direction:column;gap:2px;position:relative}.co-menu-item__submenu::before,.co-menu-item__submenu::after{content:'';position:absolute;top:0;bottom:0;width:6px;}.co-menu-item__submenu::before{left:-6px}.co-menu-item__submenu::after{right:-6px}`;
 
 const CoMenuItem = class {
     constructor(hostRef) {
@@ -129,7 +129,7 @@ const CoMenuItem = class {
                 'co-menu-item--danger': this.variant === 'danger',
                 'co-menu-item--submenu': this.hasSubmenu,
                 'co-menu-item--submenu-open': this.hasSubmenu && this.submenuOpen,
-            }, type: "button", role: "menuitem", "aria-haspopup": this.hasSubmenu ? 'menu' : undefined, "aria-expanded": this.hasSubmenu ? (this.submenuOpen ? 'true' : 'false') : undefined, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeydown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.icon && (index.h("span", { class: "co-menu-item__icon" }, index.h("co-icon", { name: this.icon, size: (_a = this.iconSize) !== null && _a !== void 0 ? _a : 16 }))), index.h("span", { class: "co-menu-item__label" }, this.label, index.h("slot", { name: "label" })), this.trailingCheck && (index.h("span", { class: "co-menu-item__check" }, index.h("co-icon", { name: "check", size: 15 }))), index.h("span", { class: "co-menu-item__suffix" }, index.h("slot", { name: "suffix" }), this.hasSubmenu && index.h("co-icon", { name: "caret-right", size: 14 }))));
+            }, type: "button", role: "menuitem", "aria-haspopup": this.hasSubmenu ? 'menu' : undefined, "aria-expanded": this.hasSubmenu ? (this.submenuOpen ? 'true' : 'false') : undefined, disabled: this.disabled, onClick: this.handleClick, onKeyDown: this.handleKeydown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.icon && (index.h("span", { class: "co-menu-item__icon" }, index.h("co-icon", { name: this.icon, size: (_a = this.iconSize) !== null && _a !== void 0 ? _a : 16 }))), index.h("span", { class: { 'co-menu-item__label': true, 'co-menu-item__label--stacked': !!this.caption } }, index.h("span", { class: "co-menu-item__label-main" }, this.label, index.h("slot", { name: "label" })), this.caption && index.h("span", { class: "co-menu-item__caption" }, this.caption)), this.trailingCheck && (index.h("span", { class: "co-menu-item__check" }, index.h("co-icon", { name: "check", size: 15 }))), index.h("span", { class: "co-menu-item__suffix" }, index.h("slot", { name: "suffix" }), this.hasSubmenu && index.h("co-icon", { name: "caret-right", size: 14 }))));
         if (!this.hasSubmenu) {
             // Leaf — the default slot is unused for leaves; ignore it.
             return index.h("div", { class: "co-menu-item__wrap" }, row);

package/dist/cjs/co-menu.cjs.entry.js

@@ -92,7 +92,7 @@ const CoMenu = class {
         (_b = (_a = items[next]) === null || _a === void 0 ? void 0 : _a.focusItem) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     render() {
-        return (index.h("co-popover", { key: '1796401a56db5a123525da420b515349fa7e637f', placement: this.placement, offset: this.offset, open: this.open, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("slot", { key: 'a81ef8c2fc0bbc3d34f2745f19c657633f168ee3', name: "trigger", slot: "trigger" }), index.h("div", { key: 'a5b1324c7814922e18e92845257f7d2e5c638d13', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, index.h("slot", { key: '8fef31bd0da92c62c4d196fcd8394df82898cf1c' }))));
+        return (index.h("co-popover", { key: '92d59b733eb81e53e003ebcbe4324480fbcb4475', placement: this.placement, offset: this.offset, open: this.open, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("slot", { key: 'd8e70f68b13dd8f96a75d2f5c96b87651e1afc18', name: "trigger", slot: "trigger" }), index.h("div", { key: '2787503b2711a88baafcacad615814c0abbeceb0', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, index.h("slot", { key: 'f3e4139845c8f77970b735631e26f5cfc6710405' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-modal.cjs.entry.js

@@ -67,14 +67,14 @@ const CoModal = class {
             this.coClose.emit();
     }
     render() {
-        return (index.h("co-overlay", { key: '05ef9c3f53b155899f4838db0c0fca818f542731', open: this.open, onCoClose: this.handleOverlayClick }, index.h("div", { key: '46dbcfb7b8073c2ca11114fe049d55842bd9cb94', class: "co-modal__frame" }, index.h("div", { key: '75a703ddeb451e3afc4392990c10040423f0f7c7', class: {
+        return (index.h("co-overlay", { key: 'aef8eefd5790e210ada8e53f1d904dd7652b75dd', open: this.open, onCoClose: this.handleOverlayClick }, index.h("div", { key: 'dcf89aa4a6e783e16e99b3c350b917e073c26b76', class: "co-modal__frame" }, index.h("div", { key: 'c579fe7b0ac3b92c4a413eac9cc4a9da3ec06f69', class: {
                 'co-modal': true,
                 'co-modal--open': this.open,
                 'co-modal--sm': this.size === 'sm',
                 'co-modal--lg': this.size === 'lg',
                 'co-modal--full': this.size === 'full',
                 'co-modal--no-dividers': this.noDividers,
-            }, part: "modal", ref: (el) => (this.modalEl = el), role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-heading", onClick: this.stopPropagation, onTransitionEnd: this.handleTransitionEnd }, index.h("div", { key: '3ebedf6549d81d4515abef9cd406688d82d583dd', class: "co-modal__header", part: "header" }, index.h("div", { key: '8c08be60fe1cac72a2351acbd26f93c4aa2178f4', class: "co-modal__header-text" }, index.h("h2", { key: '8235568540f5c09941790d203ae43c94393f4c3c', class: "co-modal__heading", id: "modal-heading" }, this.heading), this.description && (index.h("p", { key: 'bda3dc9a4eea2b60c9728e01b83771ea921dec57', class: "co-modal__description" }, this.description))), this.closable && (index.h("button", { key: '10bf91d47ce12f40e3d7ede6adc788ac5952e928', class: "co-modal__close", type: "button", "aria-label": "Close", onClick: this.handleCloseClick }, index.h("co-icon", { key: '3eb98394355c5d60ca633c55f6c26111b046bfa7', name: "x", size: 20 })))), !this.noDividers && (index.h("div", { key: '1fa27604b8f29d2271b4c4291a52949a1a57dcba', class: "co-modal__body", part: "body" }, index.h("slot", { key: '1524ac17115286ee90e4ffd251e3407edb1ecb94' }))), index.h("div", { key: 'f65aae95cdbc156285e3837187b161a65d8772ef', class: "co-modal__footer", part: "footer" }, index.h("slot", { key: '936d4e2f0b52553abf4edec689ff13e8d0bc1940', name: "footer" }))))));
+            }, part: "modal", ref: (el) => (this.modalEl = el), role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-heading", onClick: this.stopPropagation, onTransitionEnd: this.handleTransitionEnd }, index.h("div", { key: '37bcab4a7d73d99ed199a4dc3ddbcb5d452f7f67', class: "co-modal__header", part: "header" }, index.h("div", { key: '1761b1fa2761ec89b74da943652533873ffb041d', class: "co-modal__header-text" }, index.h("h2", { key: 'f8ee41c7c122956431c388222cdde6263089118f', class: "co-modal__heading", id: "modal-heading" }, this.heading), this.description && (index.h("p", { key: 'f719d9f6b3f974f0f677ac9daba1611e8e90d162', class: "co-modal__description" }, this.description))), this.closable && (index.h("button", { key: 'c893a1c5f36631743061ad71f5c120ba6d695081', class: "co-modal__close", type: "button", "aria-label": "Close", onClick: this.handleCloseClick }, index.h("co-icon", { key: 'afcce2e70b4045188ee37897798d8f54add996c2', name: "x", size: 20 })))), !this.noDividers && (index.h("div", { key: 'ab2890e8f0e3308d9fe989107eebb6ca24161f6d', class: "co-modal__body", part: "body" }, index.h("slot", { key: '2991f8166a1fc52dbb58350ab5573d67a35ed2ad' }))), index.h("div", { key: '3d2a5f9aa2ba1eac6d11828e0653be775d9f9152', class: "co-modal__footer", part: "footer" }, index.h("slot", { key: '62ff2668995d3d9d33719b29a85a8afd31013042', name: "footer" }))))));
     }
 };
 CoModal.style = coModalCss();

package/dist/cjs/co-navbar.cjs.entry.js

@@ -15,12 +15,12 @@ const CoNavbar = class {
         this.rounded = false;
     }
     render() {
-        return (index.h("div", { key: '93279a4c80cd3c050fe5bd5bb10b0c56fa942bdc', class: {
+        return (index.h("div", { key: '9899b395fdf793bf9b7e47509b81eb559aac0b56', class: {
                 'co-navbar': true,
                 [`co-navbar--${this.variant}`]: true,
                 [`co-navbar--${this.size}`]: true,
                 'co-navbar--rounded': this.rounded,
-            }, part: "navbar", role: "toolbar" }, index.h("slot", { key: '643f397c092a3ad3961158c641bab0d4edb27e47' })));
+            }, part: "navbar", role: "toolbar" }, index.h("slot", { key: 'c863bcf8dc9eddab771922a81e11c1966bfe8d2e' })));
     }
 };
 CoNavbar.style = coNavbarCss();

package/dist/cjs/co-number-field.cjs.entry.js

@@ -132,13 +132,13 @@ const CoNumberField = class {
         this.coChange.emit(clamped);
     }
     render() {
-        return (index.h("div", { key: '81d578bdeaefc9f6176ab68ca38b5e831ad636cd', class: {
+        return (index.h("div", { key: '851b1d89af98cc8a0ad9c925576b12fac545721d', class: {
                 'co-number-field': true,
                 'co-number-field--disabled': this.disabled,
                 'co-number-field--focused': this.focused,
                 [`co-number-field--${this.size}`]: true,
                 [`co-number-field--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel) && (index.h("div", { key: '0010a5984faa5c26d3ed18a29c43679422158529', class: "co-number-field__labels" }, this.label && index.h("label", { key: '1744b37b776c36e6c105f6537e9bc0eff427f3c3', class: "co-number-field__label" }, this.label, index.h(requiredMark.RequiredMark, { key: '24b51fde19384d3de672b6c1aa1c54c408078b98', required: this.required })), this.secondaryLabel && index.h("span", { key: '752dca236f11f65a78ab0f2e35bae1a0dcb81ba8', class: "co-number-field__secondary-label" }, this.secondaryLabel))), index.h("div", { key: 'a88c171a1349972ed78452b0c304cac207921a8f', class: "co-number-field__row" }, index.h("button", { key: '4a781c675e97937288f641d55e821fa30104a180', class: "co-number-field__btn co-number-field__btn--minus", type: "button", tabIndex: -1, disabled: !this.canDecrement, onClick: this.handleDecrement, "aria-label": "Decrease" }, index.h("co-icon", { key: '12f82a9f0f8c1b0c9f51264006084d4e80d81715', name: "minus", size: 16 })), index.h("input", { key: '6f440216843a93d124723b18e0f6f1e7ce98791c', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal", value: this.isEmpty ? '' : String(this.toDisplay(this.value)), placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown }), this.scaled && !this.isEmpty && (index.h("span", { key: '6672a63fc024e9d33661fee37deb04debe2aaa25', class: "co-number-field__affix", "aria-hidden": "true" }, "%")), this.clearable && !this.isEmpty && !this.disabled && (index.h("button", { key: 'a0ad4682f949dab538db35348282a3cab52fcb75', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '2beb8574b79926c54665081e4ed06e191932bed6', name: "x-circle", size: 16, weight: "fill" }))), index.h("button", { key: 'd6e01ce20f596ff102899680f7234d35042e2d49', class: "co-number-field__btn co-number-field__btn--plus", type: "button", tabIndex: -1, disabled: !this.canIncrement, onClick: this.handleIncrement, "aria-label": "Increase" }, index.h("co-icon", { key: '27e33390bc7f3baaf9caed056e8e3e6e64b291c9', name: "plus", size: 16 }))), this.helperText && (index.h("div", { key: '9cc415d2a5f5be410a0677ed7067c7d9bb8368df', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '7cf249285dcd15680f6e21840adcfc81dfd16298', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), index.h("span", { key: '6791bb8f9789af7b878d7c5aa27047d905238e48', class: "co-number-field__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'ccb5f1b7e75e65b732d31c8f9fe7abb1ca127a21', class: "co-number-field__labels" }, this.label && index.h("label", { key: 'e5121754db6dff01c1e62a3b27503df9c8dcafa3', class: "co-number-field__label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'ebaf4bf7d26267bf96e0d99ea1f1b4f448f801ca', required: this.required })), this.secondaryLabel && index.h("span", { key: '77b800626376802d8e25baa9af81eeb84298d175', class: "co-number-field__secondary-label" }, this.secondaryLabel))), index.h("div", { key: 'da070461da5fc2be02dfde4a2196c910f406d459', class: "co-number-field__row" }, index.h("button", { key: '522b084d7582c7e223db943b96009bc75cc77c2d', class: "co-number-field__btn co-number-field__btn--minus", type: "button", tabIndex: -1, disabled: !this.canDecrement, onClick: this.handleDecrement, "aria-label": "Decrease" }, index.h("co-icon", { key: 'b598a702578fe0b10ea7a7adde0a9ef638d177ff', name: "minus", size: 16 })), index.h("input", { key: 'f061fc874dfcd886f9e20132f10359476741dbaa', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal", value: this.isEmpty ? '' : String(this.toDisplay(this.value)), placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown }), this.scaled && !this.isEmpty && (index.h("span", { key: 'e007c2d1d46408bc961cbfdf316b49fbf2f6b2c8', class: "co-number-field__affix", "aria-hidden": "true" }, "%")), this.clearable && !this.isEmpty && !this.disabled && (index.h("button", { key: '73f440263698c26a25495e408529417e0ee80690', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '577021788bca76984f2bca56ff6cdec34ef47ac5', name: "x-circle", size: 16, weight: "fill" }))), index.h("button", { key: '82f1be58f496c76d218c6d5550615ec03691c564', class: "co-number-field__btn co-number-field__btn--plus", type: "button", tabIndex: -1, disabled: !this.canIncrement, onClick: this.handleIncrement, "aria-label": "Increase" }, index.h("co-icon", { key: '42f83b44defa32ec4efb9af84518fa1a0cbc6caa', name: "plus", size: 16 }))), this.helperText && (index.h("div", { key: '68c4300d1b5fb9010bc07457cba7d1628c9d5dc7', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'aef962d0b62920215685af9c4cd06bdc63fff92d', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), index.h("span", { key: 'ea5a62af95585e27a791e43a2038036c098069b6', class: "co-number-field__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/co-overlay.cjs.entry.js

@@ -249,7 +249,7 @@ const CoOverlay = class {
         focusables[nextIndex].focus();
     }
     render() {
-        return (index.h("div", { key: '41b0ea10b8078a2bf3c46f68fe35869bf2778130', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", popover: "manual", tabindex: this.trapFocus ? -1 : undefined, ref: (el) => (this.overlayEl = el), onClick: this.handleClick, onTransitionEnd: this.handleTransitionEnd }, index.h("slot", { key: '35e1ec1b7921c1439a177b8f526f128351c5fdec' })));
+        return (index.h("div", { key: 'b801503a338c2fd3ed92a0448c09356970beebee', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", popover: "manual", tabindex: this.trapFocus ? -1 : undefined, ref: (el) => (this.overlayEl = el), onClick: this.handleClick, onTransitionEnd: this.handleTransitionEnd }, index.h("slot", { key: 'ad290e1dde7d3c5bae0df9d69cd490c607d53bc8' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-page-header.cjs.entry.js

@@ -9,7 +9,7 @@ const CoPageHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '9170d832d0e51cc8e721a4a331f85abb8543b893', class: "co-page-header", part: "page-header" }, index.h("div", { key: 'ca13df04f2b81a2ce14ab0223a5f651aaa0c921d', class: "co-page-header__left" }, this.icon && (index.h("span", { key: 'efe024a0388ae60afc2c4e3ce0861b65e0fa9923', class: "co-page-header__icon" }, index.h("co-icon", { key: '3051bda0f31d1002142e53db09d0aabd7ecf13bf', name: this.icon, size: 24 }))), index.h("span", { key: '7b714ebec4e82dffaca71d9e8152330b7fe0a38f', class: "co-page-header__title" }, index.h("slot", { key: '021b7da34753a3946b94bb104f515b1c4781d837' }, this.heading))), index.h("div", { key: '52d2d1f3510b23c1684aecacb97d341e56fc7619', class: "co-page-header__actions" }, index.h("slot", { key: 'da455091aa0467df02674fdd38241fd7e70bab13', name: "actions" }))));
+        return (index.h("div", { key: '707564c0b96e4ef99a9cf99a34b19751808bd35a', class: "co-page-header", part: "page-header" }, index.h("div", { key: '8588626e6de02ba95f32966b40d2519fe3832e0e', class: "co-page-header__left" }, this.icon && (index.h("span", { key: 'de3903d4763f6db09651155ff1fc339fe347213f', class: "co-page-header__icon" }, index.h("co-icon", { key: '36b6931df7651c6daa86181280a741d391905516', name: this.icon, size: 24 }))), index.h("span", { key: '40946efea9e8a7cde96bf5a0de8dcafef4ff4797', class: "co-page-header__title" }, index.h("slot", { key: '0df50db78b3000f9b784b7e9c1d96cf7d2761861' }, this.heading))), index.h("div", { key: 'c8f84bd61e76a7d79f32b1985a476384f91ed6b6', class: "co-page-header__actions" }, index.h("slot", { key: 'a034ba5616842f98c6b4f2847dbfc22afc422aa7', name: "actions" }))));
     }
 };
 CoPageHeader.style = coPageHeaderCss();

package/dist/cjs/co-phone-field.cjs.entry.js

@@ -361,7 +361,7 @@ const CoPhoneField = class {
     render() {
         const entry = this.selectedEntry;
         const statusClass = this.status !== 'default' ? `co-phone-field--${this.status}` : '';
-        return (index.h("div", { key: 'e1851152e30c4e1580dd533ba0880eeef8933c0c', class: `co-phone-field co-phone-field--${this.size} ${statusClass} ${this.disabled ? 'co-phone-field--disabled' : ''}` }, this.label && (index.h("label", { key: 'd6adc2584613b7c2ebe72933275ff3058c9d6eef', class: "co-phone-field__label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'e02252f85db26cc8ac82a791d86b096630026e9f', required: this.required }))), index.h("div", { key: 'a1433e7df570481200e39aa366e343d41e85441d', class: "co-phone-field__container" }, index.h("button", { key: 'da306e01f096755f7da014bbfaf21db41fb99c51', type: "button", class: "co-phone-field__selector", disabled: this.disabled, onClick: () => this.handleToggleDropdown(), "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox" }, entry ? (index.h("img", { class: "co-phone-field__flag", src: `https://flagcdn.com/w40/${entry.iso2.toLowerCase()}.png`, alt: entry.iso2 })) : (index.h("co-icon", { name: "phone", size: 16 })), index.h("span", { key: '920e1cfffbcae7266dcde4bd37e339e550adcae0', class: "co-phone-field__dial-code" }, entry ? entry.dialCode : ''), index.h("span", { key: '2dec0f362a9a75b718ea4aade2c981fba6777ecb', class: "co-phone-field__chevron" }, index.h("co-icon", { key: 'ad77c5446f2352cc8fa07230af125500dff3f4b6', name: "caret-down", size: 14 }))), index.h("input", { key: '926302b2660eb32b8d86a2e421700acebc1b8e11', class: "co-phone-field__input", type: "tel", placeholder: this.placeholder, value: this.numberPart, disabled: this.disabled, onInput: (e) => this.handleNumberInput(e) })), this.isOpen && (index.h("div", { key: '4e86eb6353ad92839a68400ebfa9d8b5dff0111b', class: "co-phone-field__dropdown", role: "listbox" }, index.h("div", { key: 'bdd3d82c8b1e46741f9fca118ffe35b2e8c0690f', class: "co-phone-field__search" }, index.h("input", { key: '699189bbdd5027436c2757569ddf5945f2c29e78', class: "co-phone-field__search-input", type: "text", placeholder: "Search country...", value: this.searchQuery, onInput: (e) => this.handleSearchInput(e), autoFocus: true })), index.h("div", { key: '8ec344b5aeb8a80fd0bb72ad1773ac3416a6d1e6', class: "co-phone-field__options" }, this.filteredCountries.map((d) => (index.h("button", { type: "button", key: d.iso2, class: `co-phone-field__option ${d.iso2 === this.selectedIso2 ? 'co-phone-field__option--selected' : ''}`, role: "option", "aria-selected": d.iso2 === this.selectedIso2 ? 'true' : 'false', onClick: () => this.handleCountrySelect(d) }, index.h("img", { class: "co-phone-field__option-flag", src: `https://flagcdn.com/w40/${d.iso2.toLowerCase()}.png`, alt: d.iso2 }), index.h("span", { class: "co-phone-field__option-name" }, this.renderName(d.name)), index.h("span", { class: "co-phone-field__option-code" }, d.dialCode))))))), this.helperText && (index.h("div", { key: 'e248da6a7e2c62c9ed01d2ad0a204caea51f55a6', class: "co-phone-field__helper" }, this.statusIcon && (index.h("co-icon", { key: 'ab6fbf9894d8d71fde4e00e07eb81eece230eafb', name: this.statusIcon, size: 14, weight: "fill", class: "co-phone-field__helper-icon" })), index.h("span", { key: '0608d49c56d3a20c65cc966c733607440bf73900', class: "co-phone-field__helper-text" }, this.helperText)))));
+        return (index.h("div", { key: '8284bc5388c552450f81718741a496f85fed978a', class: `co-phone-field co-phone-field--${this.size} ${statusClass} ${this.disabled ? 'co-phone-field--disabled' : ''}` }, this.label && (index.h("label", { key: 'bec896d4bded4e50b7872468842b9ffc54c17d41', class: "co-phone-field__label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'fd6aa534c7ce1e3a07144b975c767878c74478b0', required: this.required }))), index.h("div", { key: '2e76fbce6848dc629633f33b6c35240ef8d86ed9', class: "co-phone-field__container" }, index.h("button", { key: 'd10b160393d1387e5cb4ae5383cb799c7aa83c35', type: "button", class: "co-phone-field__selector", disabled: this.disabled, onClick: () => this.handleToggleDropdown(), "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox" }, entry ? (index.h("img", { class: "co-phone-field__flag", src: `https://flagcdn.com/w40/${entry.iso2.toLowerCase()}.png`, alt: entry.iso2 })) : (index.h("co-icon", { name: "phone", size: 16 })), index.h("span", { key: 'b186df40f9625c1a948d0453b0c1c5552c0edcbc', class: "co-phone-field__dial-code" }, entry ? entry.dialCode : ''), index.h("span", { key: '18ac1c10191d9858b8f8ec6d2eacd0c5ea0200d4', class: "co-phone-field__chevron" }, index.h("co-icon", { key: '3ef2c5a5078f50b2142a4113c3dc06dd6ce5d1a1', name: "caret-down", size: 14 }))), index.h("input", { key: 'd802c344bd3f8b03bc6f4abafc827a116ad69529', class: "co-phone-field__input", type: "tel", placeholder: this.placeholder, value: this.numberPart, disabled: this.disabled, onInput: (e) => this.handleNumberInput(e) })), this.isOpen && (index.h("div", { key: '1afbb3ac516442ce7aa31b234510cbfad91cdbea', class: "co-phone-field__dropdown", role: "listbox" }, index.h("div", { key: 'c8d82c6dc2bac91e63fc6d436fa869c06b9f7127', class: "co-phone-field__search" }, index.h("input", { key: 'ed79f91223ee797a633c04401573592e30826b36', class: "co-phone-field__search-input", type: "text", placeholder: "Search country...", value: this.searchQuery, onInput: (e) => this.handleSearchInput(e), autoFocus: true })), index.h("div", { key: 'c17c257306957e24676efbe67dcacbbcb44cf860', class: "co-phone-field__options" }, this.filteredCountries.map((d) => (index.h("button", { type: "button", key: d.iso2, class: `co-phone-field__option ${d.iso2 === this.selectedIso2 ? 'co-phone-field__option--selected' : ''}`, role: "option", "aria-selected": d.iso2 === this.selectedIso2 ? 'true' : 'false', onClick: () => this.handleCountrySelect(d) }, index.h("img", { class: "co-phone-field__option-flag", src: `https://flagcdn.com/w40/${d.iso2.toLowerCase()}.png`, alt: d.iso2 }), index.h("span", { class: "co-phone-field__option-name" }, this.renderName(d.name)), index.h("span", { class: "co-phone-field__option-code" }, d.dialCode))))))), this.helperText && (index.h("div", { key: '715b34b6ddf4ffba355eb6adb8e1f1b95f84c427', class: "co-phone-field__helper" }, this.statusIcon && (index.h("co-icon", { key: 'bae83d720a649a103b5fb96e1d7574e5d7d43a96', name: this.statusIcon, size: 14, weight: "fill", class: "co-phone-field__helper-icon" })), index.h("span", { key: 'cfff030caaf3479a7959244a8e2f55698aec962f', class: "co-phone-field__helper-text" }, this.helperText)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-popover.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-kBiXCEE7.js');
-var positioning = require('./positioning-DwHW399W.js');
+var positioning = require('./positioning-DCj_AJ2T.js');
 
 const coPopoverCss = () => `:host{display:inline-block;position:relative}:host([match-width]){display:block;width:100%}.co-popover{display:block;width:100%}.co-popover__trigger{display:block;width:100%;cursor:pointer}.co-popover__panel{position:fixed;inset:auto;top:0;left:0;margin:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;z-index:10000;visibility:hidden;background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:visible}.co-popover__panel--positioned{visibility:visible}`;
 

package/dist/cjs/co-progress-bar.cjs.entry.js

@@ -21,12 +21,12 @@ const CoProgressBar = class {
     render() {
         const clamped = Math.max(0, Math.min(100, this.value));
         const indeterminate = this.indeterminate;
-        return (index.h("div", { key: '77313f1edbd0a70e8b783155e71ba39ac6c2b905', class: {
+        return (index.h("div", { key: '88de4aa234fc442abdd438c30e93cf98c1fc3602', class: {
                 'co-progress-bar': true,
                 [`co-progress-bar--${this.status}`]: true,
                 [`co-progress-bar--${this.variant}`]: true,
                 'co-progress-bar--indeterminate': indeterminate,
-            }, role: "progressbar", "aria-valuenow": indeterminate ? undefined : clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "bar", style: { height: `${this.thickness}px` } }, index.h("div", { key: '1c6e1942e8128d49f01bb2fedac113eee2f31ac6', class: "co-progress-bar__fill", style: indeterminate ? undefined : { width: `${clamped}%` } })));
+            }, role: "progressbar", "aria-valuenow": indeterminate ? undefined : clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "bar", style: { height: `${this.thickness}px` } }, index.h("div", { key: '20302f98f83a18eda4477eeb333aadc6beead8ba', class: "co-progress-bar__fill", style: indeterminate ? undefined : { width: `${clamped}%` } })));
     }
 };
 CoProgressBar.style = coProgressBarCss();

package/dist/cjs/co-progress-circle.cjs.entry.js

@@ -22,7 +22,7 @@ const CoProgressCircle = class {
         const clamped = Math.max(0, Math.min(100, this.value));
         const angle = (clamped / 100) * 360;
         const safeStroke = Math.min(this.strokeWidth, this.size / 2);
-        return (index.h("div", { key: '879a0c95c7d4aa279eed21447b093bc1461afa4c', class: {
+        return (index.h("div", { key: '43d2823b3f20fb1c604fc0f9dab2cf15ca52db4e', class: {
                 'co-progress-circle': true,
                 [`co-progress-circle--${this.status}`]: true,
             }, role: "progressbar", "aria-valuenow": clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "circle", style: {
@@ -30,7 +30,7 @@ const CoProgressCircle = class {
                 height: `${this.size}px`,
                 '--co-pc-angle': `${angle}deg`,
                 '--co-pc-stroke': `${safeStroke}px`,
-            } }, index.h("div", { key: '7f2ece80cede1b6eda659706fe4a2b8cbfc6f47a', class: "co-progress-circle__track" }), this.showLabel && (index.h("span", { key: '83cbbe79663dae93962da7d1d9ae1f27a6e46fa4', class: "co-progress-circle__label" }, clamped, "%"))));
+            } }, index.h("div", { key: '23165c28690602eeea2f22ecc66982dee7c2dd62', class: "co-progress-circle__track" }), this.showLabel && (index.h("span", { key: '47b3c3ef7122c94c7ae216b7a3f5cb81cc9a028c', class: "co-progress-circle__label" }, clamped, "%"))));
     }
 };
 CoProgressCircle.style = coProgressCircleCss();

package/dist/cjs/co-provider-logo_2.cjs.entry.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var index = require('./index-kBiXCEE7.js');
+
+const coProviderLogoCss = () => `:host{display:inline-flex;flex:0 0 auto;line-height:0}.co-provider-logo{display:inline-flex;align-items:center;justify-content:center}.co-provider-logo--plated{background:#fff;border-radius:var(--co-border-radius-full);box-shadow:0 0 0 1px rgb(0 0 0 / 8%)}`;
+
+/** Marcas oficiales, con sus colores. NO se tokenizan: un logo recoloreado
+ *  deja de ser el logo (misma excepción que aplica el host para brand icons). */
+const BRANDS = {
+    google: {
+        viewBox: '0 0 48 48',
+        paths: [
+            { fill: '#EA4335', d: 'M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z' },
+            { fill: '#4285F4', d: 'M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z' },
+            { fill: '#FBBC05', d: 'M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z' },
+            { fill: '#34A853', d: 'M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z' },
+        ],
+    },
+    microsoft: {
+        viewBox: '0 0 23 23',
+        paths: [
+            { fill: '#F25022', d: 'M1 1h10v10H1z' },
+            { fill: '#7FBA00', d: 'M12 1h10v10H12z' },
+            { fill: '#00A4EF', d: 'M1 12h10v10H1z' },
+            { fill: '#FFB900', d: 'M12 12h10v10H12z' },
+        ],
+    },
+};
+const CoProviderLogo = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Lado del logo en px (los viewBox son cuadrados). */
+        this.size = 16;
+        /** Disco blanco de fondo para contraste sobre superficies de color. */
+        this.plated = false;
+    }
+    render() {
+        var _a;
+        const key = String((_a = this.provider) !== null && _a !== void 0 ? _a : '').toLowerCase();
+        const brand = BRANDS[key.includes('outlook') ? 'microsoft' : key];
+        if (!brand)
+            return null;
+        // El disco crece sobre el logo para que la marca respire dentro del plato.
+        const box = this.plated ? Math.round(this.size * 1.5) : this.size;
+        return (index.h("span", { class: { 'co-provider-logo': true, 'co-provider-logo--plated': this.plated }, style: { width: `${box}px`, height: `${box}px` }, part: "root" }, index.h("svg", { width: this.size, height: this.size, viewBox: brand.viewBox, "aria-hidden": "true", focusable: "false" }, brand.paths.map((p) => (index.h("path", { fill: p.fill, d: p.d }))))));
+    }
+};
+CoProviderLogo.style = coProviderLogoCss();
+
+const coSkeletonCss = () => `:host{display:block}.co-skeleton{height:1em;border-radius:var(--co-border-radius-xs);background:linear-gradient(     90deg,     var(--co-semantic-surface-secondary) 0%,     var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%,     var(--co-semantic-surface-secondary) 100%   );background-size:200% 100%;animation:co-skeleton-sweep 1.2s ease-in-out infinite}.co-skeleton--text{border-radius:var(--co-border-radius-xxs)}.co-skeleton--circle{border-radius:var(--co-border-radius-full)}@keyframes co-skeleton-sweep{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-skeleton{animation:none}}`;
+
+const CoSkeleton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** rect (default) | text (radio menor) | circle */
+        this.variant = 'rect';
+        /** Ancho CSS (default 100%) */
+        this.width = '100%';
+        /** Alto CSS (default por variante en CSS) */
+        this.height = '';
+    }
+    render() {
+        const style = { width: this.width };
+        if (this.height)
+            style.height = this.height;
+        return (index.h("div", { key: '233bdc2410690a010be28e57f71880f885edd711', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
+    }
+};
+CoSkeleton.style = coSkeletonCss();
+
+exports.co_provider_logo = CoProviderLogo;
+exports.co_skeleton = CoSkeleton;

package/dist/cjs/co-radio.cjs.entry.js

@@ -24,15 +24,15 @@ const CoRadio = class {
         };
     }
     render() {
-        return (index.h("div", { key: '65bc1f5e350693d2ccbe1fb7e83af03bee729904', class: {
+        return (index.h("div", { key: '336f85ea727de12ef444126ba6f428957463663c', class: {
                 'co-radio-row': true,
                 'co-radio-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, index.h("button", { key: '16dfd7001260a09ef6c77b85b8d3b9b465a3fa98', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            }, onClick: this.handleClick }, index.h("button", { key: '9f703411fc244639599918c9673e166ca6b820a6', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
                 'co-radio': true,
                 [`co-radio--${this.size}`]: true,
                 'co-radio--checked': this.checked,
                 'co-radio--disabled': this.disabled,
-            }, disabled: this.disabled, part: "circle" }), this.label && (index.h("span", { key: '87ae90a0b64ca95b0806599f16f7770e06329dfc', class: "co-radio__label", part: "label" }, this.label))));
+            }, disabled: this.disabled, part: "circle" }), this.label && (index.h("span", { key: 'f7f027f702b41e9b52f281cb80ef05d57f0fae1b', class: "co-radio__label", part: "label" }, this.label))));
     }
 };
 CoRadio.style = coRadioCss();

package/dist/cjs/co-rating.cjs.entry.js

@@ -43,16 +43,16 @@ const CoRating = class {
         const iconSize = this.size === 'large' ? 28 : 20;
         const active = this.hoverValue || this.value;
         const stars = Array.from({ length: this.max }, (_, i) => i + 1);
-        return (index.h("div", { key: '0c7b3f29a8dd3604712402d76d97e7bd89d5009f', class: {
+        return (index.h("div", { key: '1f30917baf6de9922ebf76214c324b2669046f98', class: {
                 'co-rating': true,
                 'co-rating--disabled': this.disabled,
                 'co-rating--readonly': this.readOnly,
                 [`co-rating--${this.size}`]: true,
-            } }, this.label && index.h("label", { key: 'a371c03388a9854bbaaf7a9388159a7684a90c2f', class: "co-rating__label" }, this.label), index.h("div", { key: '0479a6b098fe059d800bc1c33b833a3c67f0f2c7', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (index.h("button", { class: {
+            } }, this.label && index.h("label", { key: 'f03d4bd39a49f4e16d5724478f4c0f15ac3a8c92', class: "co-rating__label" }, this.label), index.h("div", { key: '96301d47ba510e923f0abd3f5fff63b5f8437099', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (index.h("button", { class: {
                 'co-rating__star': true,
                 'co-rating__star--active': star <= active,
                 'co-rating__star--hover': this.hoverValue > 0 && star <= this.hoverValue,
-            }, type: "button", tabIndex: this.disabled || this.readOnly ? -1 : 0, disabled: this.disabled, onClick: () => this.handleClick(star), onMouseEnter: () => this.handleMouseEnter(star), "aria-label": `${star} of ${this.max}` }, index.h("co-icon", { name: this.icon, size: iconSize, weight: star <= active ? 'fill' : 'regular' }))))), this.helperText && (index.h("div", { key: '18267dee4784ba5c2a49acb12374f7d1ae696cdd', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'be16cbf699c2e9360d90106546b8150b3329885b', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), index.h("span", { key: 'c7f3f02d072ded7d59bd0a23ff4a6de9cb73cf72', class: "co-rating__helper-text" }, this.helperText)))));
+            }, type: "button", tabIndex: this.disabled || this.readOnly ? -1 : 0, disabled: this.disabled, onClick: () => this.handleClick(star), onMouseEnter: () => this.handleMouseEnter(star), "aria-label": `${star} of ${this.max}` }, index.h("co-icon", { name: this.icon, size: iconSize, weight: star <= active ? 'fill' : 'regular' }))))), this.helperText && (index.h("div", { key: '4e84ece3536c2e028057be76910eae6fa3ac6228', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'a24e3451108027dc941c96dbf03988e1cab92424', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), index.h("span", { key: '734bc0b5515d95ac1d5545b20842d949e35a0d87', class: "co-rating__helper-text" }, this.helperText)))));
     }
 };
 CoRating.style = coRatingCss();

package/dist/cjs/co-ref-field.cjs.entry.js

@@ -114,6 +114,10 @@ const CoRefField = class {
                 this.isOpen = false;
             }
         };
+        this.handleReorder = (detail) => {
+            this.value = JSON.stringify(detail.value);
+            this.coChange.emit({ value: detail.value, item: detail.item });
+        };
         this.handleClear = (e) => {
             e.stopPropagation();
             this.value = this.multiple ? '[]' : '';
@@ -331,11 +335,11 @@ const CoRefField = class {
                 'co-ref-field__panel': true,
                 'co-ref-field__panel--dark': this.panelTheme === 'dark',
                 'co-ref-field__panel--light': this.panelTheme === 'light',
-            } }, index.h("co-option-list", { ref: (el) => (this.optionListEl = el), items: typeof this.options === 'string' ? this.options : JSON.stringify(this.options), value: this.value, selectedItems: typeof this.selectedDisplay === 'string' ? this.selectedDisplay : JSON.stringify(this.selectedDisplay), multiple: this.multiple, selectedFirst: this.multiple, selectedAffordance: "deselect", searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: this.searchDebounce, loading: this.loading, total: this.total, emptyMessage: this.emptyMessage, avatarShape: this.avatarShape, onCoSearch: (e) => this.coSearch.emit(e.detail), onCoChange: (e) => this.handleOptionClick(e.detail.item), onCoLoadMore: () => this.coLoadMore.emit() }, this.showFooter && (index.h("div", { class: "co-ref-field__footer", slot: "footer" }, index.h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--secondary", type: "button", onClick: this.handleFooterSecondary }, index.h("co-icon", { name: "plus", size: 16 }), index.h("span", null, this.footerSecondaryLabel)), index.h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--primary", type: "button", onClick: this.handleFooterPrimary }, index.h("co-icon", { name: "check", size: 16 }), index.h("span", null, this.footerPrimaryLabel)))))));
+            } }, index.h("co-option-list", { ref: (el) => (this.optionListEl = el), items: typeof this.options === 'string' ? this.options : JSON.stringify(this.options), value: this.value, selectedItems: typeof this.selectedDisplay === 'string' ? this.selectedDisplay : JSON.stringify(this.selectedDisplay), multiple: this.multiple, selectedFirst: this.multiple, reorderable: this.multiple, selectedAffordance: "deselect", searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: this.searchDebounce, loading: this.loading, total: this.total, emptyMessage: this.emptyMessage, avatarShape: this.avatarShape, onCoSearch: (e) => this.coSearch.emit(e.detail), onCoChange: (e) => this.handleOptionClick(e.detail.item), onCoReorder: (e) => this.handleReorder(e.detail), onCoLoadMore: () => this.coLoadMore.emit() }, this.showFooter && (index.h("div", { class: "co-ref-field__footer", slot: "footer" }, index.h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--secondary", type: "button", onClick: this.handleFooterSecondary }, index.h("co-icon", { name: "plus", size: 16 }), index.h("span", null, this.footerSecondaryLabel)), index.h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--primary", type: "button", onClick: this.handleFooterPrimary }, index.h("co-icon", { name: "check", size: 16 }), index.h("span", null, this.footerPrimaryLabel)))))));
     }
     // ── Main render ────────────────────────────────────────────
     render() {
-        return (index.h("div", { key: '19b3543f876fa1396cb08ac5d24f0cdfdfff06ad', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (index.h("div", { key: '2ae2a6946b2fecc67551acd7b1e966bb8b4fc392', class: "co-ref-field__labels" }, this.label && (index.h("label", { key: '0552bc35602d1f03ff68bb8cee9ab79a43b39a14', class: "co-ref-field__label" }, this.labelIcon && (index.h("co-icon", { key: 'b9731bccb2dcf66749e6240d83c25385c4bc312c', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, index.h(requiredMark.RequiredMark, { key: 'c49c5dd8d0bf8824363a1eba27386a6c87b64688', required: this.required }))), this.secondaryLabel && (index.h("span", { key: '2c23a1ab30fe332e7d80d02f162876f1d56d5817', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), index.h("co-popover", { key: '91ac16f115e0d631a27bf6fae212dffba274cbcb', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: '410a56a47f7092904d09d41cb2e269b8627b8151', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (index.h("div", { key: '044055f24a9cf11eacd22383d793c2133b555419', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (index.h("co-icon", { key: '96dd504f4900f394370ad938b458f044abd2aa9a', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), index.h("span", { key: 'ac4bc95df2bb54dc7b60fc5fa098f8cf40c81153' }, this.helperText)))));
+        return (index.h("div", { key: '0ce5a3a17573be110e31d9b9a852c9d38920ebe7', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'd8e57aa53a86c4a7eea93f5eb5bf599172028c8b', class: "co-ref-field__labels" }, this.label && (index.h("label", { key: '85047359916520cb24dd41806bc55105d58546c0', class: "co-ref-field__label" }, this.labelIcon && (index.h("co-icon", { key: '1a915ad0d00edde85e5a42c6aca46dd51d6934cd', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, index.h(requiredMark.RequiredMark, { key: '117e40254873f5736cf0adf41f8e075975e46c28', required: this.required }))), this.secondaryLabel && (index.h("span", { key: '054f1fe59359d4dafda008396867f1c9b70607cb', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), index.h("co-popover", { key: '56dbfeb3560e771908e9e0c4d41c34b0a69c8db4', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: '4fe5a05e993c561d5e721c778ed55e71a3e26260', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (index.h("div", { key: '9a49dcd557477db1c8460ee974682a13730b360e', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (index.h("co-icon", { key: 'a8868a9cf707dd1b202a86c03ccab43778857fe8', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), index.h("span", { key: 'a11dbf26c8c975089d5e384316a154a2f03eab7b' }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {