@prolibu-suite/cobalt-core 0.9.0 → 0.9.1

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: 'e3424f147cc4168638d2ac823046351fb880ac57', 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: 'ad5f66c721365f3a9ca2192765df243e8dea492e', 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: '45a2250516e1080f79b4a4554a0db7715c30066d', class: "co-sidebar__header", part: "header" }, index.h("slot", { key: '04a468d4eb6cf9bbd2acc482ba50defc4271166e', name: "header" })), index.h("div", { key: '730e37997945ce8bc7bc2d177beb25bbd0a1813f', class: "co-sidebar__body", part: "body" }, index.h("slot", { key: '22c20554c8f2d85952d43484cda5903dbf33588d' })), index.h("div", { key: '6bb53d0394b9107ea1553e21047d51ea5fe0f292', class: "co-sidebar__footer", part: "footer" }, index.h("slot", { key: '2b326d1beed32288d50ba17abad459929ed1e940', 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: '9b0393d126f0951918b8579542019448949f8537', 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: 'e5a6e71de571099179da3fff7fad8a49f4007b58', class: "co-slider__labels" }, index.h("div", { key: 'e2e7b16b04ab4405efefe3c706f0b17e554e3403', class: "co-slider__labels-left" }, this.label && index.h("label", { key: '5bfdab322661e6a4ff23c3f51b98f92beb7f71d2', class: "co-slider__label" }, this.label), this.secondaryLabel && index.h("span", { key: 'badb1274cb50e9fd5aa4ffe0ecd2fcdf7e356ac5', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && index.h("span", { key: '100c039646a494ab2311fe665dcca69ac373412c', class: "co-slider__value" }, this.value))), index.h("div", { key: 'cccc6eec3cb96c59fde0dd61f243b99d4dd906a5', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, index.h("div", { key: 'f2e4c77eaad6f282a8516cbecf658309d288e960', class: "co-slider__track" }, index.h("div", { key: 'a4b4e062c0f4fc63fe06c0f82635b7938d362872', class: "co-slider__fill", style: { width: `${pct}%` } })), index.h("div", { key: '82aaafcee3e10dabda359e1633d3d43cb907efef', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (index.h("div", { key: 'df196b5f77697d80ba347049252f06bd941210af', class: "co-slider__marks" }, index.h("span", { key: '842cf8078d2ce44015bfff1ef5c6af9e81226c65', class: "co-slider__mark" }, this.min), index.h("span", { key: 'e9016d28e3cccb5422ee69fc420ffe8573261bb5', class: "co-slider__mark" }, this.max))), index.h("input", { key: 'e39cf4e0e392b19bbc69a8824b5304923690a111', 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: '8f63357fba596c559f7a8844588c7c95f85c7216', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'bd3cb81a4b8e934f97db8520566f41094b4054be', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), index.h("span", { key: '2840f87c55a9404b682b00be36f90807ba2e5cab', 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: 'cf5f5cf9c86e531772cab2fc89ce7f671fac6b88', 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: '1b4a84420f7cbf55b797c900633278226e6bb876', class: "co-switch-wrapper__row", onClick: this.handleClick }, index.h("button", { key: '84935bfd4332c5f75d9a55c302a215704255687e', 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: '5fd9ccdee226488b7bf40135310dfa8edc6f21ca', class: "co-switch__thumb", part: "thumb" })), hasLabels && (index.h("div", { key: '8c218d1e80fde949aaaeddb5beb82f0db903c5fd', class: "co-switch-wrapper__labels" }, this.label && index.h("span", { key: '8ac9fd5b3c508f1aa8d5dc68958b3503088c6573', class: "co-switch-wrapper__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '6484f45dcf71fde79d7e9b2dcb1e05736222eb43', required: this.required })), this.secondaryLabel && (index.h("span", { key: 'cafa4abbf0b8bab98992a1fc8450828eddf5a84e', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (index.h("div", { key: '50b2fa3efe5f9231b334785a5fcc12976e100529', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (index.h("co-icon", { key: 'd43268eb4c94458681cd0d29c25e63c6f228e744', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), index.h("span", { key: 'dca85627fe32f4991716e5bd0d74f52ee7825159', 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: 'b4a12a70b2ea662d7560b44dee50ecdbbb9314bb', 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: '4427ca133a60ae07f53f1c50ef6dd9ee39784aa6', 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: 'f569dd0913e8a6640fbbaecbf2b083e480f6f137', 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: '8bd16fd9d62bcf85872743b4508b1d7e774564a7', name: this.iconLeft, size: iconSize })), index.h("span", { key: 'e2477eb4d568a14cbc2751478b193f72fe485827' }, this.label), this.badge && (index.h("span", { key: '8d66cc9036bb4a70ffc51b29edbd1a766e650c41', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (index.h("co-icon", { key: 'f7e31ab5fed7cc1c1df82655f16e52efd6459c04', name: this.iconRight, size: iconSize }))));
     }
 };
 CoTab.style = coTabCss();

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

@@ -176,14 +176,14 @@ const CoTagsField = class {
         const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
         const helper = this.isInvalid ? this.errorMessage : this.helperText;
         const showInput = !this.readonly && !this.atCapacity;
-        return (index.h("div", { key: '1cddcc09b84bd9986332518809b22727e0ea6be8', class: {
+        return (index.h("div", { key: 'e7035dd352d920f06cf7ae067f4d5016fceff48b', class: {
                 'co-tags-field': true,
                 'co-tags-field--disabled': this.disabled,
                 'co-tags-field--focused': this.hasFocus,
                 'co-tags-field--filled': this.hasValue,
                 'co-tags-field--invalid': this.isInvalid,
                 [`co-tags-field--${this.size}`]: true,
-            }, part: "wrapper" }, this.label && (index.h("div", { key: '2a17c1550fb77d74795e29019865decf25b62637', class: "co-tags-field__labels" }, index.h("label", { key: 'b4fa98a4375ebf9cb09854528bae440310dd6e7a', class: "co-tags-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '491ec28ffeade76cc659e5920654d4b25474348b', required: this.required })))), index.h("div", { key: '5959a21a0586e453bdd260a32aa4e9e6f9ee5b97', class: "co-tags-field__field-row" }, index.h("div", { key: 'babe8f7f15287758aaa6e644edbdd20bea271085', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, index.h("div", { key: '6f2a17374c0fd13463cd62f9596f7ff896b0b4b4', class: "co-tags-field__input-wrapper" }, tags.map((tag, index$1) => this.editingIndex === index$1 ? (index.h("input", { key: `edit-${index$1}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
+            }, part: "wrapper" }, this.label && (index.h("div", { key: '4ff2eb4ab1fb00a193679063a30069847d85c6be', class: "co-tags-field__labels" }, index.h("label", { key: '238e18f48cb6c482de2957cd0f466c9875c71c20', class: "co-tags-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '4a86dbeb54674e7b0f38052bb7f9c9a6b96e2380', required: this.required })))), index.h("div", { key: '2ce5b7b6c520aac7d10e0ae2aad06ca27d12b705', class: "co-tags-field__field-row" }, index.h("div", { key: 'aa2e01fbbeeaddc8a53ffcb62c4c871ba2fe57d6', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, index.h("div", { key: 'bb6b037edb3036b029a664f7ef6d72b110e7b6a8', class: "co-tags-field__input-wrapper" }, tags.map((tag, index$1) => this.editingIndex === index$1 ? (index.h("input", { key: `edit-${index$1}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
         // Shared field-chip (utils/fieldChip.tsx) per the Figma
         // "Tipo=Chips" spec — same look as co-ref-field's chips.
         index.h(fieldChip.FieldChip, { key: `chip-${index$1}-${tag}`, baseClass: "co-tags-field__chip", label: tag, title: tag, onChipDblClick: () => this.startEdit(index$1), onRemove: !this.disabled && !this.readonly
@@ -191,13 +191,13 @@ const CoTagsField = class {
                     e.stopPropagation();
                     this.removeTag(index$1);
                 }
-                : undefined }))), showInput && (index.h("input", { key: '13fb645e7da2b931d565591cdca76010cc585d3d', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (index.h("button", { key: 'c7285e54cc7fbad03c5f0b107d01c31e63204f4b', class: {
+                : undefined }))), showInput && (index.h("input", { key: '419fa34260f36353b30c58b0883b8ebbaaca0176', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (index.h("button", { key: '06372259382dfc3a6edeba8f7e6dd5b9617ae306', class: {
                 'co-tags-field__clear': true,
                 'co-tags-field__clear--hidden': !showClear,
-            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, index.h("co-icon", { key: '9361a6e3f0d35bb2e976106a77dd6ee3c0053490', name: "x-circle", size: 16, weight: "fill" }))))), this.name && index.h("input", { key: 'b0d3ea0609153c6237337bdf7463d3eaac0977d5', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (index.h("div", { key: 'be4a5527ef638303d3c4583063a364f03a26fbf6', class: {
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, index.h("co-icon", { key: '1a2985e18467e778c56ae21c4de64ca7444cebcb', name: "x-circle", size: 16, weight: "fill" }))))), this.name && index.h("input", { key: '0a97d32c8efa0b29e0f050eceb4015cec8d55512', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (index.h("div", { key: '7225ade1dad3a5a63ad3214ae80890c082e89e19', class: {
                 'co-tags-field__helper': true,
                 'co-tags-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: 'b945852d4bc7cebf2440afb5507be3151009a789', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), index.h("span", { key: '92a7ac0cc4d84f63a4c9ca4b17c922bae485ffd6', class: "co-tags-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: '42225192d8d73f9e091ee069f7f5307ea42f5516', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), index.h("span", { key: '75eefd041a4d17ef9514ed24d7a3a417e89dc19c', class: "co-tags-field__helper-text" }, helper)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -75,7 +75,7 @@ const CoTextarea = class {
         const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
         const isOverLimit = this.maxLength != null && this.charCount > this.maxLength;
         const statusClass = this.status !== 'default' ? `co-textarea--${this.status}` : '';
-        return (index.h("div", { key: '9d323b813a3c11f045f48556233675ce07ceb79d', class: {
+        return (index.h("div", { key: '26a30e39d13d782711adb94e4c12c6c0db282095', class: {
                 'co-textarea': true,
                 'co-textarea--disabled': this.disabled,
                 'co-textarea--focused': this.hasFocus,
@@ -84,13 +84,13 @@ const CoTextarea = class {
                 [`co-textarea--${this.size}`]: true,
                 [statusClass]: !!statusClass,
                 'co-textarea--flat': this.variant === 'flat',
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'efd2f5901bbb5e9ecd6ef6cecf9c58917dc310bc', class: "co-textarea__labels" }, this.label && (index.h("label", { key: '006c3e9b5b219164e1794617e0fee742a195f18e', class: "co-textarea__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '7a2842c50c8151104fb529bba60ea02045384744', required: this.required }))), this.secondaryLabel && (index.h("span", { key: '76798fcfeae6ed5f7fa7dcd5be4c5c32fc345198', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: '8ea7e80d1d39807d4b5097a7c010e79726caf6cf', class: "co-textarea__field", part: "field" }, index.h("textarea", { key: 'aeed03e98299c0bbdc11dc35c7ffb8964b5f5785', ref: (el) => (this.textareaEl = el), class: {
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'b4f8df968cff2b5b175cfcbf1e68b31ca29d9afe', class: "co-textarea__labels" }, this.label && (index.h("label", { key: 'af366be59684f535c8fb87e9b974ce759cc18076', class: "co-textarea__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'e8a27b76c9fde30eef0aef8fbbbc46e296edf537', required: this.required }))), this.secondaryLabel && (index.h("span", { key: '945182ab7091298aab4631167615df0b742250d2', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: '23d1c1c7af5a03b0cd9196bfc18f24746f5e523d', class: "co-textarea__field", part: "field" }, index.h("textarea", { key: 'def518b0c40dad1749d9c4271f6b0b4bb08abb64', ref: (el) => (this.textareaEl = el), class: {
                 'co-textarea__native': true,
                 [`co-textarea__native--resize-${this.resize}`]: true,
-            }, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (index.h("button", { key: '886cea9e161fff68046654f854a110f8fbefa320', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '8f1055f7e0ea57b0811c0bed69e41fb7e70aaf34', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (index.h("div", { key: '998fe8b200baac9f1f8198747b05f6836fedeb3d', class: "co-textarea__footer" }, this.helperText && (index.h("div", { key: 'deef703967cf1e57dab1a6df16b2e04139e41ed5', class: {
+            }, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (index.h("button", { key: '207bde67b9f3adcca674b93dbb135bb10d448f5e', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '927918569b359aebd7c1f2e0ae8c7be607453531', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (index.h("div", { key: '4374030bb6cbf6fa45c40f464481c2bf40cba6fc', class: "co-textarea__footer" }, this.helperText && (index.h("div", { key: 'b92692e4149b404999221cb6ef3de0d2adb73291', class: {
                 'co-textarea__helper': true,
                 'co-textarea__helper--error': this.status === 'error',
-            }, part: "helper" }, this.status === 'error' && (index.h("co-icon", { key: '6f42cf1cb23657ca1db2cb2b5db5a4bbad94c05b', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), index.h("span", { key: '85ab87ee37978ee22fffbca0cfc75d9609b97212', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (index.h("span", { key: '97a0c33e19dc4f39da62daadb3122a1373884622', class: {
+            }, part: "helper" }, this.status === 'error' && (index.h("co-icon", { key: '544c72f9baa84f61b76104e62373dc8ba4d445e0', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), index.h("span", { key: '531d0c60b322ce09760889cc1b979e3c48046847', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (index.h("span", { key: '72eadc738677c3bbf50c9d0bdeb1cee713528507', class: {
                 'co-textarea__counter': true,
                 'co-textarea__counter--over': isOverLimit,
             }, part: "counter" }, this.charCount, "/", this.maxLength))))));

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

@@ -72,8 +72,8 @@ const CoToast = class {
             'co-toast--progress': hasProgress,
             'co-toast--in': this.entered,
         };
-        const content = (index.h("div", { key: '5782bc9fab6ba26b7a73628f3d4155d8c8b948b5', class: "co-toast__content" }, index.h("span", { key: 'e10a34acb31b7486fe3d26b8dce48e80d643181e', class: "co-toast__message" }, this.message), hasDescription && (index.h("span", { key: '8b6d2c9db99fe292b5a7d183c4a7a43d8b551f7d', class: "co-toast__description" }, this.description))));
-        return (index.h("div", { key: '30b8670f843101c9c3c409fa89f06d4e86167bc2', class: rootClass, part: "toast", role: role }, (drawsCheck || resolvedIcon) && (index.h("span", { key: 'e1420c1642606f7687fd7f093881e077b627cdc0', class: "co-toast__icon" }, resolvedIcon ? (index.h("co-icon", { name: resolvedIcon, size: 20 })) : (index.h("svg", { class: "co-toast__check", viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true" }, index.h("path", { d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("div", { key: '400ec792a47ad70c8c43dbf4ee2893e0424423bb', class: "co-toast__body" }, hasProgress ? (index.h("div", { class: "co-toast__progress" }, index.h("div", { class: "co-toast__progress-header" }, content, index.h("span", { class: "co-toast__percent" }, clampedProgress, "%")), index.h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, index.h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (index.h("div", { key: 'f23e18bdd93f6edc8b1a5af7bf78bcc73e0b7659', class: "co-toast__actions" }, index.h("slot", { key: '690f4816bd3cdbfbefd1c3942aea88c4be1bdd9b', name: "action" })))), !isStacked && (index.h("div", { key: '9c26cb590848ff43481fa1073b97b5199dde01ca', class: "co-toast__actions" }, index.h("slot", { key: 'ee2e7247f74064bfbd88fae99b3c6924db37e4be', name: "action" }))), this.dismissible && (index.h("button", { key: 'd061e369a02d7ebb5fd851bd20554dfbf149e536', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, index.h("co-icon", { key: '8d8ce58403181a0710bf16cc21b1f4f3a10be8f3', name: "x", size: 16 })))));
+        const content = (index.h("div", { key: '5479799fdc6e1290192530a8cbda7308a610821e', class: "co-toast__content" }, index.h("span", { key: '7d3b310377e78b8e5551cc80f2941aa621ea9bcb', class: "co-toast__message" }, this.message), hasDescription && (index.h("span", { key: 'f3d0a88cc99ba0884875217454192bf285480b65', class: "co-toast__description" }, this.description))));
+        return (index.h("div", { key: '1194ce0b8e6b279dcf747467df23903c9f79770d', class: rootClass, part: "toast", role: role }, (drawsCheck || resolvedIcon) && (index.h("span", { key: '46c9ed361690be9f2ad60235efbefbd9ab30bb0d', class: "co-toast__icon" }, resolvedIcon ? (index.h("co-icon", { name: resolvedIcon, size: 20 })) : (index.h("svg", { class: "co-toast__check", viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true" }, index.h("path", { d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("div", { key: 'e277b37fccc9c3770e3c102cb0039cd97f83223a', class: "co-toast__body" }, hasProgress ? (index.h("div", { class: "co-toast__progress" }, index.h("div", { class: "co-toast__progress-header" }, content, index.h("span", { class: "co-toast__percent" }, clampedProgress, "%")), index.h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, index.h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (index.h("div", { key: '029587321c2cd209fa838c24a435027b7a029a90', class: "co-toast__actions" }, index.h("slot", { key: 'c937442479f63185efc37428b9c25680ed72248d', name: "action" })))), !isStacked && (index.h("div", { key: 'b4f2be5646b30478315256d04cf86e4eb939fcb9', class: "co-toast__actions" }, index.h("slot", { key: '689ef19ee688a4f4abc38b4c8ec7918aed4338bf', name: "action" }))), this.dismissible && (index.h("button", { key: '7424c7bacc165e5e6828fa28233c3e8151c769f3', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, index.h("co-icon", { key: '64149b651baa0cdd39a4ed17a865d5624872d4a9', name: "x", size: 16 })))));
     }
 };
 CoToast.style = coToastCss();

package/dist/cjs/co-toggle-button-group.cjs.entry.js

@@ -72,13 +72,13 @@ const CoToggleButtonGroup = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'b8ab02efbc0d6d8490f5ab75af56290f05f45e6e', class: {
+        return (index.h("div", { key: '01f91b5b2749347beebc42452a260093ce47e117', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
                 [`co-toggle-button-group--${this.variant}`]: true,
                 'co-toggle-button-group--disabled': this.disabled,
                 'co-toggle-button-group--full': this.fullWidth,
-            }, role: "group" }, index.h("slot", { key: 'a43e7b7faf9051abac32eda76634ada88f0e3d5f' })));
+            }, role: "group" }, index.h("slot", { key: '1f5b0b91d4ec0a2b6cf120ba3e62d8c9ca60f41b' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-toggle-button.cjs.entry.js

@@ -25,13 +25,13 @@ const CoToggleButton = class {
     render() {
         const iconSize = this.variant === 'track' ? 18 : this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
         const iconWeight = this.selected && this.selectedIconWeight ? this.selectedIconWeight : undefined;
-        return (index.h("button", { key: '8e7cae7ef747e0f9c1dae261c4a405ab067f3682', class: {
+        return (index.h("button", { key: 'c12171239c10c23954b6e2bc33f26583e3bfdde9', class: {
                 'co-toggle-button': true,
                 'co-toggle-button--selected': this.selected,
                 [`co-toggle-button--${this.size}`]: true,
                 'co-toggle-button--disabled': this.disabled,
                 'co-toggle-button--icon-only': !this.label && (!!this.iconLeft || !!this.iconRight),
-            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, index.h("slot", { key: 'e1d87665d05262e7b254d1a794837a9ae498abed', name: "leading" }), this.iconLeft && index.h("co-icon", { key: '0ecf3a91f22ac583166ebc823eedd1b889b708cb', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && index.h("span", { key: '25cc1de5e1d12cd7d3cc575ce82b9e4f87f91afd', class: "co-toggle-button__label" }, this.label), this.iconRight && index.h("co-icon", { key: '15b8d7d2c140185ebfd2f53e8afcd52590a42243', name: this.iconRight, size: iconSize, weight: iconWeight })));
+            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, index.h("slot", { key: '99f4fd25830d9a39473496cb92b9b5e038bb45bc', name: "leading" }), this.iconLeft && index.h("co-icon", { key: '6a4fc7af28557a64a01cf62a0b53e95173fe0669', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && index.h("span", { key: '6483a804b6d43d7ffe6e004c40bacec5c6e00980', class: "co-toggle-button__label" }, this.label), this.iconRight && index.h("co-icon", { key: 'bd6d165f96b8ae2fd036380f840fa308ac236200', name: this.iconRight, size: iconSize, weight: iconWeight })));
     }
 };
 CoToggleButton.style = coToggleButtonCss();

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

@@ -125,11 +125,11 @@ const CoTransferList = class {
         this.osInstances = [];
     }
     render() {
-        return (index.h("div", { key: '9a616d53e0fe957aec9e59ea5d199c09d4083297', class: {
+        return (index.h("div", { key: 'a66d26c3f7d91cc1ad33a1c347637d6c03e13a2e', class: {
                 'co-transfer-list': true,
                 'co-transfer-list--disabled': this.disabled,
                 [`co-transfer-list--${this.status}`]: this.status !== 'default',
-            } }, this.label && index.h("label", { key: '24302a86a4f08e1ddcbbe9535b5b12b6ee94c25d', class: "co-transfer-list__label" }, this.label), index.h("div", { key: 'bd7ad2f3b43d126bc230be464f2e25cd4a3949d3', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), index.h("div", { key: 'e647f1e14d17e47cd82fa12ee1b28af48ba0aad7', class: "co-transfer-list__actions" }, index.h("button", { key: 'd4be83c7e045c082ad9e740893fa3df1201a7c4d', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, index.h("co-icon", { key: 'ae0b82548e8ba9f7adf3fc21c82b99fad0b9e2a3', name: "caret-double-right", size: 16 })), index.h("button", { key: '31bcece1626c32ab14c942169ea292456af32f5f', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, index.h("co-icon", { key: '014f67a3bb60923eceb398f1daa2a828520edbc3', name: "caret-right", size: 16 })), index.h("button", { key: '667465966f2951dbd1a67379fcb9a5267171bb07', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, index.h("co-icon", { key: '1ca76a18e2b600c59d582f772d11734759a01f91', name: "caret-left", size: 16 })), index.h("button", { key: 'f6dd471e953cd8e1015dd692028a6142ad23c48b', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, index.h("co-icon", { key: '1c153936bda438f919da2637b7b865d40bd80c4c', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (index.h("div", { key: '319b978ec04dce9abb1f8d48cb43cbc3939428db', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'cae67b4fbf235a07f23e8e368cd345333f239f5d', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), index.h("span", { key: 'c0812b03a33d8543ffd19b3c34f071ae59a31876', class: "co-transfer-list__helper-text" }, this.helperText)))));
+            } }, this.label && index.h("label", { key: '08cf6b7951890739f73e79edf2dd76a4de5131c3', class: "co-transfer-list__label" }, this.label), index.h("div", { key: 'e83826673d6ba30e6700bd4401c122820a5db9be', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), index.h("div", { key: '7e65ed93739f9eed3160d4ff26ff3c3bf8f7f48e', class: "co-transfer-list__actions" }, index.h("button", { key: 'cc4a2b991dc65f2660e589e7f11122359a465aec', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, index.h("co-icon", { key: 'def57d75c3ed67224f023e6de630de2fa0cb3043', name: "caret-double-right", size: 16 })), index.h("button", { key: 'd072365087785e09a0a34a3e3f9f2b9f5e56e1df', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, index.h("co-icon", { key: 'd298964acff41d2dc6c4d6eb39ae9bcc916973dc', name: "caret-right", size: 16 })), index.h("button", { key: '5c3cc98de6ee806d35f6369623cbbc7ffdf906b7', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, index.h("co-icon", { key: '04084366aa7437612e8dee522f94266db6bea4cd', name: "caret-left", size: 16 })), index.h("button", { key: '3fa6e88f7ec9ea49b34d5f18cbccf21124509bff', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, index.h("co-icon", { key: 'fd0a35d20f5d7a8c1b4fb2010bb82e19cbc07225', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (index.h("div", { key: 'd4cca5feb1972a4a43039bf68780e1ef43bba802', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '065ecb392fb716cc2df70eb01993e89f3fa14ad6', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), index.h("span", { key: '293fd383071786d53318b2f2c2713fed39400a21', class: "co-transfer-list__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -803,14 +803,14 @@ const CoVideo = class {
     // ═══════════════════════════════════════════════════
     render() {
         const aspectClass = `co-video--${this.aspectRatio.replace(':', '-')}`;
-        return (index.h(index.Host, { key: '4ce2bbc8f36581a0683493f8690a788b7aa79873' }, index.h("div", { key: '15aca30a1ab1397d4135e350ba027b1b050e908b', class: {
+        return (index.h(index.Host, { key: 'afcd3252e4796089e104c7dff1252aee299739de' }, index.h("div", { key: '4cc677bbd6ce519e262b2cc67a574c85f5ea9066', class: {
                 'co-video': true,
                 [aspectClass]: true,
                 [`co-video--rounded-${this.rounded}`]: true,
                 'co-video--disabled': this.disabled,
                 'co-video--fullscreen': this.isFullscreen,
                 'co-video--playing': this.isPlaying,
-            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, index.h("video", { key: '314574fe3e636ac479ee73fb429d14aeaba3371c', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), index.h("div", { key: '6883591629786aea9faed0d2c239942ba1900fad', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
+            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, index.h("video", { key: 'f5313eb0f49b5185c62252fb68364526195ffd1c', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), index.h("div", { key: 'c6c54c6b9d329f7933b1b6fce15661c23f3f6c04', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {