@prolibu-suite/cobalt-core 0.9.6 → 0.10.1

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DK-2Lzmf.js');
-var positioning = require('./positioning-DCj_AJ2T.js');
+var index = require('./index-MDAnKsze.js');
+var positioning = require('./positioning-CyatXeT_.js');
 
 /**
  * Pila global de popovers abiertos (orden de apertura). Permite que el
@@ -28,7 +28,7 @@ function isTopLayer(el) {
     return stack.length > 0 && stack[stack.length - 1] === el;
 }
 
-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;opacity:0;transform:scale(0.98);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;opacity:1;transform:scale(1);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out),     transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-popover__panel--bottom{transform-origin:top center}.co-popover__panel--top{transform-origin:bottom center}.co-popover__panel--right{transform-origin:center left}.co-popover__panel--left{transform-origin:center right}`;
+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;opacity:0;transform:scale(0.97);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;opacity:1;transform:scale(1);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out),     transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-popover__panel--closing{visibility:visible;opacity:0;transform:scale(0.99);pointer-events:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-in),     transform var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-popover__panel--bottom{transform-origin:top center}.co-popover__panel--top{transform-origin:bottom center}.co-popover__panel--right{transform-origin:center left}.co-popover__panel--left{transform-origin:center right}`;
 
 /** Side classes driving the entrance `transform-origin` (see co-popover.css). */
 const SIDE_CLASSES = ['top', 'bottom', 'left', 'right'].map((s) => `co-popover__panel--${s}`);
@@ -37,6 +37,7 @@ const CoPopover = class {
         index.registerInstance(this, hostRef);
         this.coOpen = index.createEvent(this, "coOpen", 3);
         this.coClose = index.createEvent(this, "coClose", 3);
+        this.coPlacement = index.createEvent(this, "coPlacement", 3);
         // ── Props ──────────────────────────────────────────────────
         /** Whether the popover panel is visible. */
         this.open = false;
@@ -59,6 +60,8 @@ const CoPopover = class {
         this.closeOnEscape = true;
         /** Flip placement when the panel would overflow the viewport. */
         this.flip = true;
+        /** Fase de salida: mantiene el panel montado mientras corre la transición de cierre. */
+        this.closing = false;
         this.scrollParents = [];
         // Cached offset ancestor + a flag to distinguish "not computed yet" from
         // "computed and there is none". Avoids re-walking the DOM + calling
@@ -70,6 +73,20 @@ const CoPopover = class {
         // had every popover instance (open or not) running capture-phase document
         // click handlers, growing O(N) with popover count in the page.
         this.docListenersBound = false;
+        this.finishClose = () => {
+            clearTimeout(this.closeFallbackTimer);
+            if (this.open)
+                return; // reabierto durante el cierre
+            this.closing = false;
+            this.panelEl = undefined;
+        };
+        this.handlePanelTransitionEnd = (e) => {
+            if (this.open || !this.closing)
+                return;
+            if (e.target !== this.panelEl || e.propertyName !== 'transform')
+                return;
+            this.finishClose();
+        };
         // ── Click outside (manual, capture phase) ──────────────────
         // Attached/detached in connectedCallback/disconnectedCallback. Using capture
         // phase so we run before any inner-element listeners that might stop
@@ -109,8 +126,8 @@ const CoPopover = class {
                 return;
             const triggerRect = this.triggerEl.getBoundingClientRect();
             // ⚠️ El panel arrastra el `transform: scale()` de la entrada, y
-            // getBoundingClientRect() devuelve la caja TRANSFORMADA: 0.98× al montar y
-            // ~0.982× en la segunda pasada del watcher (~16ms de los 180ms). Medir con
+            // getBoundingClientRect() devuelve la caja TRANSFORMADA: 0.97× al montar y
+            // ~0.972× en la segunda pasada del watcher (~16ms de los `base` 250ms). Medir con
             // ella metía el factor de escala DENTRO de la matemática de posicionamiento,
             // y ~2% del error quedaba en la posición de reposo: las alineaciones que
             // restan el tamaño del panel (`bottom-end` — el default de co-menu —, `top*`,
@@ -165,6 +182,7 @@ const CoPopover = class {
                 if (!this.panelEl.classList.contains(sideClass)) {
                     this.panelEl.classList.remove(...SIDE_CLASSES);
                     this.panelEl.classList.add(sideClass);
+                    this.coPlacement.emit({ placement: actualPlacement });
                 }
                 this.panelEl.classList.add('co-popover__panel--positioned');
             }
@@ -198,10 +216,18 @@ const CoPopover = class {
         removeLayer(this.el);
         this.unbindDocListeners();
         this.cleanupListeners();
+        clearTimeout(this.closeFallbackTimer);
+        // Desconectado a mitad del exit (p.ej. host removido por un v-if del
+        // padre mientras corre la transición de cierre): si se reconecta luego
+        // (:key remount, teleport) sin pasar por finishClose, `closing` quedaría
+        // stale en true y el panel nacería en fase de salida.
+        this.closing = false;
     }
     // ── Watchers ───────────────────────────────────────────────
     onOpenChange(isOpen) {
         if (isOpen) {
+            this.closing = false;
+            clearTimeout(this.closeFallbackTimer);
             pushLayer(this.el);
             this.coOpen.emit();
             this.bindDocListeners();
@@ -222,10 +248,16 @@ const CoPopover = class {
             this.unbindDocListeners();
             this.cachedOffsetAncestor = null;
             this.offsetAncestorComputed = false;
-            // The panel is removed from the DOM by the conditional render (which also
-            // evicts it from the top layer); drop the now-detached ref so no async
-            // updatePosition can touch a stale element before the next open re-sets it.
-            this.panelEl = undefined;
+            // Panel keeps its ref/position frozen through the exit animation — the
+            // ref is dropped only when `finishClose` actually unmounts the node
+            // (transitionend, or the fallback timer). `panelEl` is intentionally
+            // NOT cleared here.
+            this.closing = true;
+            // Fallback por si transitionend no dispara (tab oculta, display:none ancestro).
+            // ⚠️ Atado al token: debe superar --co-motion-duration-fast (150ms) con margen —
+            // si el retune sube `fast` por encima de ~350ms, revisar esta constante.
+            clearTimeout(this.closeFallbackTimer);
+            this.closeFallbackTimer = setTimeout(() => this.finishClose(), 400);
         }
     }
     bindDocListeners() {
@@ -274,19 +306,24 @@ const CoPopover = class {
         }
     }
     // ── Scroll/resize listeners ────────────────────────────────
-    // Listen to window resize/scroll (covers most layout changes) and to the
-    // NEAREST scrollable ancestor (covers internal-scroll containers like a
-    // datatable body or co-drawer). Previously walked the entire ancestor chain,
-    // attaching N listeners per popover open — for deep trees, that was 5-10
-    // extra listeners per popover × per-scroll-tick getBoundingClientRect calls.
+    // Listen to window resize/scroll and to every ancestor that ACTUALLY scrolls
+    // (co-drawer/co-modal body, datatable body…).
+    //
+    // El listener de window NO alcanza por sí solo: los eventos `scroll` no son
+    // `composed`, así que el de un scroller que vive dentro de un shadow root
+    // —el caso de `.co-drawer__body`— nunca cruza el límite y el capture de
+    // window no lo ve. Por eso hay que engancharse al scroller mismo.
+    //
+    // Se recorre la cadena entera y no solo el ancestro más cercano porque los
+    // scrollers se anidan; `findScrollParents` ya filtra por `overflow` real, así
+    // que la lista queda en 1-2 elementos y no en los 5-10 que motivaron acotar
+    // esto a uno solo en su momento.
     addScrollListeners() {
         window.addEventListener('resize', this.scheduleUpdate, { passive: true });
         window.addEventListener('scroll', this.scheduleUpdate, { passive: true, capture: true });
-        this.scrollParents = [];
-        const scrollAncestor = positioning.findNearestScrollParent(this.el);
-        if (scrollAncestor) {
-            scrollAncestor.addEventListener('scroll', this.scheduleUpdate, { passive: true });
-            this.scrollParents.push(scrollAncestor);
+        this.scrollParents = positioning.findScrollParents(this.el);
+        for (const parent of this.scrollParents) {
+            parent.addEventListener('scroll', this.scheduleUpdate, { passive: true });
         }
     }
     cleanupListeners() {
@@ -303,13 +340,13 @@ const CoPopover = class {
     }
     // ── Render ─────────────────────────────────────────────────
     render() {
-        return (index.h("div", { key: '8a4ccad04a131824d9990759a41905e4772fd56c', class: "co-popover" }, index.h("div", { key: 'b71344c25aa5f785dbcb65425931f25403877173', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, index.h("slot", { key: '3a2ad77fbf1d79f917f9c7278faef8ecb65a364e', name: "trigger" })), this.open && (index.h("div", { key: 'dd6d65a867b15ad3d6fe18658d1f3fdd89be8806', class: "co-popover__panel", popover: "manual", ref: (el) => {
+        return (index.h("div", { key: 'f8460e212fabe8828f1e33f08304d7e680a7cab0', class: "co-popover" }, index.h("div", { key: 'c9caad8ae7f16c82173e4b30ad5cc053dc73b6da', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, index.h("slot", { key: 'afa0443ba85607cf24f517e8c7fe0cee689df024', name: "trigger" })), (this.open || this.closing) && (index.h("div", { key: 'd2a081f8923f53ac456edd6e5eb7422dc5ab7daa', class: { 'co-popover__panel': true, 'co-popover__panel--closing': this.closing }, popover: "manual", onTransitionEnd: this.handlePanelTransitionEnd, ref: (el) => {
                 if (el && el !== this.panelEl) {
                     this.panelEl = el;
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            } }, index.h("slot", { key: '3082d046fc973bd5f571b4f9b845844be6e6bf9c' })))));
+            } }, index.h("slot", { key: '8466f617bd6b8a497e2040d3275b384156de126c' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DK-2Lzmf.js');
+var index = require('./index-MDAnKsze.js');
 
 const coProgressBarCss = () => `:host{display:block;width:100%}.co-progress-bar{width:100%;border-radius:9999px;overflow:hidden;background:var(--co-semantic-border-subtle);position:relative}.co-progress-bar__fill{height:100%;border-radius:9999px;transition:width 0.3s ease}.co-progress-bar--solid .co-progress-bar__fill{background:var(--co-semantic-status-info)}.co-progress-bar--solid.co-progress-bar--success .co-progress-bar__fill{background:var(--co-semantic-status-success)}.co-progress-bar--solid.co-progress-bar--warning .co-progress-bar__fill{background:var(--co-semantic-status-warning)}.co-progress-bar--solid.co-progress-bar--error .co-progress-bar__fill{background:var(--co-semantic-status-error)}.co-progress-bar--dashed{background:transparent;border:2px dashed var(--co-semantic-border-subtle)}.co-progress-bar--dashed .co-progress-bar__fill{background:transparent;border-bottom:2px dashed var(--co-semantic-status-info);border-radius:0}.co-progress-bar--dashed.co-progress-bar--success .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-success)}.co-progress-bar--dashed.co-progress-bar--warning .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-warning)}.co-progress-bar--dashed.co-progress-bar--error .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-error)}.co-progress-bar--dashed.co-progress-bar--default{border-color:var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08))}.co-progress-bar--indeterminate .co-progress-bar__fill{width:40%;transition:none;animation:co-progress-indeterminate 1.4s ease-in-out infinite;will-change:transform}@keyframes co-progress-indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}@media (prefers-reduced-motion: reduce){.co-progress-bar--indeterminate .co-progress-bar__fill{animation:none;width:100%;opacity:0.45}}`;
 
@@ -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: 'ec9ad8aa5fec0758148920a219a9ad38bbb2d26a', class: {
+        return (index.h("div", { key: 'bcf5e566cfa6726eac8578288797d1004e4003fb', 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: '18185890f38b6fba049d914a98644c655d0f5cbe', 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: '932537ab1521b2d7fcd0e1bb57c027a276dacaf3', class: "co-progress-bar__fill", style: indeterminate ? undefined : { width: `${clamped}%` } })));
     }
 };
 CoProgressBar.style = coProgressBarCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DK-2Lzmf.js');
+var index = require('./index-MDAnKsze.js');
 
 const coProgressCircleCss = () => `:host{display:inline-flex}.co-progress-circle{--_color:var(--co-semantic-status-info, #2563eb);--_track:var(--co-color-opacity-negro-8, rgba(0, 0, 0, 0.08));position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(     var(--_color) var(--co-pc-angle, 0deg),     var(--_track) var(--co-pc-angle, 0deg)   );transition:background var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-progress-circle__track{position:absolute;inset:var(--co-pc-stroke, 4px);border-radius:50%;background:var(--co-semantic-surface-page, #fff)}.co-progress-circle__label{position:relative;z-index:1;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-11, 11px);font-weight:600;color:var(--_color);line-height:1;pointer-events:none}.co-progress-circle--success{--_color:var(--co-semantic-status-success, #0a7724)}.co-progress-circle--warning{--_color:var(--co-semantic-status-warning, #f59e0b)}.co-progress-circle--error{--_color:var(--co-semantic-status-error, #aa2e1b)}`;
 
@@ -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: '54589f277b5c2b8b0d79ee514d96c58fc82f7f55', class: {
+        return (index.h("div", { key: 'bc100ca3ef731aab3168a247098102b8e9ab9537', 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: '531012a9eb019c39b11037e0ab6748ece8c946f1', class: "co-progress-circle__track" }), this.showLabel && (index.h("span", { key: '6ca9aff7a1069d59ad8cc65e5fb8c913084c6aa2', class: "co-progress-circle__label" }, clamped, "%"))));
+            } }, index.h("div", { key: '48862f1f57c0bb8cd6e03c2f0a84a1ae324d3ec1', class: "co-progress-circle__track" }), this.showLabel && (index.h("span", { key: '0ff2c6995740504e1df9b11dfa10e0a9f9d368c5', class: "co-progress-circle__label" }, clamped, "%"))));
     }
 };
 CoProgressCircle.style = coProgressCircleCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DK-2Lzmf.js');
+var index = require('./index-MDAnKsze.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%)}`;
 
@@ -47,24 +47,68 @@ const CoProviderLogo = class {
 };
 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 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)}.co-skeleton{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-in-out)}.co-skeleton--revealed{opacity:0;pointer-events:none;animation:none}@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);
+        this.coRevealEnd = index.createEvent(this, "coRevealEnd", 7);
         /** 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 = '';
+        /** Handoff al contenido real: fade-out del shimmer; el host desmonta en coRevealEnd. */
+        this.revealed = false;
+        /** Guard de emisión única: transitionend y el fallback timer no deben
+         *  disparar coRevealEnd dos veces para el mismo reveal. */
+        this.revealEndEmitted = false;
+        this.handleTransitionEnd = (e) => {
+            if (this.revealed && e.propertyName === 'opacity')
+                this.emitRevealEnd();
+        };
+    }
+    onRevealedChange(isRevealed) {
+        clearTimeout(this.revealFallbackTimer);
+        if (isRevealed) {
+            this.revealEndEmitted = false;
+            // Fallback por si transitionend no dispara (tab oculta, display:none
+            // ancestro) — mismo patrón que co-popover/co-tooltip.
+            // ⚠️ Atado al token: debe superar --co-motion-duration-base (250ms) con
+            // margen — si el retune sube `base` por encima de ~350ms, revisar esta
+            // constante.
+            this.revealFallbackTimer = setTimeout(() => this.emitRevealEnd(), 400);
+        }
+        else {
+            this.revealEndEmitted = false;
+        }
+    }
+    disconnectedCallback() {
+        clearTimeout(this.revealFallbackTimer);
+    }
+    emitRevealEnd() {
+        clearTimeout(this.revealFallbackTimer);
+        if (this.revealEndEmitted)
+            return;
+        this.revealEndEmitted = true;
+        this.coRevealEnd.emit();
     }
     render() {
         const style = { width: this.width };
         if (this.height)
             style.height = this.height;
-        return (index.h("div", { key: '73b02d1b6b08093d3a6126cffe84c7174ceac5e1', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
+        return (index.h("div", { key: '45da8e989feca14de295c7b83bfd8f5e196a9734', class: {
+                'co-skeleton': true,
+                [`co-skeleton--${this.variant}`]: true,
+                'co-skeleton--revealed': this.revealed,
+            }, part: "skeleton", style: style, "aria-hidden": "true", onTransitionEnd: this.handleTransitionEnd }));
     }
+    static get watchers() { return {
+        "revealed": [{
+                "onRevealedChange": 0
+            }]
+    }; }
 };
 CoSkeleton.style = coSkeletonCss();
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DK-2Lzmf.js');
+var index = require('./index-MDAnKsze.js');
 
 const coRadioGroupCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-radio-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-radio-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-radio-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-radio-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-radio-group--disabled .co-radio-group__label,.co-radio-group--disabled .co-radio-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-radio-group__options{display:flex;gap:var(--co-spacing-md)}.co-radio-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-radio-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-radio-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-radio-group__item--disabled{cursor:not-allowed}.co-radio-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-radio-group__item--disabled .co-radio-group__option-label{color:var(--co-semantic-text-disabled)}.co-radio-group__circle{position:relative;display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-width:1.5px;border-radius:var(--co-border-radius-full);background:transparent;flex-shrink:0;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-radio-group__circle--small{width:16px;height:16px}.co-radio-group__circle--large{width:24px;height:24px}.co-radio-group__circle:not(.co-radio-group__circle--checked){border-color:var(--co-semantic-border-default)}.co-radio-group__circle--checked{border-color:var(--co-semantic-border-strong)}.co-radio-group__circle--checked::after{content:'';display:block;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary)}.co-radio-group__circle--small.co-radio-group__circle--checked::after{width:8px;height:8px}.co-radio-group__circle--large.co-radio-group__circle--checked::after{width:14px;height:14px}.co-radio-group__circle--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-radio-group--error .co-radio-group__circle{border-color:var(--co-semantic-status-error)}.co-radio-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-radio-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-radio-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-radio-group__helper--error .co-radio-group__helper-icon,.co-radio-group__helper--error .co-radio-group__helper-text{color:var(--co-semantic-status-error)}.co-radio-group__helper--success .co-radio-group__helper-icon,.co-radio-group__helper--success .co-radio-group__helper-text{color:var(--co-semantic-status-success)}.co-radio-group__helper--warning .co-radio-group__helper-icon,.co-radio-group__helper--warning .co-radio-group__helper-text{color:var(--co-color-status-review)}.co-radio-group__helper--info .co-radio-group__helper-icon,.co-radio-group__helper--info .co-radio-group__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-radio-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-radio-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-radio-group__label{white-space:normal}:host([layout='horizontal']) .co-radio-group>:not(.co-radio-group__labels){grid-column:2;min-width:0}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DK-2Lzmf.js');
+var index = require('./index-MDAnKsze.js');
 
 const coRadioCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-radio-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-radio-row--disabled{cursor:not-allowed}.co-radio__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;user-select:none}.co-radio-row--disabled .co-radio__label{color:var(--co-semantic-text-disabled)}.co-radio{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-style:solid;border-width:1.5px;border-radius:var(--co-border-radius-full);outline:none;padding:0;background:transparent;flex-shrink:0;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-radio--small{width:16px;height:16px}.co-radio--large{width:24px;height:24px}.co-radio:not(.co-radio--checked){border-color:var(--co-semantic-border-default)}.co-radio--checked{border-color:var(--co-semantic-border-strong)}.co-radio--checked::after{content:'';display:block;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary)}.co-radio--small.co-radio--checked::after{width:8px;height:8px}.co-radio--large.co-radio--checked::after{width:14px;height:14px}.co-radio--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}`;
 
@@ -24,15 +24,15 @@ const CoRadio = class {
         };
     }
     render() {
-        return (index.h("div", { key: '1726b4dd23985c0cae5ce04d795924e069511ccb', class: {
+        return (index.h("div", { key: '59335ec237efb379852efc4fabcb7cbb37632a1e', class: {
                 'co-radio-row': true,
                 'co-radio-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, index.h("button", { key: '2164e458b160a853127a50af15560c6ff94bb3e5', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            }, onClick: this.handleClick }, index.h("button", { key: 'dc726deac041e9df4cb34f60a473350426ed2cbc', 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: 'ac519d76a29d186bcbfa8b5e100272f3ccb305ef', class: "co-radio__label", part: "label" }, this.label))));
+            }, disabled: this.disabled, part: "circle" }), this.label && (index.h("span", { key: 'bf2602521d20f806283884ba3ebbab4ff4ef0c70', class: "co-radio__label", part: "label" }, this.label))));
     }
 };
 CoRadio.style = coRadioCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DK-2Lzmf.js');
+var index = require('./index-MDAnKsze.js');
 
 const coRatingCss = () => `:host{display:inline-block;font-family:var(--co-font-family-primary);line-height:1}.co-rating{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-rating__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default;padding:0 var(--co-spacing-xs)}.co-rating--disabled .co-rating__label{color:var(--co-semantic-text-disabled)}.co-rating__stars{display:inline-flex;gap:var(--co-spacing-xs)}.co-rating__star{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-border-subtle);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-rating__star:hover:not(:disabled){transform:scale(1.15)}.co-rating__star--active{color:#F5A623;}.co-rating__star--hover{color:#F5A623}.co-rating--disabled .co-rating__star{cursor:not-allowed;opacity:0.5}.co-rating--readonly .co-rating__star{cursor:default}.co-rating__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-rating__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-rating__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-rating__helper--error .co-rating__helper-icon,.co-rating__helper--error .co-rating__helper-text{color:var(--co-semantic-status-error)}.co-rating__helper--success .co-rating__helper-icon,.co-rating__helper--success .co-rating__helper-text{color:var(--co-semantic-status-success)}.co-rating__helper--warning .co-rating__helper-icon,.co-rating__helper--warning .co-rating__helper-text{color:var(--co-color-status-review)}.co-rating__helper--info .co-rating__helper-icon,.co-rating__helper--info .co-rating__helper-text{color:var(--co-semantic-status-info)}`;
 
@@ -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: '781b724e9eee1223d988d0669983b33c0e0867c2', class: {
+        return (index.h("div", { key: 'a825b7cf49067c0a12ccddb81554c172d90a888f', 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: '77788be712df1d8ad302969a408c02b47ba5fd61', class: "co-rating__label" }, this.label), index.h("div", { key: '5f3bbad8e8f1a7a2e79eabb0e8e9bd3a3effeba9', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (index.h("button", { class: {
+            } }, this.label && index.h("label", { key: '354b3b676401d0265e5f64aed1b137b97a147468', class: "co-rating__label" }, this.label), index.h("div", { key: '29c8af2cde2482ac803e75025dc5533c7051c2ff', 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: 'e8d0f15c83777dc5d3c3bd1db3d9c16a9c120f56', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'cd3f94380d0165845fab30aba00700304082b566', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), index.h("span", { key: 'b4e9e93a4a8d7c02016ea3f53735b48cef5a3754', 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: '0fcc95b7e125f1ef57c67ed9e46d4511da5d3eaa', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'c9cb1f60e902c0b52a45225bedacd92ba08ae0b4', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), index.h("span", { key: '8a5479175de97fccb5947f2f8f2c87888481b104', class: "co-rating__helper-text" }, this.helperText)))));
     }
 };
 CoRating.style = coRatingCss();