@prolibu-suite/cobalt-core 0.9.0 → 0.9.2

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

@@ -3,6 +3,31 @@
 var index = require('./index-DK-2Lzmf.js');
 var positioning = require('./positioning-DCj_AJ2T.js');
 
+/**
+ * Pila global de popovers abiertos (orden de apertura). Permite que el
+ * outside-click y ESC cierren SOLO el popover de más arriba: con un dropdown
+ * anidado dentro de un panel (filtro de columna), el primer click afuera
+ * cierra el dropdown y el segundo cierra el panel — no todo junto.
+ *
+ * Alcance: EXCLUSIVAMENTE co-popover. co-drawer, co-modal, co-overlay y
+ * co-bottom-sheet NO participan de esta pila — resuelven su propio layering
+ * por separado (co-drawer, por ejemplo, con un querySelector de drawers/
+ * modales abiertos). No es un layer manager global.
+ */
+const stack = [];
+function pushLayer(el) {
+    removeLayer(el); // re-open: mover al tope, nunca duplicar
+    stack.push(el);
+}
+function removeLayer(el) {
+    const i = stack.indexOf(el);
+    if (i !== -1)
+        stack.splice(i, 1);
+}
+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}`;
 
 /** Side classes driving the entrance `transform-origin` (see co-popover.css). */
@@ -21,7 +46,14 @@ const CoPopover = class {
         this.matchWidth = false;
         /** Gap in px between trigger and panel. */
         this.offset = 4;
-        /** Close when clicking outside the component. */
+        /**
+         * Close when clicking outside the component.
+         *
+         * ⚠️ In a stacked popover scenario, only the top-of-stack layer reacts to
+         * outside clicks (see `handleDocumentClickManual`). If the TOP layer sets
+         * this to `false` (a persistent popover), outside clicks are swallowed
+         * entirely — popovers below it in the stack lose their dismiss too.
+         */
         this.closeOnClickOutside = true;
         /** Close when pressing Escape. */
         this.closeOnEscape = true;
@@ -47,6 +79,15 @@ const CoPopover = class {
             // Early-exit keeps closed instances silent.
             if (!this.open || !this.closeOnClickOutside)
                 return;
+            // Solo el tope de la pila reacciona al click afuera: con popovers
+            // anidados (dropdown dentro de un panel de filtro), el primer click
+            // afuera cierra solo el de más arriba; el padre queda intacto. Nota: si
+            // el TOPE tiene closeOnClickOutside=false (popover persistente), el
+            // click afuera no cierra NADA — el padre queda protegido detrás del hijo
+            // persistente (comportamiento deseado: el hijo bloquea el dismiss del
+            // padre). Con un solo popover abierto, nada cambia respecto a hoy.
+            if (!isTopLayer(this.el))
+                return;
             const path = e.composedPath();
             if (!path.includes(this.el)) {
                 this.open = false;
@@ -55,6 +96,8 @@ const CoPopover = class {
         this.handleDocumentKeydownManual = (e) => {
             if (!this.open || !this.closeOnEscape)
                 return;
+            if (!isTopLayer(this.el))
+                return; // solo el tope reacciona a ESC
             if (e.key === 'Escape') {
                 e.stopPropagation();
                 this.open = false;
@@ -152,12 +195,14 @@ const CoPopover = class {
             this.onOpenChange(true);
     }
     disconnectedCallback() {
+        removeLayer(this.el);
         this.unbindDocListeners();
         this.cleanupListeners();
     }
     // ── Watchers ───────────────────────────────────────────────
     onOpenChange(isOpen) {
         if (isOpen) {
+            pushLayer(this.el);
             this.coOpen.emit();
             this.bindDocListeners();
             // Schedule two updates: one immediate for initial position,
@@ -171,6 +216,7 @@ const CoPopover = class {
             this.addScrollListeners();
         }
         else {
+            removeLayer(this.el);
             this.coClose.emit();
             this.cleanupListeners();
             this.unbindDocListeners();
@@ -257,13 +303,13 @@ const CoPopover = class {
     }
     // ── Render ─────────────────────────────────────────────────
     render() {
-        return (index.h("div", { key: '52d7ebec42ee6e0306bbc31f177454810299fd97', class: "co-popover" }, index.h("div", { key: '7b3b35302f130c9aef3d352b896ded7aa85590a4', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, index.h("slot", { key: 'b601a5bfa04b45a5d4d7fe8001b4537a855ef168', name: "trigger" })), this.open && (index.h("div", { key: '7281452d76e80934192c5d0c945e8b00672dab0c', class: "co-popover__panel", popover: "manual", ref: (el) => {
+        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) => {
                 if (el && el !== this.panelEl) {
                     this.panelEl = el;
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            } }, index.h("slot", { key: 'd0903b97d26f0f16be36054f15dd64d6ae9a3d77' })))));
+            } }, index.h("slot", { key: '3082d046fc973bd5f571b4f9b845844be6e6bf9c' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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: '03c7bc9c161cd1e44401cd6671c99dee6f317f59', class: {
+        return (index.h("div", { key: 'ec9ad8aa5fec0758148920a219a9ad38bbb2d26a', 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: 'fcc7e309aa98fdb0442d5532320df3ab1d6fe902', 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: '18185890f38b6fba049d914a98644c655d0f5cbe', 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: '6c378b05df9c04d7856d0514fe773f2b63d07f23', class: {
+        return (index.h("div", { key: '54589f277b5c2b8b0d79ee514d96c58fc82f7f55', 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: '4adb6940868fca1bab3c1e8bd09088c69cae244e', class: "co-progress-circle__track" }), this.showLabel && (index.h("span", { key: 'a54ed3aad5460777dc765874007a6cb665cbca19', class: "co-progress-circle__label" }, clamped, "%"))));
+            } }, index.h("div", { key: '531012a9eb019c39b11037e0ab6748ece8c946f1', class: "co-progress-circle__track" }), this.showLabel && (index.h("span", { key: '6ca9aff7a1069d59ad8cc65e5fb8c913084c6aa2', class: "co-progress-circle__label" }, clamped, "%"))));
     }
 };
 CoProgressCircle.style = coProgressCircleCss();

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

@@ -63,7 +63,7 @@ const CoSkeleton = class {
         const style = { width: this.width };
         if (this.height)
             style.height = this.height;
-        return (index.h("div", { key: '319cb18749e7b42bdb62cb8c845f97a3b92a3cae', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
+        return (index.h("div", { key: '73b02d1b6b08093d3a6126cffe84c7174ceac5e1', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
     }
 };
 CoSkeleton.style = coSkeletonCss();

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

@@ -24,15 +24,15 @@ const CoRadio = class {
         };
     }
     render() {
-        return (index.h("div", { key: '58271c736f2b068e5453c904aac03fdb38b128f5', class: {
+        return (index.h("div", { key: '1726b4dd23985c0cae5ce04d795924e069511ccb', class: {
                 'co-radio-row': true,
                 'co-radio-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, index.h("button", { key: '9bf5caf7c7b0197caa624e0893acb26c42b446d7', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            }, onClick: this.handleClick }, index.h("button", { key: '2164e458b160a853127a50af15560c6ff94bb3e5', 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: '4f09ee5fe9807a7f2ebca3a1497edcfa482dbd99', class: "co-radio__label", part: "label" }, this.label))));
+            }, disabled: this.disabled, part: "circle" }), this.label && (index.h("span", { key: 'ac519d76a29d186bcbfa8b5e100272f3ccb305ef', 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: 'e0c349a8291d8e6070491da043a7e25f6a1760c9', class: {
+        return (index.h("div", { key: '781b724e9eee1223d988d0669983b33c0e0867c2', 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: '9b94b9f984de01b62b4fa8d81b9306373ace35ea', class: "co-rating__label" }, this.label), index.h("div", { key: '314c6ad766a0166ec840ef09a4e25f7215e7b431', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (index.h("button", { class: {
+            } }, 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: {
                 '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: '5dc15f3ca66f0c187ee8cd285f8750dbae053d4a', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'ef84a476928b566635cff02144637800b1e72e6e', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), index.h("span", { key: 'b4ddff2a4fee37645bb5352ab4bbfa7e222f51e4', 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: '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)))));
     }
 };
 CoRating.style = coRatingCss();

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

@@ -4,7 +4,7 @@ var index = require('./index-DK-2Lzmf.js');
 var requiredMark = require('./requiredMark-C1xcrzSZ.js');
 var fieldChip = require('./fieldChip-xNJPEFcS.js');
 
-const coRefFieldCss = () => `: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;position:relative}.co-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-ref-field-trigger-bg, var(--co-semantic-surface-page));border:1px solid var(--co-ref-field-trigger-border-color, var(--co-semantic-border-field));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-ref-field--flat{background:transparent;border-color:transparent}.co-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout='horizontal']) .co-ref-field{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-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-ref-field__label{white-space:normal}:host([layout='horizontal']) .co-ref-field>:not(.co-ref-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
+const coRefFieldCss = () => `: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;position:relative}.co-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-ref-field-trigger-bg, var(--co-semantic-surface-page));border:1px solid var(--co-ref-field-trigger-border-color, var(--co-semantic-border-field));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-ref-field--flat{background:transparent;border-color:transparent}.co-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__trigger-badge{flex-shrink:0;display:grid;place-items:center;width:18px;height:18px;border-radius:var(--co-border-radius-xxs);background:var(--co-ref-field-trigger-badge-bg, rgba(0, 0, 0, 0.22));color:var(--co-semantic-text-default)}.co-ref-field__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout='horizontal']) .co-ref-field{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-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-ref-field__label{white-space:normal}:host([layout='horizontal']) .co-ref-field>:not(.co-ref-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
 
 const CoRefField = class {
     constructor(hostRef) {
@@ -71,6 +71,15 @@ const CoRefField = class {
         this.maxChips = 0;
         /** Panel color theme. 'auto' follows trigger, 'dark' forces dark panel, 'light' forces light. */
         this.panelTheme = 'auto';
+        /**
+         * Phosphor icon rendered as a small status badge after the selected label in
+         * the trigger (e.g. 'funnel' = strict workspace filter active). Only shows
+         * while a value is selected. Empty = no badge. Tint the pill via
+         * --co-ref-field-trigger-badge-bg.
+         */
+        this.triggerBadgeIcon = '';
+        /** Accessible name / tooltip for the trigger badge. */
+        this.triggerBadgeLabel = '';
         /**
          * Shape of the leading avatar (selected value + option rows). Defaults to
          * 'circle' (people refs); use 'square' for company/workspace refs — it renders
@@ -300,7 +309,7 @@ const CoRefField = class {
                 [`co-ref-field--${this.normalizedSize}`]: true,
                 [`co-ref-field--${this.status}`]: this.status !== 'default',
                 'co-ref-field--flat': this.variant === 'flat',
-            }, onClick: this.handleTriggerClick }, this.iconLeft && (index.h("span", { class: "co-ref-field__icon" }, index.h("co-icon", { name: this.iconLeft, size: 16 }))), index.h("div", { class: "co-ref-field__value" }, !hasValue && index.h("span", { class: "co-ref-field__placeholder", part: "trigger-placeholder" }, this.placeholder), hasValue && !this.multiple && this.renderSingleValue(selected[0]), hasValue && this.multiple && this.renderMultipleValue(selected)), hasValue && this.clearable && !this.disabled && (index.h("button", { class: "co-ref-field__clear", part: "trigger-clear", onClick: this.handleClear, type: "button" }, index.h("co-icon", { name: "x", size: 14 }))), index.h("span", { class: "co-ref-field__caret", part: "trigger-chevron" }, index.h("co-icon", { name: "caret-up-down", size: 16 }))));
+            }, onClick: this.handleTriggerClick }, this.iconLeft && (index.h("span", { class: "co-ref-field__icon" }, index.h("co-icon", { name: this.iconLeft, size: 16 }))), index.h("div", { class: "co-ref-field__value" }, !hasValue && index.h("span", { class: "co-ref-field__placeholder", part: "trigger-placeholder" }, this.placeholder), hasValue && !this.multiple && this.renderSingleValue(selected[0]), hasValue && this.multiple && this.renderMultipleValue(selected)), hasValue && this.triggerBadgeIcon && (index.h("span", { class: "co-ref-field__trigger-badge", part: "trigger-badge", role: "img", title: this.triggerBadgeLabel || undefined, "aria-label": this.triggerBadgeLabel || undefined }, index.h("co-icon", { name: this.triggerBadgeIcon, size: 11, weight: "fill" }))), hasValue && this.clearable && !this.disabled && (index.h("button", { class: "co-ref-field__clear", part: "trigger-clear", onClick: this.handleClear, type: "button" }, index.h("co-icon", { name: "x", size: 14 }))), index.h("span", { class: "co-ref-field__caret", part: "trigger-chevron" }, index.h("co-icon", { name: "caret-up-down", size: 16 }))));
     }
     /**
      * Leading visual for a selected value / chip. Prefers a real avatar (image
@@ -347,11 +356,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, 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.handleListChange(e.detail), 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)))))));
+            }, style: this.panelWidth ? { width: this.panelWidth } : undefined }, 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.handleListChange(e.detail), onCoReorder: (e) => this.handleReorder(e.detail), onCoLoadMore: () => this.coLoadMore.emit() }, index.h("slot", { name: "panel-footer", slot: "footer" }), this.showFooter && (index.h("div", { class: "co-ref-field__footer", slot: "footer" }, this.footerSecondaryLabel && (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: '8b4d5429c6c13f9dbea56dfe5673be2f2bf8e234', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (index.h("div", { key: '6fb3fb006ed5c6bf089608205cbecc4399f8131f', class: "co-ref-field__labels" }, this.label && (index.h("label", { key: '045edee2c573f3b3a678377f7ac81baef16ca547', class: "co-ref-field__label" }, this.labelIcon && (index.h("co-icon", { key: '8a3fe75b68f69f6bbc1eead72e3a71e4a02d9ff9', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, index.h(requiredMark.RequiredMark, { key: 'd0935348ad1aaca3ebeb302abfd212250ca01d2c', required: this.required }))), this.secondaryLabel && (index.h("span", { key: 'f1b2f5578de05162b97f64041250ec92c2d0601b', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), index.h("co-popover", { key: '126310c2e579a9f8ac530d0471db742f5f087433', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: '07b0c236d0fadd7fef4f719b4f6f190e57a7c488', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (index.h("div", { key: '31b252868ebfaca932adf5a47e3f61f4b03dc5a3', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (index.h("co-icon", { key: '123ec829c6a45a960212521cfc49e4a98d5e1785', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), index.h("span", { key: '24e573b9fb884a0f006d32136b00d9c7406e3722' }, this.helperText)))));
+        return (index.h("div", { key: '2947ab90a0811a53bc77263f96f13da30a2ed975', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (index.h("div", { key: '5e16afd2e37e56191e019cdf4be27aea292836eb', class: "co-ref-field__labels" }, this.label && (index.h("label", { key: '28b97b7f577fa1a1ea2c2c9a8bbd31aa9915ef7f', class: "co-ref-field__label" }, this.labelIcon && (index.h("co-icon", { key: 'a02fdfc4ebd37c6b7fe1ff84788fb5b94b11c5bf', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, index.h(requiredMark.RequiredMark, { key: '933bb1d1d78894a9d127d0666f184a470bbe621f', required: this.required }))), this.secondaryLabel && (index.h("span", { key: 'cfe226e11e1cafb1187a90c4bba8abfe2318a9ca', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), index.h("co-popover", { key: 'd6fb3e669735e53c4b01269a69c018d703761758', open: this.isOpen, placement: "bottom-start", matchWidth: !this.panelWidth, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: '7f80d30580f77a23b38f85a4771b6fb1170f6791', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (index.h("div", { key: '9ed05c93faee76f9d4ff18f41f8ae1e8ce60a734', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (index.h("co-icon", { key: 'ffcb659c5dd52bc6f8b14ca982d0cba5f4089529', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), index.h("span", { key: 'ab0f53e7e2ade7d635389767b0b31d89844697ae' }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-rich-text-editor.cjs.entry.js

@@ -2030,7 +2030,7 @@ const CoRichTextEditor = class {
     render() {
         const showToolbar = this.resolvedToolbar !== 'none' && !this.readonly && !this.disabled;
         const showCount = this.showCharacterCount || this.maxLength != null;
-        return (index.h("div", { key: 'd06c3fe4d1a84c49a525a694986d2f096b11df79', class: {
+        return (index.h("div", { key: '27f9e0072f0f8066a193bd6d0ce89dcb3f554477', class: {
                 'co-rich-text-editor': true,
                 'co-rich-text-editor--focused': this.hasFocus,
                 'co-rich-text-editor--disabled': this.disabled,
@@ -2038,10 +2038,10 @@ const CoRichTextEditor = class {
                 'co-rich-text-editor--loading': !this.ready,
                 [`co-rich-text-editor--${this.status}`]: this.status !== 'default',
                 'co-rich-text-editor--flat': this.variant === 'flat',
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'd9bba1f9e070de2e1e0210adf8a292a2052297fd', class: "co-rich-text-editor__labels" }, this.label && index.h("label", { key: '01f5ceb0e3e35da72480a422f434c16913e9aa7b', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (index.h("span", { key: 'cf4ba75489c3e413a6dfcd1cac5ff964e3aa0290', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: '106915b5caa63689763b01ff7c2253d085ddf628', class: "co-rich-text-editor__frame" }, showToolbar && (index.h("co-rich-text-toolbar", { key: 'd9e9367a4b549e5c1c751b9098219a632d295d60', class: "co-rich-text-editor__toolbar", part: "toolbar", variant: this.resolvedToolbar, disabled: this.disabled || this.readonly, locale: this.locale, attachmentsEnabled: this.attachmentsEnabled, attachmentAccept: this.attachmentAccept, onCoAttachmentsSelected: (e) => {
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'c45d77264e26bb840952a488b6d6b5e7f9806886', class: "co-rich-text-editor__labels" }, this.label && index.h("label", { key: 'aee6d4babf7db51bfdc56b79cb66093a3c405a1d', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (index.h("span", { key: '7accfc51bf56f8e58ba1662cad7b6cf3c32f4111', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: 'a728ccc17bd1295278c7dc07d1b5254f954b0fbf', class: "co-rich-text-editor__frame" }, showToolbar && (index.h("co-rich-text-toolbar", { key: 'fa79e86fc7e11e9663e848189ba831d46f34166e', class: "co-rich-text-editor__toolbar", part: "toolbar", variant: this.resolvedToolbar, disabled: this.disabled || this.readonly, locale: this.locale, attachmentsEnabled: this.attachmentsEnabled, attachmentAccept: this.attachmentAccept, onCoAttachmentsSelected: (e) => {
                 e.stopPropagation();
                 this.coAttachmentsSelected.emit(e.detail);
-            }, ref: (el) => (this.toolbarEl = el) })), index.h("div", { key: 'bccd38caf855288ad9582720dd39c77ddfeaf998', class: "co-rich-text-editor__box" }, index.h("div", { key: 'a6f75d24d978e52f1337ee408ddc61417099bf13', class: "co-rte-content", part: "content", role: "textbox", "aria-multiline": "true", "aria-label": this.label, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.status === 'error' ? 'true' : undefined, ref: (el) => (this.contentEl = el) }))), index.h("div", { key: 'dbdade68814a3d62c383ca3e545a6bf1912c3945', class: "co-rich-text-editor__footer" }, this.helperText && (index.h("div", { key: '918e3b3c204e60aa5063828d82970857aca94e9a', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, index.h("co-icon", { key: 'dc1ee710ef02258eff5f42a9df736871bf9b27fa', name: this.helperIcon, size: 14 }), index.h("span", { key: '050d504bd35f4cfbb336e10bda956a686ae1844b' }, this.helperText))), showCount && (index.h("span", { key: 'b071610cf144259292a6f771038862f742ae09c8', class: "co-rich-text-editor__count", ref: (el) => (this.charCountEl = el) }, this.charCount, this.maxLength != null ? ` / ${this.maxLength}` : '')))));
+            }, ref: (el) => (this.toolbarEl = el) })), index.h("div", { key: '2e3724a1692a91bb98e054bb71a4802a057db3f2', class: "co-rich-text-editor__box" }, index.h("div", { key: 'c1ebc7ba2ffab04ae55acabe19b09a1c641729e6', class: "co-rte-content", part: "content", role: "textbox", "aria-multiline": "true", "aria-label": this.label, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.status === 'error' ? 'true' : undefined, ref: (el) => (this.contentEl = el) }))), index.h("div", { key: '13340aec99b0250e59e0fdc7fa71484907bd6674', class: "co-rich-text-editor__footer" }, this.helperText && (index.h("div", { key: '9b6ca8c34a4df7a55bced0df8a8816097c7db1b0', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, index.h("co-icon", { key: '29858116e3978fc15da5f6de79334741c494b513', name: this.helperIcon, size: 14 }), index.h("span", { key: 'dd863ec791e6b082512bdc92453e623dd1b5df0a' }, this.helperText))), showCount && (index.h("span", { key: '42ce76f53ad1447027fff7aaf9b0605b42804edb', class: "co-rich-text-editor__count", ref: (el) => (this.charCountEl = el) }, this.charCount, this.maxLength != null ? ` / ${this.maxLength}` : '')))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -13,11 +13,11 @@ const CoRow = class {
         this.size = 'sm';
     }
     render() {
-        return (index.h("div", { key: '7be514198a0f47409e33fc0feadadb2d8552253f', class: {
+        return (index.h("div", { key: '70696fccf41033a652d645d1729c6a1623a29dba', class: {
                 'co-row': true,
                 [`co-row--${this.position}`]: true,
                 [`co-row--${this.size}`]: true,
-            }, part: "row" }, index.h("div", { key: '0ac40c40dd298e54265899610508d53f4fe38355', class: "co-row__prefix" }, index.h("slot", { key: '0853d494025ad3a628a9eb3a4e2289b4771bdd2b', name: "prefix" })), index.h("div", { key: '6c6601273fb708aa91d4df52340a54a0f528fdd6', class: "co-row__content" }, index.h("slot", { key: 'e2046193d773aa0982c5f7b71e7f4ace816cecd7' })), index.h("div", { key: 'd754723e7a464f8ef23eb0eb64e6d6c99cf11e13', class: "co-row__suffix" }, index.h("slot", { key: '8584a30c593bc4e1db33e0bdcc26b450c4269893', name: "suffix" }))));
+            }, part: "row" }, index.h("div", { key: '9340e93c22c524dcfefaa045a33708d6716d2e71', class: "co-row__prefix" }, index.h("slot", { key: '25849a63e71d4b0135bb4f0cd4fb7a770d6ad891', name: "prefix" })), index.h("div", { key: 'a3334d91df254818ea3a930064e9aff841156453', class: "co-row__content" }, index.h("slot", { key: '6a5715653ce606e9b305e3ac028f0516b0fe1e53' })), index.h("div", { key: '14108da97477a0b126aa4e0d5ca9a88589ff581c', class: "co-row__suffix" }, index.h("slot", { key: '2739761ef763685df0a7a72414ebde1098edf45a', name: "suffix" }))));
     }
 };
 CoRow.style = coRowCss();

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

@@ -12,6 +12,7 @@ const CoSelect = class {
         index.registerInstance(this, hostRef);
         this.coChange = index.createEvent(this, "coChange", 7);
         this.coClear = index.createEvent(this, "coClear", 7);
+        this.coFooterPrimary = index.createEvent(this, "coFooterPrimary", 7);
         /** Whether the field is required (renders a required marker on the label). */
         this.required = false;
         this.placeholder = 'Select…';
@@ -33,6 +34,10 @@ const CoSelect = class {
         this.searchable = false;
         this.searchPlaceholder = 'Search…';
         this.emptyText = 'No results';
+        /** Footer de confirmación al pie del panel (paridad co-combobox/co-ref-field). */
+        this.showFooter = false;
+        /** Label del botón primario del footer. */
+        this.footerPrimaryLabel = 'Ok';
         this.isOpen = false;
         this.scrollTop = 0;
         this.searchText = '';
@@ -64,6 +69,10 @@ const CoSelect = class {
             this.coClear.emit();
             this.coChange.emit(this.multiple ? [] : '');
         };
+        this.handleFooterPrimary = () => {
+            this.coFooterPrimary.emit();
+            this.isOpen = false;
+        };
         this.handleOptionClick = (optionValue) => {
             if (this.multiple) {
                 const sel = [...this.selectedValues];
@@ -221,20 +230,20 @@ const CoSelect = class {
         var _a;
         const selected = this.selectedValues;
         const options = this.filteredOptions;
-        return (index.h("div", { key: 'dda1b5f2f72939374a748224137586c8cc67cfcb', class: {
+        return (index.h("div", { key: 'bad4f3499f16c7bbe02c6ca688350224dafc5d6b', class: {
                 'co-select': true,
                 'co-select--open': this.isOpen,
                 'co-select--disabled': this.disabled,
                 [`co-select--${this.size}`]: true,
                 [`co-select--${this.status}`]: this.status !== 'default',
                 'co-select--flat': this.variant === 'flat',
-            } }, (this.label || this.secondaryLabel) && (index.h("div", { key: '5947cfc99c31904238dd3c86c4da4e42e7d94ba3', class: "co-select__labels" }, this.label && index.h("label", { key: 'fac1de54916c5b0701c10b3b618c41f8319c3a50', class: "co-select__label" }, this.label, index.h(requiredMark.RequiredMark, { key: '12f175c2dc67ef19c949fd517e38cd2c32b55084', required: this.required })), this.secondaryLabel && index.h("span", { key: 'a1a0fa82fc220952e4c8225e13fa8bbb2cbbe310', class: "co-select__secondary-label" }, this.secondaryLabel))), index.h("co-popover", { key: '126cb2923ea3a5e3646697fd514050258c82bcaa', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: '0b3dd75a9d0bb427bc8e5c8f17fe5c297855a899', slot: "trigger", class: "co-select__trigger", onClick: this.handleTriggerClick }, this.iconLeft && index.h("co-icon", { key: 'ad2fa6c5a6798314097d8e0715cddff8ce349586', name: this.iconLeft, size: 16, class: "co-select__icon" }), ((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.image) && (index.h("img", { key: '36e7407bf782a1adb15cd41432bc4f36d5605094', class: "co-select__flag", src: this.selectedOption.image, alt: "" })), this.multiple && this.hasValue ? (index.h("div", { class: "co-select__chips" }, this.selectedValues.map((v) => {
+            } }, (this.label || this.secondaryLabel) && (index.h("div", { key: '16f9d5d6b49559400c9bec5e14e1c4df027ce1ea', class: "co-select__labels" }, this.label && index.h("label", { key: '83943deadacbad791de84a140721c9ec4f33f614', class: "co-select__label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'f8d016bdce053c0f9ff11a197a9786eadb80b2c8', required: this.required })), this.secondaryLabel && index.h("span", { key: '33a470cf9faa4dbd57a935efa076f6cfcacbf56e', class: "co-select__secondary-label" }, this.secondaryLabel))), index.h("co-popover", { key: '363d1cbfab691acc7b63fb0c42864a9753e66b72', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: '9f5c31a29ea2027dc4721e6bf3eedeeb3bab1627', slot: "trigger", class: "co-select__trigger", onClick: this.handleTriggerClick }, this.iconLeft && index.h("co-icon", { key: 'a1a0379af6cbcf5ff9d03dd21b8a6eed67681aa3', name: this.iconLeft, size: 16, class: "co-select__icon" }), ((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.image) && (index.h("img", { key: 'a6f2c211809d1db409f76d549ae8283d503e34e9', class: "co-select__flag", src: this.selectedOption.image, alt: "" })), this.multiple && this.hasValue ? (index.h("div", { class: "co-select__chips" }, this.selectedValues.map((v) => {
             const opt = this.parsedOptions.find((o) => o.value === v);
             return (index.h("span", { class: "co-select__chip", key: v }, index.h("span", { class: "co-select__chip-label" }, opt ? opt.label : v), index.h("button", { class: "co-select__chip-remove", type: "button", tabIndex: -1, "aria-label": "Remove", onClick: (e) => {
                     e.stopPropagation();
                     this.handleOptionClick(v);
                 } }, index.h("co-icon", { name: "x", size: 12 }))));
-        }))) : (index.h("span", { class: { 'co-select__text': true, 'co-select__text--placeholder': !this.hasValue } }, this.hasValue ? this.displayText : this.placeholder)), this.clearable && this.hasValue && !this.disabled && (index.h("button", { key: '3e97e8239b922280a21cd0fa53d37cbb15f313ba', class: "co-select__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: 'da2171535417fed8e6a3422120c13f4f860354e3', name: "x-circle", size: 16, weight: "fill" }))), index.h("co-icon", { key: 'e262edfb38a2bcd9771082c78af22ae3816a4472', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-select__caret" })), index.h("div", { key: 'd557662d3722a7a60e7b499fea0c47a11bb86737', class: "co-select__dropdown" }, this.isOpen && this.searchable && (index.h("div", { key: '7248c5417c929016e43eba3754ef74cb68e21d76', class: "co-select__search" }, index.h("co-icon", { key: 'a88c9f7da98cb112d33a7bc6f970f503d7fbfcdc', name: "magnifying-glass", size: 16, class: "co-select__search-icon" }), index.h("input", { key: 'ed90bd495b6d92941af5f585d24ad9a4986757d9', class: "co-select__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.searchText, onInput: this.handleSearchInput, ref: (el) => (this.searchInputEl = el) }))), this.isOpen && this.searchable && options.length === 0 && (index.h("div", { key: '0b9a0a98cb298dd25f2f869f7c6d01ced4c030a8', class: "co-select__empty" }, this.emptyText)), index.h("div", { key: '4c0aa1f9e0f0f3fcede94decb037217466c80ca5', class: "co-select__options", ref: (el) => (this.optionsContainerEl = el) }, this.isOpen && (() => {
+        }))) : (index.h("span", { class: { 'co-select__text': true, 'co-select__text--placeholder': !this.hasValue } }, this.hasValue ? this.displayText : this.placeholder)), this.clearable && this.hasValue && !this.disabled && (index.h("button", { key: '3d166cacb8bffe7a9d1afb3024393ecab45983db', class: "co-select__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '9c294164bffc014958d650f0f73abe89590bf0d4', name: "x-circle", size: 16, weight: "fill" }))), index.h("co-icon", { key: '5fa3c25ee20c61b2a108051bfcae41e1a806230b', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-select__caret" })), index.h("div", { key: 'b332004740d6b9b28009521b7462eabd5c9e34e5', class: "co-select__dropdown" }, this.isOpen && this.searchable && (index.h("div", { key: '5e74135218cae4f3ac081e484e0f8fd6ff243349', class: "co-select__search" }, index.h("co-icon", { key: '3c696854ee11e8e5dc5f2ebc30bb64b07ad251a4', name: "magnifying-glass", size: 16, class: "co-select__search-icon" }), index.h("input", { key: '7c3982eb4a72a89a41e6495faf9fb67ff59e39dc', class: "co-select__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.searchText, onInput: this.handleSearchInput, ref: (el) => (this.searchInputEl = el) }))), this.isOpen && this.searchable && options.length === 0 && (index.h("div", { key: '076020e18baab05215d3203d8b75feede2e00f40', class: "co-select__empty" }, this.emptyText)), index.h("div", { key: '3d1ea578714f6ed2cf078365869cd15424b5e120', class: "co-select__options", ref: (el) => (this.optionsContainerEl = el) }, this.isOpen && (() => {
             const { totalHeight, startIdx, endIdx, offsetY } = this.getVirtualSlice(options);
             return (index.h("div", { class: "co-select__virtual-spacer", style: { height: `${totalHeight}px`, position: 'relative' } }, index.h("div", { style: { position: 'absolute', top: `${offsetY}px`, left: '0', right: '0' } }, options.slice(startIdx, endIdx).map(opt => {
                 const isSelected = selected.includes(opt.value);
@@ -245,7 +254,7 @@ const CoSelect = class {
                         'co-select__option--disabled': isDisabled,
                     }, onClick: () => !isDisabled && this.handleOptionClick(opt.value) }, opt.image ? (index.h("img", { class: "co-select__option-flag", src: opt.image, alt: "", loading: "lazy" })) : opt.icon ? (index.h("co-icon", { name: opt.icon, size: 20, class: "co-select__option-icon" })) : null, index.h("span", { class: "co-select__option-label" }, this.renderLabel(opt.label)), isSelected && index.h("co-icon", { name: "check", size: 16, class: "co-select__option-check" })));
             }))));
-        })()))), this.helperText && (index.h("div", { key: 'b7f14d7e02dd3fe15be6c0f82b13df14edc0db60', class: `co-select__helper co-select__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '80dbcc3fe68bbe9e89256fa7a3dae7d846280d33', name: this.statusIcon, size: 14, class: "co-select__helper-icon" }), index.h("span", { key: 'd2162ba7ac4c287720185295643ef1c3e2187c84', class: "co-select__helper-text" }, this.helperText)))));
+        })()), this.isOpen && this.showFooter && (index.h("co-list-footer", { key: '2111c0b465b9bb197c1dcd4adfb9a779f8683872', class: "co-select__footer", primaryLabel: this.footerPrimaryLabel, primaryIcon: "check", onCoPrimary: this.handleFooterPrimary })))), this.helperText && (index.h("div", { key: '4b1b97363bda399af6e8d60dbd5a4ffc2c844c87', class: `co-select__helper co-select__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '466b666be057e2a6090c3b695c12215b1f1fa629', name: this.statusIcon, size: 14, class: "co-select__helper-icon" }), index.h("span", { key: '3da8e3ecaa7380a17c9cc61d98025737659c066a', class: "co-select__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -63,7 +63,7 @@ const CoSeparator = class {
                 style['--co-separator-inset-end'] = '0px';
             }
         }
-        return (index.h("hr", { key: 'e3dae08fe134e1d4e1769aa9e66c59b8b0eb62ae', class: {
+        return (index.h("hr", { key: '0dc126dcca1c3c1a9b7c81f826ea6dc88e5fe8cf', class: {
                 'co-separator': true,
                 'co-separator--vertical': this.vertical,
                 'co-separator--dark': this.dark,

package/dist/cjs/co-sidebar-nav.cjs.entry.js

@@ -490,10 +490,10 @@ const CoSidebarNav = class {
         // `flyout-open` (min mode only) lets the CSS drop the host edge-fade mask
         // while a flyout is shown — a host mask would otherwise clip AND
         // mis-position the fixed flyout (mask makes the host a containing block).
-        index.h(index.Host, { key: '637707894cb777ff149c0516aff13786054e5393', class: { 'flyout-open': !!this.flyoutKey } }, index.h("nav", { key: '3d98909c4d5d0f17eb478fbd01603884d040f45f', class: {
+        index.h(index.Host, { key: 'fa9a50c4a517fa550406669bb3d40abbf12db32a', class: { 'flyout-open': !!this.flyoutKey } }, index.h("nav", { key: '5df964b67ed0e376a268dd28e1095b985c0b328b', class: {
                 'co-sidebar-nav': true,
                 'co-sidebar-nav--min': this.mode === 'min',
-            } }, this.renderSearch(), index.h("div", { key: 'd46c1e3b5e60ded1d232e7ccf8beb768d34ffe88', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item))))));
+            } }, this.renderSearch(), index.h("div", { key: 'c276aacf1b0b9eb66e35977d124465c400c96cd1', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -12,10 +12,10 @@ const CoSidebar = class {
         this.mode = 'full';
     }
     render() {
-        return (index.h("nav", { key: 'a854ad248b6f55fdcb1b08ed15272154a5044e55', class: {
+        return (index.h("nav", { key: 'fca10c02609e09fc438ce161abd1d78c09c69069', class: {
                 'co-sidebar': true,
                 [`co-sidebar--${this.mode}`]: true,
-            }, part: "sidebar" }, index.h("div", { key: '17a14f8625168e7f163c984d782df2b387c3684e', class: "co-sidebar__header", part: "header" }, index.h("slot", { key: 'e9152aa47751f8ced84384a4a5ced1d05f410cf3', name: "header" })), index.h("div", { key: 'df4ad1cd15d33678c60c47ee231ac765993a3d28', class: "co-sidebar__body", part: "body" }, index.h("slot", { key: 'be0e6031883c828b50bcf65f2052c4055370efba' })), index.h("div", { key: '6ab4f6793e2ce3c81f50e143cf0764b25a2b0048', class: "co-sidebar__footer", part: "footer" }, index.h("slot", { key: '930905e30ea4ddf297bb313294d5d2eb4dafa721', name: "footer" }))));
+            }, part: "sidebar" }, index.h("div", { key: '1544927cf558bb7531a0f7b4c0b8c65639221c20', class: "co-sidebar__header", part: "header" }, index.h("slot", { key: 'be023481e358dca947923cf2832326b4c9226d81', name: "header" })), index.h("div", { key: 'd949188bc503b24fd01324c70ff422ac0ec63515', class: "co-sidebar__body", part: "body" }, index.h("slot", { key: '49bfd3625171421229664033cdb18f7117938c7d' })), index.h("div", { key: '511cf30ca3a8102d50c6351c7d56a4ac5f05da9e', class: "co-sidebar__footer", part: "footer" }, index.h("slot", { key: 'f299146e4692b337dbd3fe2dfbb1fe7d4bd52fb4', name: "footer" }))));
     }
 };
 CoSidebar.style = coSidebarCss();

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

@@ -80,12 +80,12 @@ const CoSlider = class {
     }
     render() {
         const pct = this.percentage;
-        return (index.h("div", { key: '4027635cf79ecb8673a36a63bda49528b3affe3d', class: {
+        return (index.h("div", { key: 'f82f6a02b6aa537469b2cf09296e313bd2e3580a', class: {
                 'co-slider': true,
                 'co-slider--disabled': this.disabled,
                 'co-slider--dragging': this.dragging,
                 [`co-slider--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel || this.showValue) && (index.h("div", { key: '63340e4f0e30dc8d764ec1e53d1382ed7439f2ff', class: "co-slider__labels" }, index.h("div", { key: '3d7eb11db7b0b3a02dca5ab7dfdad3d46eca0f99', class: "co-slider__labels-left" }, this.label && index.h("label", { key: 'ca00277f2008cb58bc28cf4783f445d2f56e8427', class: "co-slider__label" }, this.label), this.secondaryLabel && index.h("span", { key: '90b3d3afc80a0ecfafbd3e379c181a1679192aab', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && index.h("span", { key: 'ac9f0a0b1dc054838c6d2635db0f036bcf8949ad', class: "co-slider__value" }, this.value))), index.h("div", { key: 'e16828daeb3549bb2b892cbb237313a90551c731', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, index.h("div", { key: '094704838f8898680e950ecb31d71a396fbd46ee', class: "co-slider__track" }, index.h("div", { key: '0c47a259e49d126aaf7471ef56e887b99c2636de', class: "co-slider__fill", style: { width: `${pct}%` } })), index.h("div", { key: '61cb3dd1621bdcb6b103f073eefceb5a11f08806', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (index.h("div", { key: '60ea2eb0db6393ca95d712e1441b316f34b2e39d', class: "co-slider__marks" }, index.h("span", { key: '3ef4f78b7ee3b920dc1be7be1cad43c2cd268ce6', class: "co-slider__mark" }, this.min), index.h("span", { key: 'c1b0bb6ada1ec898c7ae8ff9160f53c58454a5c9', class: "co-slider__mark" }, this.max))), index.h("input", { key: 'c38e3b83d4e546a3349fa504022592face8f7ef5', class: "co-slider__native", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.handleInputChange, "aria-label": this.label || 'Slider' }), this.helperText && (index.h("div", { key: 'f3a87f53d9411991b55656e964c826ed0f6a4583', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '5532c726e5aa75d9c24b850daf27162502fa898a', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), index.h("span", { key: 'c992c8393ed716d12bbe70dccc62c998c16da751', class: "co-slider__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel || this.showValue) && (index.h("div", { key: '161e77eb5a416d015741a0ff2d5ff1f542d1d90b', class: "co-slider__labels" }, index.h("div", { key: '95c0753a65a5cd74c3d07cd671b43e5c2bb4bb9a', class: "co-slider__labels-left" }, this.label && index.h("label", { key: 'eb490ec9892724486017891173cbd67c601a31ea', class: "co-slider__label" }, this.label), this.secondaryLabel && index.h("span", { key: '26c67f92cd5c9cfc1b241405758f4b8f22755027', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && index.h("span", { key: 'af025c1f222f3107d63e303a432a42086889768f', class: "co-slider__value" }, this.value))), index.h("div", { key: 'f80d84c22398217d91a746a2acf87fe3017aafc1', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, index.h("div", { key: 'c97e2b09211935a2e7a330e136ddb2ab4f2a6a99', class: "co-slider__track" }, index.h("div", { key: '6eae65d3c54756f9ec2415afa5247264b5b234bc', class: "co-slider__fill", style: { width: `${pct}%` } })), index.h("div", { key: 'c7be4df591f311cc9563c0e83446d30c34861f7b', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (index.h("div", { key: 'c6136669a27ea7ecd0f59b41e870a7ae97fa0e23', class: "co-slider__marks" }, index.h("span", { key: 'b66409d99e858e3d1b7bad094ed8cac1b3adc103', class: "co-slider__mark" }, this.min), index.h("span", { key: '3bd6b1b89600d3f32097b780cc5f2c4a34787e4a', class: "co-slider__mark" }, this.max))), index.h("input", { key: 'db4cb887608ace24b68df88a72749995548c61b5', class: "co-slider__native", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.handleInputChange, "aria-label": this.label || 'Slider' }), this.helperText && (index.h("div", { key: '4e497982df811e9929a6a33ac6a442faa2f9bc77', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '8b07a87a0dcb8ce622884f0d26f8605442c4696f', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), index.h("span", { key: '3287eabd8005685c8247202c891cf0b3939178cc', class: "co-slider__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -36,16 +36,16 @@ const CoSwitch = class {
     render() {
         const hasLabels = this.label || this.secondaryLabel;
         const hasHelper = !!this.helperText;
-        return (index.h("div", { key: '9c2ab9ebe8300b1a0430ee3abd450844801dce02', class: {
+        return (index.h("div", { key: '41dd889ef58fd3d7a6b2317d8784791d8083e26a', class: {
                 'co-switch-wrapper': true,
                 'co-switch-wrapper--disabled': this.disabled,
                 [`co-switch-wrapper--${this.status}`]: this.status !== 'default',
-            } }, index.h("div", { key: 'becf03e42f9d2df55852aeabcbeb5c0ee8526584', class: "co-switch-wrapper__row", onClick: this.handleClick }, index.h("button", { key: 'd7930e7325b081f72696d7c9714e87cfc8fdc4d3', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            } }, index.h("div", { key: 'e3a421799c7112db888f9707fd6fc83c6eb04549', class: "co-switch-wrapper__row", onClick: this.handleClick }, index.h("button", { key: 'bb053dd1564d84af742676d37b385db37c7d6643', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
                 'co-switch': true,
                 'co-switch--on': this.checked,
                 'co-switch--off': !this.checked,
                 'co-switch--disabled': this.disabled,
-            }, disabled: this.disabled, part: "track" }, index.h("span", { key: '916a6994673e9d91f9acd1a983f7a071f6e13de6', class: "co-switch__thumb", part: "thumb" })), hasLabels && (index.h("div", { key: '41ab06a752560079d9cde87bd761320aa44722eb', class: "co-switch-wrapper__labels" }, this.label && index.h("span", { key: 'cd56a3a783507bb0aae71032ef71d8d1375fb96d', class: "co-switch-wrapper__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'a6da50ef41d10d45d7d0b8a4fbdb8d1e445cc8be', required: this.required })), this.secondaryLabel && (index.h("span", { key: '294791b598a8ef01ce63d3324bad895e8751ec7c', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (index.h("div", { key: '2a387c0a099a6d0774d9228c70a00a550f0515ab', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (index.h("co-icon", { key: '1184f6971047834c8527234c3b97bc4332425644', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), index.h("span", { key: 'cbb3ea33790321d59111c74dc4282b9393be5c54', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
+            }, disabled: this.disabled, part: "track" }, index.h("span", { key: '0432985aef597b86de60864b9b45595beece935c', class: "co-switch__thumb", part: "thumb" })), hasLabels && (index.h("div", { key: '1af63ce6265cc677c7a415fe8955bd68ec0b9fe6', class: "co-switch-wrapper__labels" }, this.label && index.h("span", { key: 'f9813aaeb56fc6b754d76b7bebf1f2a0d9282b94', class: "co-switch-wrapper__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '6039ff298e3d0c55064cd1ea7650b00411bd03b0', required: this.required })), this.secondaryLabel && (index.h("span", { key: '21a42e2ef46ee5d84c2558c40f8c536ede49212b', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (index.h("div", { key: 'db03ce9ca2516535d9c04e8375a592df2971ffe0', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (index.h("co-icon", { key: 'ef34308ef4d0976c89a2ad6cc4ecb7615165d022', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), index.h("span", { key: '65e07eef8ee79d1fea4808a03f012b46959322a9', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
     }
 };
 CoSwitch.style = coSwitchCss();

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

@@ -56,10 +56,10 @@ const CoTabGroup = class {
         });
     }
     render() {
-        return (index.h("div", { key: '8987563ec721e13e7cbc186b11ab4c6b28f82068', class: {
+        return (index.h("div", { key: 'b358bcbc4623e89d4c8182fec57aa09431f5bf5b', class: {
                 'co-tab-group': true,
                 [`co-tab-group--${this.variant}`]: true,
-            }, role: "tablist", part: "tab-group", onWheel: this.onWheel }, index.h("slot", { key: '9adad54c12867486cdf0677e92f5c5007f2b55e1', onSlotchange: this.onSlotChange })));
+            }, role: "tablist", part: "tab-group", onWheel: this.onWheel }, index.h("slot", { key: '19257745a3473078f4c8200eba3a1edf9ff37594', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -28,13 +28,13 @@ const CoTab = class {
     }
     render() {
         const iconSize = this.variant === 'underline' ? 16 : this.size === 'large' ? 18 : 14;
-        return (index.h("button", { key: '85ffca32d8f2fb7c2be25e9b2cf8c0570a438f54', class: {
+        return (index.h("button", { key: '50b55fc41a8edcb9647e47c5a3fa28eea836c420', class: {
                 'co-tab': true,
                 [`co-tab--${this.size}`]: true,
                 [`co-tab--${this.variant}`]: true,
                 'co-tab--selected': this.selected,
                 'co-tab--disabled': this.disabled,
-            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (index.h("co-icon", { key: 'a5084c288fbbf42f418450343b0cbcd1c36f3553', name: this.iconLeft, size: iconSize })), index.h("span", { key: '9dda4ae43156ee5e7274de262fb0df601b9a2221' }, this.label), this.badge && (index.h("span", { key: '84205996d20e27a69ac6dc49f88bf690ef9bb33d', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (index.h("co-icon", { key: '7281ba1b981fca02a57b28f461877d2aa831e360', name: this.iconRight, size: iconSize }))));
+            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (index.h("co-icon", { key: '4612c89b1ca388c0b155767d2756953df1c1ccaa', name: this.iconLeft, size: iconSize })), index.h("span", { key: '832a5daf1f7a40233c4d972dd28b7d8c5688a470' }, this.label), this.badge && (index.h("span", { key: 'ac9d188902b8c906117d50751c2d58da16f095ca', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (index.h("co-icon", { key: 'f2b32323ce754284d0a6468203e9c5c803a37761', name: this.iconRight, size: iconSize }))));
     }
 };
 CoTab.style = coTabCss();