@prolibu-suite/cobalt-core 0.10.4 → 0.11.0

package/dist/collection/components/co-color-slider/co-color-slider.js

@@ -0,0 +1,353 @@
+import { h } from "@stencil/core";
+import { clamp } from "../../utils/hsv";
+/** Damero de 4 px para el relleno del thumb de alpha (el del track es de 8 px). */
+const THUMB_CHECKER = 'repeating-conic-gradient(#ebebeb 0 25%, #fafafa 0 50%) 0 0 / 4px 4px';
+/** Tamaño del thumb por defecto (espejo de `--co-color-thumb-size` en colorThumb.css). */
+const THUMB_SIZE = 16;
+/**
+ * Slider de un canal del picker de color: tono (`hue`, 0–360) u opacidad
+ * (`alpha`, 0–100, sobre el color base `color`).
+ *
+ * Contrato de eventos (mismo que `co-color-area`, pensado para el historial del
+ * editor): `coInput` en cada movimiento del arrastre y en cada paso de teclado;
+ * `coChange` UNA vez al terminar el gesto (pointerup/pointercancel), solo si el
+ * gesto cambió el valor, o tras cada paso de teclado que lo cambie — nunca un
+ * commit vacío. Ambos llevan el valor numérico.
+ *
+ * El thumb (16 px) va INSET: su centro recorre [8 px, ancho − 8 px], así nunca
+ * se sale del track de 16 px de alto. El puntero usa el mismo mapeo, de modo
+ * que el color bajo el thumb es exactamente el valor emitido.
+ *
+ * @part track - La pista (gradiente de tono o damero + transparente→color).
+ * @part thumb - El indicador circular (16 px, anillo blanco + color actual).
+ */
+export class CoColorSlider {
+    constructor() {
+        /** Canal: `hue` (0–360, gradiente HSL uniforme) o `alpha` (0–100, damero). */
+        this.channel = 'hue';
+        /** Valor actual (tono 0–360 / alpha 0–100). Mutable: el slider se actualiza solo al arrastrar. */
+        this.value = 0;
+        /** Deshabilita puntero y teclado; no emite nada. */
+        this.disabled = false;
+        this.dragging = false;
+        /** ¿Algún coInput real durante el gesto? Sin cambio no hay coChange de cierre. */
+        this.changedInGesture = false;
+        // ── Puntero ────────────────────────────────────────────────────────────
+        this.handlePointerDown = (e) => {
+            var _a;
+            // Solo el botón primario; un segundo puntero (multi-touch) no roba el gesto en curso.
+            if (this.disabled || e.button !== 0 || this.dragging)
+                return;
+            e.preventDefault();
+            (_a = this.trackEl) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+            this.capturePointer(e);
+            this.dragging = true;
+            this.activePointerId = e.pointerId;
+            this.changedInGesture = false;
+            this.applyPointer(e);
+        };
+        this.handlePointerMove = (e) => {
+            if (!this.isActivePointer(e))
+                return;
+            this.applyPointer(e);
+        };
+        this.handlePointerEnd = (e) => {
+            if (!this.isActivePointer(e))
+                return;
+            this.dragging = false;
+            this.activePointerId = undefined;
+            this.releasePointer(e);
+            // Terminar el gesto DESARMA la bandera (hermano del `endGesture()` de
+            // co-slider). Hoy es defensa y no un fix: este componente no tiene
+            // `disconnectedCallback`, así que nadie vuelve a leerla después del gesto
+            // — en co-slider, que sí lo tiene, la bandera armada le hacía reemitir un
+            // `coChange` con el valor ya escrito en CADA desmontaje. Junto con el
+            // `if (this.dragging)` de `commitInput` (el teclado no la arma), fuera de
+            // un gesto la bandera está SIEMPRE apagada.
+            const huboCambio = this.changedInGesture;
+            this.changedInGesture = false;
+            // Un click sobre el valor actual (o en un extremo ya alcanzado) no cambia
+            // nada: sin coChange, igual que el teclado en el borde. Un commit vacío
+            // entraría al historial de deshacer del editor como paso sin efecto.
+            if (huboCambio)
+                this.coChange.emit(this.value);
+        };
+        // ── Teclado ────────────────────────────────────────────────────────────
+        this.handleKeyDown = (e) => {
+            if (this.disabled)
+                return;
+            const step = e.shiftKey ? 10 : 1;
+            let next;
+            switch (e.key) {
+                case 'ArrowRight':
+                case 'ArrowUp':
+                    next = this.value + step;
+                    break;
+                case 'ArrowLeft':
+                case 'ArrowDown':
+                    next = this.value - step;
+                    break;
+                case 'PageUp':
+                    next = this.value + 10;
+                    break;
+                case 'PageDown':
+                    next = this.value - 10;
+                    break;
+                case 'Home':
+                    next = 0;
+                    break;
+                case 'End':
+                    next = this.max;
+                    break;
+                default: return;
+            }
+            e.preventDefault();
+            // En el borde no hay cambio → sin eventos (un commit vacío ensuciaría el historial).
+            if (this.commitInput(clamp(next, 0, this.max)))
+                this.coChange.emit(this.value);
+        };
+    }
+    get max() {
+        return this.channel === 'alpha' ? 100 : 360;
+    }
+    /** `==`: en jsdom los MouseEvent traen `pointerId` undefined y deben seguir pasando. */
+    isActivePointer(e) {
+        return this.dragging && e.pointerId == this.activePointerId;
+    }
+    /** `setPointerCapture` sigue el gesto fuera del track. jsdom no lo implementa
+     *  y un browser lanza NotFoundError con un pointerId sintético: guardado. */
+    capturePointer(e) {
+        const el = this.trackEl;
+        if (!el || typeof el.setPointerCapture !== 'function' || e.pointerId == null)
+            return;
+        try {
+            el.setPointerCapture(e.pointerId);
+        }
+        catch (_a) {
+            /* pointerId inactivo (evento sintético): sin captura, el gesto sigue dentro del track */
+        }
+    }
+    releasePointer(e) {
+        const el = this.trackEl;
+        if (!el || typeof el.releasePointerCapture !== 'function' || e.pointerId == null)
+            return;
+        try {
+            el.releasePointerCapture(e.pointerId);
+        }
+        catch (_a) {
+            /* ya liberado */
+        }
+    }
+    /** clientX → valor, con el recorrido del thumb inset (centro en [size/2, ancho − size/2]). */
+    applyPointer(e) {
+        var _a, _b;
+        const rect = (_a = this.trackEl) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!rect || rect.width <= 0)
+            return;
+        const size = ((_b = this.thumbEl) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) || THUMB_SIZE;
+        const travel = Math.max(1, rect.width - size);
+        const ratio = clamp((e.clientX - rect.left - size / 2) / travel, 0, 1);
+        this.commitInput(ratio * this.max);
+    }
+    /** Aplica el valor y emite `coInput` solo si cambió. */
+    commitInput(next) {
+        if (next === this.value)
+            return false;
+        this.value = next;
+        // Solo un GESTO arma la bandera: el teclado también pasa por acá (y cierra
+        // él mismo con su `coChange`), y armarla fuera de un arrastre la dejaba
+        // prendida sin nadie que la apague.
+        if (this.dragging)
+            this.changedInGesture = true;
+        this.coInput.emit(next);
+        return true;
+    }
+    /** Relleno del thumb: el tono puro, o el color base con la opacidad actual sobre damero. */
+    thumbFill(value, color) {
+        if (this.channel === 'alpha') {
+            const mixed = `color-mix(in srgb, ${color} ${value}%, transparent)`;
+            return `linear-gradient(${mixed}, ${mixed}), ${THUMB_CHECKER}`;
+        }
+        return `hsl(${value} 100% 50%)`;
+    }
+    render() {
+        var _a, _b;
+        // `??`: el harness de spec no materializa defaults de class-field.
+        const channel = (_a = this.channel) !== null && _a !== void 0 ? _a : 'hue';
+        const max = this.max;
+        const value = clamp((_b = this.value) !== null && _b !== void 0 ? _b : 0, 0, max);
+        const color = this.color || '#000';
+        const isAlpha = channel === 'alpha';
+        return (h("div", { key: 'd5754d3330b2cd2699ee55a00dfd3b464bde1e3b', class: {
+                'co-color-slider': true,
+                'co-color-slider--disabled': this.disabled,
+                'co-color-slider--dragging': this.dragging,
+            } }, h("div", { key: '65c3e870d834e5bc019f24372e937cb5ae87ca6c', class: {
+                'co-color-slider__track': true,
+                'co-color-slider__track--hue': !isAlpha,
+                'co-color-slider__track--alpha': isAlpha,
+            }, part: "track", style: isAlpha ? { '--co-color-slider-color': color } : undefined, role: "slider", tabIndex: this.disabled ? -1 : 0, "aria-label": this.label || undefined, "aria-valuemin": "0", "aria-valuemax": String(max), "aria-valuenow": String(Math.round(value)), "aria-disabled": this.disabled ? 'true' : undefined, ref: (el) => (this.trackEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerEnd, onPointerCancel: this.handlePointerEnd, onKeyDown: this.handleKeyDown }, h("div", { key: '8553027ec2658d42a0f9df1798223a267ee69681', class: "co-color-thumb co-color-slider__thumb", part: "thumb", ref: (el) => (this.thumbEl = el), style: {
+                '--co-color-slider-ratio': String(value / max),
+                '--co-color-thumb-fill': this.thumbFill(value, color),
+            } }))));
+    }
+    static get is() { return "co-color-slider"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["co-color-slider.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["co-color-slider.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "channel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ColorSliderChannel",
+                    "resolved": "\"alpha\" | \"hue\"",
+                    "references": {
+                        "ColorSliderChannel": {
+                            "location": "local",
+                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-color-slider/co-color-slider.tsx",
+                            "id": "src/components/co-color-slider/co-color-slider.tsx::ColorSliderChannel"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Canal: `hue` (0\u2013360, gradiente HSL uniforme) o `alpha` (0\u2013100, damero)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "channel",
+                "defaultValue": "'hue'"
+            },
+            "value": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valor actual (tono 0\u2013360 / alpha 0\u2013100). Mutable: el slider se actualiza solo al arrastrar."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "0"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Color base para `channel=\"alpha\"` (cualquier color CSS; el track va de transparente a \u00E9l)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "color"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Deshabilita puntero y teclado; no emite nada."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Nombre accesible del slider (`aria-label`)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "dragging": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "coInput",
+                "name": "coInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Vista previa: cada movimiento del arrastre y cada paso de teclado."
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }, {
+                "method": "coChange",
+                "name": "coChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Commit: una vez al soltar (o cancelar) el gesto si cambi\u00F3 el valor, y tras cada paso de teclado que lo cambie."
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/co-column-picker/co-column-picker.js

@@ -165,13 +165,13 @@ export class CoColumnPicker {
         return (h("div", { class: "co-column-picker__empty" }, h("co-icon", { name: "magnifying-glass", size: 40, class: "co-column-picker__empty-icon" }), h("span", null, this.emptyText)));
     }
     render() {
-        return (h("div", { key: 'bf11db2386df7088dfcec622ee02ce527fcef54f', class: {
+        return (h("div", { key: '1d2bd18a155483115dc1e96764c4b1a70a2a905a', class: {
                 'co-column-picker': true,
                 'co-column-picker--open': this.isOpen,
                 'co-column-picker--disabled': this.disabled,
                 'co-column-picker--focused': this.focused,
                 [`co-column-picker--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel) && (h("div", { key: '27543398ce1e3fc9e0f08ee2e4d59167e4e79894', class: "co-column-picker__labels" }, this.label && h("label", { key: '7051f1b7c44c7f0da7ae0e741a14cbe8a3f3ba26', class: "co-column-picker__label" }, this.label), this.secondaryLabel && h("span", { key: '17d011a13a7f5f7c1c44f3738f15b3438180fc7b', class: "co-column-picker__secondary-label" }, this.secondaryLabel))), this.renderField(), this.isOpen && (h("div", { key: '4dcb6cb4289630a8238e53010aec69ec0cfc2e2a', class: "co-column-picker__dropdown" }, this.showSearch && (h("div", { key: '0233bff4eeb82fe7fdf91aad530c97fc6dcac06f', class: "co-column-picker__search" }, h("co-icon", { key: '64d1e6fc90c2380e509ca750854a40e416a902c1', name: "magnifying-glass", size: 14, class: "co-column-picker__search-icon" }), h("input", { key: '60e75c92d5fa2991542063e5add78d8b1c79861b', ref: el => (this.searchInputEl = el), class: "co-column-picker__search-input", type: "text", value: this.query, placeholder: this.placeholder, onInput: this.handleSearchInput, onClick: (e) => e.stopPropagation() }), this.query && (h("button", { key: 'c894d1f8cd91368d9662e63f288384a111b7ffe0', class: "co-column-picker__search-clear", type: "button", onClick: this.handleSearchClear }, h("co-icon", { key: 'ea9d732d1c828fb3146046418d6b5d8dbc5c3c1b', name: "x", size: 14 }))))), this.showToolbar && this.multiple && (h("div", { key: '1aa8fde242c2b5d531411d67ef7ea96da4b0dbef', class: "co-column-picker__toolbar" }, h("button", { key: 'ce0bf82e65376e0eef1d83ee2e977617116e53ea', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleSelectAll }, this.selectAllText), h("button", { key: '7e418708aa8234f8e60ffd64d1ef7aad5baa5c98', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleDeselectAll }, this.clearText), h("span", { key: '5f1d2021e7b7ac9d51b4fb4f530a52204558818b', class: "co-column-picker__toolbar-sep" }), h("button", { key: '67a4b15e8b7ca43942866b502c2e28da9edb48d2', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleExpandAll }, this.expandText), h("button", { key: 'c832eff1b36989819ad1b89c30c55398877c33b3', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleCollapseAll }, this.collapseText), h("span", { key: '1b0644a54e796cb85280850375dcade772a35648', style: { flex: '1' } }), this.selectedValues.length > 0 && h("span", { key: '4292ea60a8c533dc67c57b029dee1c19403d68ed', class: "co-column-picker__toolbar-counter" }, this.selectedValues.length, " ", this.selectedText))), h("div", { key: '9b06012caa39e9704698a77981b994d31c1d60e3', class: "co-column-picker__scroll", style: { maxHeight: `${this.maxHeight}px` } }, this.renderTree()))), this.helperText && (h("div", { key: 'c6c169d84d6b495101741df8012307cee8ada693', class: `co-column-picker__helper co-column-picker__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'e5e6d35e4b5356dbe1880742fe3c35ee9d845ae6', name: this.statusIcon, size: 14, weight: "fill", class: "co-column-picker__helper-icon" }), h("span", { key: 'e3a626266f8f68277ae8dbfa2d4194a57855af8d', class: "co-column-picker__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: '26459691cbb08646122c6b84f39a974ca4f1fd9c', class: "co-column-picker__labels" }, this.label && h("label", { key: '92ffd71828c22b97582cef13d8a384a3f9ba937e', class: "co-column-picker__label" }, this.label), this.secondaryLabel && h("span", { key: 'b0d7bcb5e8feff1441e52beb99b2665fcbee0ab0', class: "co-column-picker__secondary-label" }, this.secondaryLabel))), this.renderField(), this.isOpen && (h("div", { key: '304bcf74653023ef6dd0120546733952c46cd179', class: "co-column-picker__dropdown" }, this.showSearch && (h("div", { key: '450a8b2d96bb238f78af451816ef7dc3f89e8221', class: "co-column-picker__search" }, h("co-icon", { key: '07e37bb18a637a22f2e94987ada23e3621291c65', name: "magnifying-glass", size: 14, class: "co-column-picker__search-icon" }), h("input", { key: '0f92eee4279a27b2c57fbdcde81ae3af2f4e3e52', ref: el => (this.searchInputEl = el), class: "co-column-picker__search-input", type: "text", value: this.query, placeholder: this.placeholder, onInput: this.handleSearchInput, onClick: (e) => e.stopPropagation() }), this.query && (h("button", { key: '0f2763e9f143a779bdb579ac37ddb46c759792c4', class: "co-column-picker__search-clear", type: "button", onClick: this.handleSearchClear }, h("co-icon", { key: 'df24dd1c216f53a541cba73c5084b5cc877a10ee', name: "x", size: 14 }))))), this.showToolbar && this.multiple && (h("div", { key: '9ac7d402dcc11f10da27a6e0ca4b4dd4549704b3', class: "co-column-picker__toolbar" }, h("button", { key: '10f9114ec60023a4f1233262269ba7a30d130f88', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleSelectAll }, this.selectAllText), h("button", { key: '732104f5d4e174f3e36683c6161522a5eccf9b43', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleDeselectAll }, this.clearText), h("span", { key: 'bddc836e0a401fa7756309683119026c23894a37', class: "co-column-picker__toolbar-sep" }), h("button", { key: '8fb1562fd3bd0073cf9ac259d573e538dacd0970', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleExpandAll }, this.expandText), h("button", { key: 'cd156c6db410fb5c270169e5cb4e791422e91117', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleCollapseAll }, this.collapseText), h("span", { key: '5bae08f63282db0c2de2d7145394903c27b2948d', style: { flex: '1' } }), this.selectedValues.length > 0 && h("span", { key: 'a062ed66af5dbf8e6056721a0013cb89d6f25e1a', class: "co-column-picker__toolbar-counter" }, this.selectedValues.length, " ", this.selectedText))), h("div", { key: 'e0e25124ebcbee2db66da742f7f28b09d5fcb639', class: "co-column-picker__scroll", style: { maxHeight: `${this.maxHeight}px` } }, this.renderTree()))), this.helperText && (h("div", { key: 'f41e25d27617dfcfd848d743cf238cc5030a78a0', class: `co-column-picker__helper co-column-picker__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'de330fc3337547b9d9df2a766022972b55756074', name: this.statusIcon, size: 14, weight: "fill", class: "co-column-picker__helper-icon" }), h("span", { key: 'a7644c9eb64f8650a80f5f1c864d3cfc501870c6', class: "co-column-picker__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-column-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -261,15 +261,15 @@ export class CoCombobox {
         }
     }
     render() {
-        return (h("div", { key: '37a1a6c5d14a61e45a522024b1aecf9ef3421cb5', class: {
+        return (h("div", { key: '6fed11f88fb5fcaf2105997ac20138ffc53ff101', class: {
                 'co-combobox': true,
                 'co-combobox--open': this.isOpen,
                 'co-combobox--disabled': this.disabled,
                 [`co-combobox--${this.size}`]: true,
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '4db14a62bbdbd01088df7279939cce69eb30f9a3', class: "co-combobox__labels" }, this.label && h("label", { key: '294744758ea6e99f1c68c3b612269aa5fb38e838', class: "co-combobox__label", part: "label" }, this.label, h(RequiredMark, { key: '17c9fd9fe7cac0abd1f6b8bee4f31a9e536758fb', required: this.required })), this.secondaryLabel && (h("span", { key: '457e35ca2dd250a7ecd5c36980ced045fb46f319', class: "co-combobox__secondary-label", part: "secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: '54fdc55762dcf268d1522c345968d39f26fc768e', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '0bb104f5e51e7ea5b36d7325e178c7c7eadde05c', slot: "trigger", class: "co-combobox__trigger", part: "trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-label": this.label || undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-controls": this.isOpen ? CoCombobox.LIST_ID : undefined, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.iconLeft && (h("co-icon", { key: 'ebdfa267be7257aaa2b187fc867cb5d334d91319', name: this.iconLeft, size: 16, class: "co-combobox__icon" })), h("div", { key: '77671cfffe0d593242c776316292dec69af64ed6', class: "co-combobox__input-wrapper", ref: (el) => (this.chipContainerEl = el) }, this.multiple && this.hasValue ? (this.selectedOptions.map(opt => (h("co-chip", { size: "small", "icon-mode": "both", label: opt.label }, h("co-icon", { slot: "icon-left", name: opt.icon || 'circle', size: 10 }), h("co-icon", { slot: "icon-right", name: "x-circle", size: 10, weight: "fill", onClick: (e) => { e.stopPropagation(); this.handleListRemove(opt.value); } }))))) : (h("span", { class: {
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '7b75c40477363baa58a26c6177b40be309cea6f9', class: "co-combobox__labels" }, this.label && h("label", { key: 'b62a7d8716e57bb7162ee7c96e8327484fe65f5a', class: "co-combobox__label", part: "label" }, this.label, h(RequiredMark, { key: 'e383891183517918c238b2c991837aae60ee821e', required: this.required })), this.secondaryLabel && (h("span", { key: '91cd238f0bac065b2e396aa03b1a5a0c534e8685', class: "co-combobox__secondary-label", part: "secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: 'aa7354defca2a6a55e105a48895df997af68d1e7', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '40f92dcf5c50c78177a2ca76f152e2c380bcf3f6', slot: "trigger", class: "co-combobox__trigger", part: "trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-label": this.label || undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-controls": this.isOpen ? CoCombobox.LIST_ID : undefined, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.iconLeft && (h("co-icon", { key: '15c6fdd87e01e0e5e4dca3c8c34d375dbf8af878', name: this.iconLeft, size: 16, class: "co-combobox__icon" })), h("div", { key: 'fa656d5c962bd270d01b425a49059e91d0211a00', class: "co-combobox__input-wrapper", ref: (el) => (this.chipContainerEl = el) }, this.multiple && this.hasValue ? (this.selectedOptions.map(opt => (h("co-chip", { size: "small", "icon-mode": "both", label: opt.label }, h("co-icon", { slot: "icon-left", name: opt.icon || 'circle', size: 10 }), h("co-icon", { slot: "icon-right", name: "x-circle", size: 10, weight: "fill", onClick: (e) => { e.stopPropagation(); this.handleListRemove(opt.value); } }))))) : (h("span", { class: {
                 'co-combobox__text': true,
                 'co-combobox__text--placeholder': !this.hasValue,
-            } }, this.hasValue ? this.displayText : this.placeholder))), this.multiple && this.overflowCount > 0 && (h("span", { key: 'c230748247efc705f21f299254c24b717d7f5af7', class: "co-combobox__overflow-badge" }, this.overflowCount)), this.clearable && this.hasValue && !this.disabled && (h("button", { key: 'b8acd2eeeb17ec672912886e7dfa67abd1026927', class: "co-combobox__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear selection", part: "clear" }, h("co-icon", { key: 'd21e7dec49db82e5514a1562b60596d51ee69094', name: "x-circle", size: 16, weight: "fill" }))), h("co-icon", { key: '51becab683f82d56d93599e701025a640822127c', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-combobox__caret" })), h("div", { key: '8d21ea81c9c5ca9500359f7cedadf12328e4c5eb', class: "co-combobox__dropdown", part: "dropdown" }, this.isOpen && (h("co-option-list", { key: '066a18d85a356c238ff9ced3721c1d3280bce4c8', id: CoCombobox.LIST_ID, ref: (el) => (this.optionListEl = el), items: this.listItemsJson, value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", removableItems: this.multiple, virtual: true, searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: 0, highlightMatches: true, emptyMessage: this.emptyMessage, onCoSearch: (e) => { this.searchQuery = e.detail; }, onCoChange: (e) => this.handleListChange(e.detail), onCoRemoveItem: (e) => this.handleListRemove(e.detail) }, this.showFooter && (h("co-list-footer", { key: '11d5f3fd067ac246e2068bc33a7ef938efef8829', slot: "footer", secondaryLabel: this.footerSecondaryLabel, primaryLabel: this.footerPrimaryLabel, onCoSecondary: this.handleFooterSecondary, onCoPrimary: this.handleFooterPrimary })))))), this.helperText && (h("div", { key: 'aea733779599bf85e1060062b9664821bcd1f003', class: `co-combobox__helper co-combobox__helper--${this.status}`, part: "helper" }, this.statusIcon && h("co-icon", { key: '629698daf7e0005c8849062777daf8b329fe969c', name: this.statusIcon, size: 14, weight: "fill", class: "co-combobox__helper-icon" }), h("span", { key: 'd91bd4fdadedb2eebbe4a2a3c5d033978cb8db76', class: "co-combobox__helper-text" }, this.helperText)))));
+            } }, this.hasValue ? this.displayText : this.placeholder))), this.multiple && this.overflowCount > 0 && (h("span", { key: '99540b85f84966fbdb1a50d44c01174bad7e661c', class: "co-combobox__overflow-badge" }, this.overflowCount)), this.clearable && this.hasValue && !this.disabled && (h("button", { key: 'dc0fb5f10daa29361c9a3a045207e44faa145d7a', class: "co-combobox__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear selection", part: "clear" }, h("co-icon", { key: 'e8dc3180e4760c5c67b6584681f7fce1c5932cb4', name: "x-circle", size: 16, weight: "fill" }))), h("co-icon", { key: '406302a495fa3c3d8e91e9ce1a1a8ca247da0003', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-combobox__caret" })), h("div", { key: 'd3691124ae69d7c7b6a9989980a7f406a5679d4c', class: "co-combobox__dropdown", part: "dropdown" }, this.isOpen && (h("co-option-list", { key: '8f23d737e36bac0c3077eb3e9fa1e6df1e9aeae1', id: CoCombobox.LIST_ID, ref: (el) => (this.optionListEl = el), items: this.listItemsJson, value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", removableItems: this.multiple, virtual: true, searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: 0, highlightMatches: true, emptyMessage: this.emptyMessage, onCoSearch: (e) => { this.searchQuery = e.detail; }, onCoChange: (e) => this.handleListChange(e.detail), onCoRemoveItem: (e) => this.handleListRemove(e.detail) }, this.showFooter && (h("co-list-footer", { key: '198f56ba250948a6642919d3eb69cb6bb41e32cf', slot: "footer", secondaryLabel: this.footerSecondaryLabel, primaryLabel: this.footerPrimaryLabel, onCoSecondary: this.handleFooterSecondary, onCoPrimary: this.handleFooterPrimary })))))), this.helperText && (h("div", { key: 'ab4a7a36d580ab6f3a198e3d88587010053fa7c8', class: `co-combobox__helper co-combobox__helper--${this.status}`, part: "helper" }, this.statusIcon && h("co-icon", { key: '2325dbb2d31dc7b3d4b319ecb23a0f7a42e10bac', name: this.statusIcon, size: 14, weight: "fill", class: "co-combobox__helper-icon" }), h("span", { key: 'e941e857eb03af5cfefd2d6bce7cb59226a5511b', class: "co-combobox__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-combobox"; }
     static get encapsulation() { return "shadow"; }
@@ -531,7 +531,7 @@ export class CoCombobox {
                     "references": {
                         "ComboboxOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-0.10.3/packages/core/src/components/co-combobox/co-combobox.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-combobox/co-combobox.tsx",
                             "id": "src/components/co-combobox/co-combobox.tsx::ComboboxOption"
                         }
                     }

package/dist/collection/components/co-command-search/co-command-search.js

@@ -170,14 +170,14 @@ export class CoCommandSearch {
     render() {
         const items = this.filteredItems;
         return [
-            h("div", { key: '2fa819f611d5e106367baecd8d0d468ef538abb9', class: "co-command-search__trigger", onClick: this.handleTriggerClick }, h("slot", { key: 'ee17e409b1253cc447d9813a458c3b123597caa1', name: "trigger" })),
-            h("co-overlay", { key: '57f2be7cc61b9c73d20af7cabe44f27f52da130b', open: this.open, onCoClose: this.handleOverlayClick }, h("div", { key: '8e582bca997ca0b0ed0b77a26a2f5bce17540159', class: { 'co-command-search': true, 'co-command-search--open': this.open }, part: "panel", role: "dialog", "aria-modal": "true", "aria-label": "Command palette", onClick: this.handlePanelClick, onKeyDown: this.handlePanelKeyDown }, h("div", { key: '6252fab9df91285b063186c0814a678c2f91aec9', class: "co-command-search__input-row", part: "input-row" }, h("co-icon", { key: '4ce68141969cd823f3b6d1e286dcd62609244587', name: "magnifying-glass", size: 20 }), this.parsedChips.map((chip, idx) => (h("span", { class: "co-command-search__facet-chip" }, chip.icon && h("co-icon", { name: chip.icon, size: 12 }), h("span", { class: "co-command-search__facet-chip-label" }, chip.label), h("button", { class: "co-command-search__facet-chip-remove", type: "button", "aria-label": `Remove filter ${chip.label}`, onClick: (e) => {
+            h("div", { key: '39923de31e4b2af82ecbf5e2d53d7d3c1e473b24', class: "co-command-search__trigger", onClick: this.handleTriggerClick }, h("slot", { key: '8ff9d2f0df90708646121f42801d7b5800acc187', name: "trigger" })),
+            h("co-overlay", { key: 'b0dc190f246e3449e09ad0c3b93848835dc03dbf', open: this.open, onCoClose: this.handleOverlayClick }, h("div", { key: '8210d7c7957ff0994bd7971bc7983072aa02983e', class: { 'co-command-search': true, 'co-command-search--open': this.open }, part: "panel", role: "dialog", "aria-modal": "true", "aria-label": "Command palette", onClick: this.handlePanelClick, onKeyDown: this.handlePanelKeyDown }, h("div", { key: 'f387deebbd88c8f188cb12208972f85f6cfc90a7', class: "co-command-search__input-row", part: "input-row" }, h("co-icon", { key: '668f418f7390875064f0094d0dbf66e73cf9d906', name: "magnifying-glass", size: 20 }), this.parsedChips.map((chip, idx) => (h("span", { class: "co-command-search__facet-chip" }, chip.icon && h("co-icon", { name: chip.icon, size: 12 }), h("span", { class: "co-command-search__facet-chip-label" }, chip.label), h("button", { class: "co-command-search__facet-chip-remove", type: "button", "aria-label": `Remove filter ${chip.label}`, onClick: (e) => {
                     e.stopPropagation();
                     this.coChipRemove.emit(idx);
-                } }, h("co-icon", { name: "x", size: 10, weight: "bold" }))))), h("input", { key: '565abed1c59c32ce3336e110cd9da6afadb693b5', class: "co-command-search__input", type: "text", placeholder: this.placeholder, value: this.query, onInput: this.handleInput, onKeyDown: this.handleKeyDown, ref: el => (this.inputEl = el), part: "input", role: "combobox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list" }), this.loading && (h("co-loader", { key: 'f84db9e0b3f9c53d8eae6ab6edb790f189b3e49d', class: "co-command-search__loading", part: "loading", size: "sm" })), h("span", { key: '7f9e3b653c9d52d0438fafbb645506f3a7aa7f2c', class: "co-command-search__shortcut" }, "ESC")), (this.parsedTabs.length > 0 || this.hasMore) && (h("div", { key: 'fd734ad98b004d5e08f601631d6e2c547ef70dca', class: "co-command-search__tabs", part: "tabs", role: "tablist" }, this.parsedTabs.map(tab => {
+                } }, h("co-icon", { name: "x", size: 10, weight: "bold" }))))), h("input", { key: '569d79d5dd64bf0d77f2f935faddb45140dbb4ab', class: "co-command-search__input", type: "text", placeholder: this.placeholder, value: this.query, onInput: this.handleInput, onKeyDown: this.handleKeyDown, ref: el => (this.inputEl = el), part: "input", role: "combobox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list" }), this.loading && (h("co-loader", { key: '2c97cbbe4cb8680cc9a0a17ac4874affb4aa4dbc', class: "co-command-search__loading", part: "loading", size: "sm" })), h("span", { key: 'e83670924b978f2b1c8900d7b5974ddfdec79421', class: "co-command-search__shortcut" }, "ESC")), (this.parsedTabs.length > 0 || this.hasMore) && (h("div", { key: 'ac2e11112323393377a47b70d0c4e7f0b4879925', class: "co-command-search__tabs", part: "tabs", role: "tablist" }, this.parsedTabs.map(tab => {
                 const active = tab.value === this.activeTab;
                 return (h("co-chip", { class: "co-command-search__tab", role: "tab", "aria-selected": active ? 'true' : 'false', clickable: true, selected: active, variant: active ? 'filled' : 'outlined', color: active ? 'primary' : 'default', iconLeft: tab.icon, label: tab.label, onCoClick: () => this.coTabSelect.emit(active ? '' : tab.value) }));
-            }), this.hasMore && (h("co-chip", { key: 'f5812a94f9f24df93b34abd9588e43b354d6c5e8', class: "co-command-search__tab co-command-search__tab--more", clickable: true, variant: "outlined", label: this.moreLabel, iconRight: "caret-down", onCoClick: () => this.coMoreTabs.emit() })))), h("div", { key: 'b21f950593d51ecb05ffa7f752cd3b8eebf0ef08', class: "co-command-search__results", part: "results" }, this.parsedFavorites.length > 0 && !this.query && (h("div", { key: '054210475307154dbd369a6468e5bd38a88534a2', class: "co-command-search__fav", part: "favorites" }, h("div", { key: '4cc849cf107af9b94cb9715a7d054f6567e75345', class: "co-command-search__fav-grid" }, this.parsedFavorites.map(fav => (h("button", { class: "co-command-search__fav-card", type: "button", onClick: () => this.coSelect.emit(fav.value) }, h("span", { class: "co-command-search__fav-icon", style: { background: fav.color || 'var(--co-semantic-surface-muted)' } }, h("co-icon", { name: fav.icon || 'circle', size: 26, weight: "fill" })), h("span", { class: "co-command-search__fav-label" }, fav.label))))))), h("co-option-list", { key: 'b48e7eb20f3591e8539211343908fa84ca1ebd1f', ref: (el) => (this.optionListEl = el), items: JSON.stringify(items.map((it) => ({
+            }), this.hasMore && (h("co-chip", { key: '5d9f2d1f698ae0bcd8114fecc37933d3a382e827', class: "co-command-search__tab co-command-search__tab--more", clickable: true, variant: "outlined", label: this.moreLabel, iconRight: "caret-down", onCoClick: () => this.coMoreTabs.emit() })))), h("div", { key: 'f40c3fd0d1df01943abb1ad5c309c4d3ca06cb6d', class: "co-command-search__results", part: "results" }, this.parsedFavorites.length > 0 && !this.query && (h("div", { key: 'db24aad8d20d08ca7ab73d7a7282864b86416270', class: "co-command-search__fav", part: "favorites" }, h("div", { key: 'da53185a2e61f62413520ed731233db7994c8c98', class: "co-command-search__fav-grid" }, this.parsedFavorites.map(fav => (h("button", { class: "co-command-search__fav-card", type: "button", onClick: () => this.coSelect.emit(fav.value) }, h("span", { class: "co-command-search__fav-icon", style: { background: fav.color || 'var(--co-semantic-surface-muted)' } }, h("co-icon", { name: fav.icon || 'circle', size: 26, weight: "fill" })), h("span", { class: "co-command-search__fav-label" }, fav.label))))))), h("co-option-list", { key: '31c21b81d1fffc0c8a1e7aadfc3abb6661804967', ref: (el) => (this.optionListEl = el), items: JSON.stringify(items.map((it) => ({
                     _id: it.value, label: it.label, icon: it.icon, description: it.subtitle, group: it.section,
                     disabled: it.disabled,
                 }))), autoHighlight: true, highlightMatches: true, highlightTerm: this.query, loading: this.loading, emptyMessage: this.emptyMessage, onCoChange: (e) => this.handleListPick(e.detail.item._id) })))),
@@ -246,7 +246,7 @@ export class CoCommandSearch {
                     "references": {
                         "CommandItem": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-0.10.3/packages/core/src/components/co-command-search/co-command-search.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-command-search/co-command-search.tsx",
                             "id": "src/components/co-command-search/co-command-search.tsx::CommandItem"
                         }
                     }

package/dist/collection/components/co-data-table/co-data-table.js

@@ -475,12 +475,12 @@ export class CoDataTable {
             : h("slot", { name: "empty-action" }))));
     }
     render() {
-        return (h("div", { key: '6f71533676a2c66ae46b1ee9940b405744cef174', class: {
+        return (h("div", { key: '44bc59a435ddaecd97cc5f6a70c466e2b8932344', class: {
                 'co-data-table': true,
                 'co-data-table--resizing': this.resizingColumn !== null,
                 'co-data-table--loading': this.loading,
                 'co-data-table--empty': !this.loading && this.parsedRows.length === 0,
-            } }, h("div", { key: '8176dca34858e32ba2ce008ac44cf444ea952f08', class: "co-data-table__scroll" }, h("table", { key: 'f285815728244a7161d91dbed6ca87b158db4de6', class: "co-data-table__table", style: { width: `${this.getTableWidth()}px`, minWidth: '100%' } }, this.renderColgroup(), this.renderHeader(), h("slot", { key: '97f4ed9020a7bdb8b262313a10451e9aff754a8e' }), this.loading ? this.renderSkeletonBody() : null)), this.renderEmpty()));
+            } }, h("div", { key: '1bd489e12b774b82571877870783454484319c9e', class: "co-data-table__scroll" }, h("table", { key: '3676513e8cffa3af36575975e3a57de8482129e6', class: "co-data-table__table", style: { width: `${this.getTableWidth()}px`, minWidth: '100%' } }, this.renderColgroup(), this.renderHeader(), h("slot", { key: '9bfc25d51933af94e714a5c8dc9e37f306ee27ed' }), this.loading ? this.renderSkeletonBody() : null)), this.renderEmpty()));
     }
     static get is() { return "co-data-table"; }
     static get originalStyleUrls() {
@@ -504,7 +504,7 @@ export class CoDataTable {
                     "references": {
                         "CoDataTableColumn": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-0.10.3/packages/core/src/components/co-data-table/co-data-table.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-data-table/co-data-table.tsx",
                             "id": "src/components/co-data-table/co-data-table.tsx::CoDataTableColumn"
                         }
                     }

package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js

@@ -84,17 +84,17 @@ export class CoDataTablePagination {
     }
     render() {
         const pages = this.getVisiblePages();
-        return (h("div", { key: '7bb75d863d77c1ee257994eb81557f4efd320cf3', class: "co-pagination", part: "pagination" }, h("div", { key: '593441b0dc0178fd73a333636764e29fe60efa49', class: "co-pagination__section" }, h("span", { key: '453dc30bbfbd9eb899c8bd2e7aa112e9f183a8d8', class: "co-pagination__label" }, this.jumpToPageLabel), h("input", { key: 'a806c23c5515f81d4751a69950f3ff944a41c9b9', type: "text", class: "co-pagination__jump-input", value: this.jumpToValue || String(this.page), onInput: (e) => {
+        return (h("div", { key: 'f83c7d15c6e8eec2afc321143bded864ae5fda09', class: "co-pagination", part: "pagination" }, h("div", { key: '11782853551ccefbcec9ac5106f832b2197da906', class: "co-pagination__section" }, h("span", { key: 'cf6655015c28276df65494a98227f3958f49c0d3', class: "co-pagination__label" }, this.jumpToPageLabel), h("input", { key: 'e81cfc938459634a724af59b2f00ceb509faaafb', type: "text", class: "co-pagination__jump-input", value: this.jumpToValue || String(this.page), onInput: (e) => {
                 this.jumpToValue = e.target.value;
             }, onKeyDown: (e) => this.handleJumpToPage(e), onFocus: (e) => {
                 e.target.select();
-            }, part: "jump-input" })), h("div", { key: '9eadd04de3cab8260445a2eb133734c3c3aa7cf6', class: "co-pagination__section co-pagination__section--page-size" }, h("div", { key: 'e3dd5337ee92d9fa715fb27b1ff689b4e6fd4559', class: "co-pagination__page-size-trigger", onClick: () => { this.showPageSizeDropdown = !this.showPageSizeDropdown; } }, h("span", { key: '8699129db80a836d122b150d357f3c6d72b21683', class: "co-pagination__page-size-value" }, this.pageSize), h("span", { key: 'cfc74fc55c23887dc2d13efa379458d8ef9dd947', class: "co-pagination__label" }, this.perPageLabel), h("co-icon", { key: '700821528fd851f6c8cbafb07ffe3ba95838d977', name: "caret-down", size: 14 })), this.showPageSizeDropdown && (h("div", { key: 'd0cd76772f54b3a5853d8158dd72d5972a9ef5e8', class: "co-pagination__page-size-dropdown", part: "dropdown" }, this.parsedPageSizes.map(size => (h("button", { class: {
+            }, part: "jump-input" })), h("div", { key: '1106208e94bf7fed0a536d9ba697f029e6125bf4', class: "co-pagination__section co-pagination__section--page-size" }, h("div", { key: '9a158ae48966c89bbfd30b575382e3798f86c403', class: "co-pagination__page-size-trigger", onClick: () => { this.showPageSizeDropdown = !this.showPageSizeDropdown; } }, h("span", { key: 'eb823c3876c2b53bc8a946b18899290ab9d4928c', class: "co-pagination__page-size-value" }, this.pageSize), h("span", { key: 'f46690625eb9b4fc3f47c3dd6c19670f483f4373', class: "co-pagination__label" }, this.perPageLabel), h("co-icon", { key: 'ebd5dcac78b682c6a96ca090868dfbe4a81196e7', name: "caret-down", size: 14 })), this.showPageSizeDropdown && (h("div", { key: 'be486ea92757e11c3782c293cbbf377fb39ac1f2', class: "co-pagination__page-size-dropdown", part: "dropdown" }, this.parsedPageSizes.map(size => (h("button", { class: {
                 'co-pagination__page-size-option': true,
                 'co-pagination__page-size-option--active': size === this.pageSize,
-            }, onClick: () => this.changePageSize(size) }, size)))))), h("div", { key: '1389c60c3985201af55ba9ba609e020e6fb43c86', class: "co-pagination__spacer" }), h("div", { key: '6254c6c322e1ca929c6f2654ec80887efad30615', class: "co-pagination__section" }, h("span", { key: 'aeb3619ad97e67f866cc982745efb56aafc25f87', class: "co-pagination__count" }, this.totalCount.toLocaleString(), " ", this.recordsLabel)), h("div", { key: 'fae17e08dd1383aaf71587b7efe504d575e198c6', class: "co-pagination__section co-pagination__nav" }, h("button", { key: '912bfea50023f5e039364a5f4e3dc1d7bb2f05e7', class: "co-pagination__nav-btn", disabled: this.page <= 1, onClick: () => this.goToPage(this.page - 1), part: "prev-btn" }, this.previousLabel), pages.map(p => p === '...' ? (h("span", { class: "co-pagination__ellipsis" }, "\u2026")) : (h("button", { class: {
+            }, onClick: () => this.changePageSize(size) }, size)))))), h("div", { key: '90d4ade3e50e1e539dacae10375bf395eb8f116b', class: "co-pagination__spacer" }), h("div", { key: 'db63dc37c80ef387473085d18dbcfb41e5779513', class: "co-pagination__section" }, h("span", { key: '1c3a3603bb8fcfc60762fb6e2ea865e06a23bf60', class: "co-pagination__count" }, this.totalCount.toLocaleString(), " ", this.recordsLabel)), h("div", { key: '04f0065db683f13f6b57d2c068cd883b538964fd', class: "co-pagination__section co-pagination__nav" }, h("button", { key: '69c7aa951561422f9a0b6a4321845ceadf33d4c7', class: "co-pagination__nav-btn", disabled: this.page <= 1, onClick: () => this.goToPage(this.page - 1), part: "prev-btn" }, this.previousLabel), pages.map(p => p === '...' ? (h("span", { class: "co-pagination__ellipsis" }, "\u2026")) : (h("button", { class: {
                 'co-pagination__page-btn': true,
                 'co-pagination__page-btn--active': p === this.page,
-            }, onClick: () => this.goToPage(p) }, p))), h("button", { key: '7c933d5a710cb5509b360d23fa0512df1a7a8bc4', class: "co-pagination__nav-btn", disabled: this.page >= this.totalPages, onClick: () => this.goToPage(this.page + 1), part: "next-btn" }, this.nextLabel))));
+            }, onClick: () => this.goToPage(p) }, p))), h("button", { key: '8498aaddbfa4bf91c63fd7d2697613d112d37adc', class: "co-pagination__nav-btn", disabled: this.page >= this.totalPages, onClick: () => this.goToPage(this.page + 1), part: "next-btn" }, this.nextLabel))));
     }
     static get is() { return "co-data-table-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -162,20 +162,20 @@ export class CoDateField {
         // should still fall back to the localized default placeholder.
         const placeholder = this.placeholder || t.setDate;
         const helper = this.isInvalid ? this.errorMessage : this.helperText;
-        return (h("div", { key: '0153dfa52a577f005fdcf86035611a0cecf56ecc', class: {
+        return (h("div", { key: '57a1f893056adf9fd06ba6569be6ca56279e9d0a', class: {
                 'co-date-field': true,
                 'co-date-field--disabled': this.disabled,
                 'co-date-field--focused': this.hasFocus,
                 'co-date-field--filled': this.hasValue,
                 'co-date-field--invalid': this.isInvalid,
                 [`co-date-field--${this.size}`]: true,
-            }, part: "wrapper" }, this.label && (h("div", { key: '477602a3cb3c1440b10d612c194f7d2ae5e03456', class: "co-date-field__labels" }, h("label", { key: '3f0b5d1243e703f70e827a48200355bf028ae4ca', class: "co-date-field__label", part: "label" }, this.label, h(RequiredMark, { key: '47d3b8f98cd50e63412d3ae6ed9f4e300210a60b', required: this.required })))), h("div", { key: '4f3b093f9c159e8476f6285402a5f8349bc55112', class: "co-date-field__field-row" }, h("div", { key: '37bff398a2377f38d34b6a1c6e15b1e0e2de783e', class: "co-date-field__field", part: "field" }, h("co-icon", { key: 'fe82197dcc67464415c3f49e565009acfe7b40b2', name: "calendar", size: 16, class: "co-date-field__icon" }), h("div", { key: '069847b02a6028e2ad0bc3c4a0d3817c899c2fbf', class: "co-date-field__input-wrapper" }, h("input", { key: '4669fc7cf06aff450707bf7975fd1141efdd8304', ref: (el) => (this.inputEl = el), class: "co-date-field__native", type: "text", inputMode: "numeric", autocomplete: "off", value: this.draft, placeholder: placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? t.dateLabel : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" })), this.clearable && (h("button", { key: 'fd52945af291236aecf4068625f8872b09e7d22f', class: {
+            }, part: "wrapper" }, this.label && (h("div", { key: 'f1ca2acffbcfa44193a5706d1d812137c8b11c40', class: "co-date-field__labels" }, h("label", { key: '17427000b168ab491dc1ecdf14c6ed0be9d14071', class: "co-date-field__label", part: "label" }, this.label, h(RequiredMark, { key: 'a76cd091616df282024058f56d34739183567931', required: this.required })))), h("div", { key: 'e76b4e754f36df73f75066fad89e3a00005423f7', class: "co-date-field__field-row" }, h("div", { key: '9970c2ef78fbfc573f0a6a39c9b3b3382e03b719', class: "co-date-field__field", part: "field" }, h("co-icon", { key: '9e4d98bf770be953b45bbc53e59d3ec5b38d11df', name: "calendar", size: 16, class: "co-date-field__icon" }), h("div", { key: 'ce818cd98844390212bbd9ee40693d7f741cafd9', class: "co-date-field__input-wrapper" }, h("input", { key: 'ccf4825809b19b93bf1027474333af02ad66fa4f', ref: (el) => (this.inputEl = el), class: "co-date-field__native", type: "text", inputMode: "numeric", autocomplete: "off", value: this.draft, placeholder: placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? t.dateLabel : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" })), this.clearable && (h("button", { key: '4e740ed04a5d7f44484626c2afa01f4355041d56', class: {
                 'co-date-field__clear': true,
                 'co-date-field__clear--hidden': !showClear,
-            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClear, "aria-label": (_a = this.clearLabel) !== null && _a !== void 0 ? _a : t.clearDate, part: "clear" }, h("co-icon", { key: 'b4552bb9b1c77ffb156684464f14579530c00508', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: '00e95a4ebc29f4d6b9a6dae1dc14456dcb7af21f', type: "hidden", name: this.name, value: (_b = this.value) !== null && _b !== void 0 ? _b : '' }), helper && (h("div", { key: '6c0b2272a6ba4139ad7bbd5e8755ef599f2ebe03', class: {
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClear, "aria-label": (_a = this.clearLabel) !== null && _a !== void 0 ? _a : t.clearDate, part: "clear" }, h("co-icon", { key: 'bdffd194b7e970843a1e78ac677aeec4db09ac1a', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: '422332a357a4c32bb7192ea63f1537f64ebd3039', type: "hidden", name: this.name, value: (_b = this.value) !== null && _b !== void 0 ? _b : '' }), helper && (h("div", { key: '5c9e228508081f453aea404f19405c68a16d5157', class: {
                 'co-date-field__helper': true,
                 'co-date-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'e9340bf5490100f6b1a93fa7af1950253ae442e7', name: "warning-circle", size: 14, class: "co-date-field__helper-icon" })), h("span", { key: '5bd1d55005d6df5ef159bbd6e60b14c69b0314cc', class: "co-date-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'fe6e725310bb97ff25388ebf92f88816514241e0', name: "warning-circle", size: 14, class: "co-date-field__helper-icon" })), h("span", { key: 'fac146d794b97ca83ad7ee6e044411b549a1c472', class: "co-date-field__helper-text" }, helper)))));
     }
     static get is() { return "co-date-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-date-range/co-date-range.js

@@ -33,7 +33,7 @@ export class CoDateRange {
         }
     }
     render() {
-        return (h("co-date-range-picker", { key: '2d03e6fa36f8f44830beb798a1a3096b93f3478d', value: this.value, label: this.label, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, presets: this.presets, helperText: this.helperText, locale: this.locale, applyLabel: this.applyLabel, clearLabel: this.clearLabel, onCoApply: this.handleApply, onCoClear: () => this.coClear.emit() }));
+        return (h("co-date-range-picker", { key: 'f979460b1e6de4e3a519534a62258aebce1f2670', value: this.value, label: this.label, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, presets: this.presets, helperText: this.helperText, locale: this.locale, applyLabel: this.applyLabel, clearLabel: this.clearLabel, onCoApply: this.handleApply, onCoClear: () => this.coClear.emit() }));
     }
     static get is() { return "co-date-range"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-date-range-picker/co-date-range-picker.js

@@ -1041,7 +1041,7 @@ export class CoDateRangePicker {
                     "references": {
                         "DateRangeValue": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-0.10.3/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                             "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
                         }
                     }
@@ -1062,7 +1062,7 @@ export class CoDateRangePicker {
                     "references": {
                         "DateRangeValue": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-0.10.3/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                             "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
                         }
                     }