@prolibu-suite/cobalt-core 0.7.0 → 0.8.0

package/dist/esm/co-column-picker.entry.js

@@ -421,13 +421,13 @@ const CoColumnPicker = class {
         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: '6b8c6cfe2e881d0cba238960fae867205aae32c9', class: {
+        return (h("div", { key: 'a80fc1d3dcad1747d1d806300b81c3e72a10beb9', 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: 'b390d0401f69250a1a926f933d181be9a57e4f09', class: "co-column-picker__labels" }, this.label && h("label", { key: '6a073085876d0a24fc0e6083645de267c63ae16a', class: "co-column-picker__label" }, this.label), this.secondaryLabel && h("span", { key: 'cd41ce02c3bee55bb80fc05cfbc69c662e747c5d', class: "co-column-picker__secondary-label" }, this.secondaryLabel))), this.renderField(), this.isOpen && (h("div", { key: 'e508300691a608eba74f0eed4564d3eb00d473ce', class: "co-column-picker__dropdown" }, this.showSearch && (h("div", { key: '849fa75718686b0616ba36af36eacf2445e68e95', class: "co-column-picker__search" }, h("co-icon", { key: '5a5ff7c464cc5966164621e7c60e58e87cd42c6d', name: "magnifying-glass", size: 14, class: "co-column-picker__search-icon" }), h("input", { key: '2e4c97aa689ffbec464e63b27ff502cfdea1da20', 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: '2ee4f153a3c3ac3788338c94a7864602630f59fb', class: "co-column-picker__search-clear", type: "button", onClick: this.handleSearchClear }, h("co-icon", { key: '281833ffc8f4a0bbe0287c55733fc0fdcd5cd1b6', name: "x", size: 14 }))))), this.showToolbar && this.multiple && (h("div", { key: 'cd4c8b1f1bfd728f118668aec42e486a4a9cbaae', class: "co-column-picker__toolbar" }, h("button", { key: 'c903f236b2c08a8d879c2b04eaaa54dc719ce7e2', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleSelectAll }, this.selectAllText), h("button", { key: '42846fde5f9f53eb7bfe40b61781fd9ce7fbdb51', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleDeselectAll }, this.clearText), h("span", { key: 'fda2bf84b90e2523cd27d35eca52c99b9b036101', class: "co-column-picker__toolbar-sep" }), h("button", { key: '2e084ef4652b9286a917849b790f053b65a33096', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleExpandAll }, this.expandText), h("button", { key: 'e853c6a5177863da0ed836b46cf4d446801b2c33', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleCollapseAll }, this.collapseText), h("span", { key: 'e68c03ccbdd3ae1f1402caacd08454574614ec9f', style: { flex: '1' } }), this.selectedValues.length > 0 && h("span", { key: 'e132ebee1af4b1b73d7587589c9f6de5d6c663b0', class: "co-column-picker__toolbar-counter" }, this.selectedValues.length, " ", this.selectedText))), h("div", { key: 'ee5c9f8d58f0a36073bd2dc206b5113002464f6d', class: "co-column-picker__scroll", style: { maxHeight: `${this.maxHeight}px` } }, this.renderTree()))), this.helperText && (h("div", { key: '15e9d64ea94e93119198cf33a375927f37d4f795', class: `co-column-picker__helper co-column-picker__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '75539629763f3efc4a8c354954a3c0d166e108df', name: this.statusIcon, size: 14, weight: "fill", class: "co-column-picker__helper-icon" }), h("span", { key: 'b84d6dee0cc0fc6cbe91aa67599e26a71e1a3a3c', class: "co-column-picker__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'ca8bc69a870b65f4b16026875a0feb799e8e70d3', class: "co-column-picker__labels" }, this.label && h("label", { key: '173aa03b66e2fec3f9157f92fbda875d1a23a2dd', class: "co-column-picker__label" }, this.label), this.secondaryLabel && h("span", { key: '46f6e14d50567ecc0cf3ef11e1f5b554700aaad3', class: "co-column-picker__secondary-label" }, this.secondaryLabel))), this.renderField(), this.isOpen && (h("div", { key: 'bd9f290112ac732bf1d79762402eb9e487e529ba', class: "co-column-picker__dropdown" }, this.showSearch && (h("div", { key: 'b21d0dafb2c65cb0571e8cf070e757f03a2d668d', class: "co-column-picker__search" }, h("co-icon", { key: '48eac4a99e9badddcada4fe6b927b918c28bd59d', name: "magnifying-glass", size: 14, class: "co-column-picker__search-icon" }), h("input", { key: '8f59474e4d593c9b9a6dceba72f13f57aa0faced', 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: '85db810426d03c4beace3ef5895a467dd2215807', class: "co-column-picker__search-clear", type: "button", onClick: this.handleSearchClear }, h("co-icon", { key: '616eb12fac37df98e30426bb431bf282f35c384c', name: "x", size: 14 }))))), this.showToolbar && this.multiple && (h("div", { key: '7fd12775dd7b756b1e6193a6a6d792ae688bfddb', class: "co-column-picker__toolbar" }, h("button", { key: '50821fab94549af6b92e911bbe8e2cff821e3b45', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleSelectAll }, this.selectAllText), h("button", { key: '978f21c455f5651f6f62c35aebda69cda4967676', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleDeselectAll }, this.clearText), h("span", { key: '744cc9367dbe98058ddb6a71d3742b0c5867f372', class: "co-column-picker__toolbar-sep" }), h("button", { key: '0369927d132be8feed66e0d4fcd077a937f60c0e', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleExpandAll }, this.expandText), h("button", { key: '779a95a5949d2f6e09d593ab8e09b92fc027bd60', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleCollapseAll }, this.collapseText), h("span", { key: 'b33b051ee96dfd5b74929644429b11003ade8eb4', style: { flex: '1' } }), this.selectedValues.length > 0 && h("span", { key: '3e1f360328307d2493bbde4867767c36342608b8', class: "co-column-picker__toolbar-counter" }, this.selectedValues.length, " ", this.selectedText))), h("div", { key: '2c36eed809b92c5114a9300ddfbd53347fcb5391', class: "co-column-picker__scroll", style: { maxHeight: `${this.maxHeight}px` } }, this.renderTree()))), this.helperText && (h("div", { key: '66a8cd7433e2f556227187631fec18975319ea3b', class: `co-column-picker__helper co-column-picker__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '05b34fe973453b6c7ad30ccd426ff2994072b97b', name: this.statusIcon, size: 14, weight: "fill", class: "co-column-picker__helper-icon" }), h("span", { key: 'a7bc18db7dd835f3384279a7bcc8d536db2f2fab', class: "co-column-picker__helper-text" }, this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-data-table-pagination.entry.js

@@ -89,17 +89,17 @@ const CoDataTablePagination = class {
     }
     render() {
         const pages = this.getVisiblePages();
-        return (h("div", { key: '9bda0302cc65a11065744a33ce2c48ad2d86f905', class: "co-pagination", part: "pagination" }, h("div", { key: '2605fca75f90b5f764ca8f070d79654d0653d6eb', class: "co-pagination__section" }, h("span", { key: '2296d9f00584bf8243cf6b1c32eeb8ce79b14fdc', class: "co-pagination__label" }, this.jumpToPageLabel), h("input", { key: '7a6a3a24ed99d708940f6da784d05f7c490d2f42', type: "text", class: "co-pagination__jump-input", value: this.jumpToValue || String(this.page), onInput: (e) => {
+        return (h("div", { key: 'ad2d4cf540fbae67f997c4e8800316297815a9c2', class: "co-pagination", part: "pagination" }, h("div", { key: 'df28ba06ed542fe90c20d1fa1b7fa0c9d52b70d9', class: "co-pagination__section" }, h("span", { key: 'f4342d215bcee3af2ad7a21b48807a56da1fd83a', class: "co-pagination__label" }, this.jumpToPageLabel), h("input", { key: '8a43bbddf9541755d699bf945bbd9f3f2d86a24c', 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: '5d8af4318ba1a8e4e5c13862e7ea3877ae6b3bc4', class: "co-pagination__section co-pagination__section--page-size" }, h("div", { key: '758ea59d9e614de2d7a5ebc3fe93e3af2cc28ae6', class: "co-pagination__page-size-trigger", onClick: () => { this.showPageSizeDropdown = !this.showPageSizeDropdown; } }, h("span", { key: '841f93bea5d817cdd42f076b1a056da6a3707cb2', class: "co-pagination__page-size-value" }, this.pageSize), h("span", { key: '8e381335184c0790c3379f0223239c7c478030c3', class: "co-pagination__label" }, this.perPageLabel), h("co-icon", { key: '415dd90e5fb5f41071a35f4214f4d02387740c71', name: "caret-down", size: 14 })), this.showPageSizeDropdown && (h("div", { key: '845b73359db84f19583ec716d79c1dc8310f87b3', class: "co-pagination__page-size-dropdown", part: "dropdown" }, this.parsedPageSizes.map(size => (h("button", { class: {
+            }, part: "jump-input" })), h("div", { key: '0c6dda33a8fb2b5117b92a450fd69fe5f441cacc', class: "co-pagination__section co-pagination__section--page-size" }, h("div", { key: 'ac831c093350dba3acfa1411d56df5fb1593144f', class: "co-pagination__page-size-trigger", onClick: () => { this.showPageSizeDropdown = !this.showPageSizeDropdown; } }, h("span", { key: '259a54e96723ef0b7f6cef648665d446bf049c83', class: "co-pagination__page-size-value" }, this.pageSize), h("span", { key: '692fc67a27fa66edce0e1fda13fd4de1c9b76a6b', class: "co-pagination__label" }, this.perPageLabel), h("co-icon", { key: '3cd29507bea87f9b9e079acd587b137e9e2ab66f', name: "caret-down", size: 14 })), this.showPageSizeDropdown && (h("div", { key: '4ea1fdbfe7c1eb5b7fb67003ef38391e8e9045a4', 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: '55bf44bc21ed00c5058ad0197621cfcb1d81ec2d', class: "co-pagination__spacer" }), h("div", { key: '2c2a5384f9fda9a3de7c1abc3f2adca9f413e7e6', class: "co-pagination__section" }, h("span", { key: '6f1b81541df05323f428db30e88e467c0aa93a21', class: "co-pagination__count" }, this.totalCount.toLocaleString(), " ", this.recordsLabel)), h("div", { key: '50c630088453b650deb17c77c4cfef90e5275ccb', class: "co-pagination__section co-pagination__nav" }, h("button", { key: 'e4755f11fba6d27ce861f1c41659f802427dabc4', 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: '2fd3277a44095c93825d8f7b11f6ae159edf9606', class: "co-pagination__spacer" }), h("div", { key: 'a3d16fd95c6c6e791818c6d1be760b5163187b90', class: "co-pagination__section" }, h("span", { key: 'dc536a071d1ca0b2bc3485bfc0c3aaecfd2178c0', class: "co-pagination__count" }, this.totalCount.toLocaleString(), " ", this.recordsLabel)), h("div", { key: '415d04a264767e615fa742da1d7b3e509352555f', class: "co-pagination__section co-pagination__nav" }, h("button", { key: '6b49bbb0cb284e1c0cdc38858412e3599d4a1206', 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: '1e1a386b40fb40f169c13619e6cb79993406d16d', 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: '146515ae084df5f5e8d783a2e2c3f0d46ab971a3', class: "co-pagination__nav-btn", disabled: this.page >= this.totalPages, onClick: () => this.goToPage(this.page + 1), part: "next-btn" }, this.nextLabel))));
     }
     static get watchers() { return {
         "pageSizes": [{

package/dist/esm/co-data-table.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
 
-const coDataTableCss = () => `co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-color-primary-azul)}.co-data-table__filter-icon--indirect{opacity:0.45;color:var(--co-semantic-text-muted)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:linear-gradient(     90deg,     var(--co-semantic-surface-secondary) 0%,     var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%,     var(--co-semantic-surface-secondary) 100%   );background-size:200% 100%;animation:co-dt-shimmer 1.2s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-data-table__skeleton{animation:none}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}`;
+const coDataTableCss = () => `co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-color-primary-azul)}.co-data-table__filter-icon--indirect{opacity:0.45;color:var(--co-semantic-text-muted)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:inherit;border-bottom:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:linear-gradient(     90deg,     var(--co-semantic-surface-secondary) 0%,     var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%,     var(--co-semantic-surface-secondary) 100%   );background-size:200% 100%;animation:co-dt-shimmer 1.2s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-data-table__skeleton{animation:none}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}`;
 
 const CoDataTable = class {
     constructor(hostRef) {

package/dist/esm/co-date-picker.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
 import { R as RequiredMark } from './requiredMark-D7kAMXHM.js';
-import { g as getDateStrings } from './dateI18n-C1DCLOEl.js';
+import { g as getDateStrings } from './dateI18n-CnNpoKwg.js';
 
 const coDatePickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary)}.co-date-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}co-date-field[data-variant='flat']::part(field){background:transparent;border-color:transparent}.co-date-picker__label{padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-picker__helper--error{color:var(--co-semantic-status-error)}.co-date-picker co-popover{display:block;width:100%}.co-date-picker__trigger{display:block;width:100%;cursor:text}.co-date-picker__panel{padding:var(--co-spacing-md)}.co-date-picker__sheet{display:flex;justify-content:center;padding:var(--co-spacing-sm) 0 var(--co-spacing-lg)}:host([layout='horizontal']) .co-date-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-picker>:not(.co-date-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
 

package/dist/esm/co-date-range-picker.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
 import { R as RequiredMark } from './requiredMark-D7kAMXHM.js';
-import { g as getDateStrings } from './dateI18n-C1DCLOEl.js';
-import { i as isValidYMD, t as toLocalDate, p as parseISO, c as compareYMD, a as todayYMD, b as addMonths, s as startOfMonth, d as addDays, f as formatDisplay } from './dates-tPYikBRJ.js';
+import { g as getDateStrings } from './dateI18n-CnNpoKwg.js';
+import { i as isValidYMD, t as toLocalDate, p as parseISO, c as compareYMD, a as todayYMD, b as addMonths, s as startOfMonth, d as addDays, f as formatDisplay } from './dates-BU7SQCje.js';
 
 const coDateRangePickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14)}.co-date-range-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-range-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);line-height:1;padding:0 var(--co-spacing-xs)}.co-date-range-picker co-popover{display:block;width:100%}.co-date-range-picker--s .co-date-range-picker__trigger{min-height:28px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--sm .co-date-range-picker__trigger{min-height:32px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--lg .co-date-range-picker__trigger{min-height:48px;padding:0 var(--co-spacing-lg)}.co-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);width:100%;min-height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);cursor:pointer;color:var(--co-semantic-text-default);box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-date-range-picker__trigger--flat{background:transparent;border-color:transparent}.co-date-range-picker__trigger--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-range-picker__trigger--disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker--invalid .co-date-range-picker__trigger{border-color:var(--co-semantic-status-error)}.co-date-range-picker__icon,.co-date-range-picker__caret{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range-picker__trigger-text{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-date-range-picker__trigger-text--placeholder{color:var(--co-semantic-text-muted)}.co-date-range-picker__clear{background:none;border:0;padding:0;cursor:pointer;color:var(--co-semantic-text-muted);display:inline-flex;align-items:center;flex-shrink:0}.co-date-range-picker__clear:hover{color:var(--co-semantic-text-default)}.co-date-range-picker__panel{display:flex;flex-direction:column;gap:var(--co-spacing-md);padding:var(--co-spacing-md);min-width:280px}.co-date-range-picker__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--co-spacing-sm)}.co-date-range-picker__body{display:flex;gap:var(--co-spacing-md);align-items:flex-start}.co-date-range-picker__body--touch{flex-direction:column;align-items:stretch}.co-date-range-picker__body--touch .co-date-range-picker__presets{flex-direction:row;flex-wrap:wrap;min-width:0;border-right:0;padding-right:0;border-bottom:1px solid var(--co-semantic-border-subtle);padding-bottom:var(--co-spacing-sm)}.co-date-range-picker__body--touch co-calendar{align-self:center}.co-date-range-picker__presets{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);min-width:120px;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-md)}.co-date-range-picker__preset{text-align:left;background:none;border:0;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease}.co-date-range-picker__preset:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-sm);padding-top:var(--co-spacing-sm);border-top:1px solid var(--co-semantic-border-subtle)}.co-date-range-picker__btn{padding:var(--co-spacing-xs) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;font-weight:500;cursor:pointer;border:0}.co-date-range-picker__btn--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-date-range-picker__btn--ghost:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-date-range-picker__btn--primary:hover:not(:disabled){opacity:0.88}.co-date-range-picker__btn--primary:disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker__helper{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-date-range-picker__helper--error{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-date-range-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-range-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-range-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-range-picker>:not(.co-date-range-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
 

package/dist/esm/co-date-range.entry.js

@@ -31,7 +31,7 @@ const CoDateRange = class {
         }
     }
     render() {
-        return (h("co-date-range-picker", { key: 'f4fb3c7ea22266e6ff8516ecdfda885365a34985', 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: '8f9d549eb8f80d07555a2cd97677ce3969fb4aba', 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() }));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/co-date-time-picker.entry.js

@@ -0,0 +1,407 @@
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
+import { R as RequiredMark } from './requiredMark-D7kAMXHM.js';
+import { g as getDateStrings } from './dateI18n-CnNpoKwg.js';
+import { z as zonedDateKey, g as getLocalTimeZone, a as zonedMinutesOfDay, w as wallClockToEpoch, t as toUtcISO } from './tz-1EK-COrb.js';
+import { f as formatDisplay } from './dates-BU7SQCje.js';
+import { M as MINUTES_PER_DAY } from './time-CF8OB_TM.js';
+
+const coDateTimePickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-time-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-time-picker__label{padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-time-picker co-popover{display:block;width:100%}.co-date-time-picker__trigger{display:block;width:100%}.co-date-time-picker__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;min-width:0}.co-date-time-picker__field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm)}.co-date-time-picker__field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm)}.co-date-time-picker__field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg)}:host([variant='flat']) .co-date-time-picker__field{background:transparent;border-color:transparent}.co-date-time-picker__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-date-time-picker__display{flex:1;min-width:0;display:flex;align-items:center;min-height:22px;padding:0;margin:0;border:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);text-align:left;cursor:pointer;outline:none}.co-date-time-picker__text,.co-date-time-picker__placeholder{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-date-time-picker__placeholder{color:var(--co-semantic-text-muted)}.co-date-time-picker__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-date-time-picker__clear--hidden{visibility:hidden;pointer-events:none}.co-date-time-picker__clear:hover{color:var(--co-semantic-text-default)}.co-date-time-picker__field:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-time-picker__field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed;pointer-events:none}.co-date-time-picker__field--disabled .co-date-time-picker__display,.co-date-time-picker__field--disabled .co-date-time-picker__placeholder,.co-date-time-picker__field--disabled .co-date-time-picker__icon{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-date-time-picker__field--readonly .co-date-time-picker__display{cursor:default}.co-date-time-picker__field--invalid{border-color:var(--co-semantic-status-error)}.co-date-time-picker__field--invalid:focus-within{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-date-time-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-time-picker__helper--error{color:var(--co-semantic-status-error)}.co-date-time-picker__panel{display:flex;align-items:stretch;gap:var(--co-spacing-md);padding:var(--co-spacing-md)}.co-date-time-picker__calendar{flex:0 0 auto}.co-date-time-picker__times{position:relative;flex:0 0 auto;width:7.5rem;max-height:17.5rem;overflow-y:auto;overscroll-behavior:contain;padding-left:var(--co-spacing-sm2);border-left:1px solid var(--co-semantic-border-default);outline:none;box-sizing:border-box}.co-date-time-picker__times:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px;border-radius:var(--co-border-radius-xxs)}.co-date-time-picker__time{padding:var(--co-spacing-sm) var(--co-spacing-sm2);border-radius:var(--co-border-radius-xxs);color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1;white-space:nowrap;cursor:pointer;user-select:none}.co-date-time-picker__time:hover:not(.co-date-time-picker__time--selected){background:var(--co-semantic-surface-hover)}.co-date-time-picker__time--active:not(.co-date-time-picker__time--selected){box-shadow:inset 0 0 0 1px var(--co-semantic-border-focus)}.co-date-time-picker__time--selected{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-weight:600}.co-date-time-picker__sheet{display:flex;justify-content:center;padding:var(--co-spacing-sm) 0 var(--co-spacing-lg)}.co-date-time-picker__panel--touch{flex-direction:column;align-items:center}.co-date-time-picker__panel--touch .co-date-time-picker__times{width:100%;max-width:20rem;max-height:12rem;padding-left:0;padding-top:var(--co-spacing-sm2);border-left:none;border-top:1px solid var(--co-semantic-border-default)}.co-date-time-picker__panel--touch .co-date-time-picker__time{min-height:44px;display:flex;align-items:center}:host([layout='horizontal']) .co-date-time-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-time-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0;white-space:normal}:host([layout='horizontal']) .co-date-time-picker>:not(.co-date-time-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
+
+/** Wall-clock minute assumed when the incoming value carries no time of day. */
+const DEFAULT_MINUTES = 9 * 60;
+const CoDateTimePicker = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.coChange = createEvent(this, "coChange", 7);
+        this.coClear = createEvent(this, "coClear", 7);
+        this.coFocus = createEvent(this, "coFocus", 7);
+        this.coBlur = createEvent(this, "coBlur", 7);
+        this.coOpen = createEvent(this, "coOpen", 3);
+        this.coClose = createEvent(this, "coClose", 3);
+        /** Committed value: UTC ISO instant ("2026-07-25T21:30:00.000Z") or null. */
+        this.value = null;
+        /** Minutes between consecutive options in the time list. */
+        this.stepMinutes = 15;
+        /** 12-hour clock (Google style). `false` renders a 24h clock. */
+        this.hour12 = true;
+        this.locale = 'es-CO';
+        /** Date part of the trigger text (tokens yyyy/yy/MMMM/MMM/MM/M/dd/d). */
+        this.displayFormat = 'd MMM yyyy';
+        this.firstDayOfWeek = 1;
+        /** Field size, mirrors co-input/co-date-field: s 28 / sm 32 / md 40 / lg 48. */
+        this.size = 'md';
+        /** `flat` strips the trigger's border/background so it reads as content. */
+        this.variant = 'default';
+        this.disabled = false;
+        this.readonly = false;
+        this.required = false;
+        this.clearable = true;
+        this.invalid = false;
+        /** Label layout: vertical (label above) or horizontal (label beside). */
+        this.layout = 'vertical';
+        /** Popover placement relative to the field. */
+        this.placement = 'bottom-start';
+        /** Whether the panel is open. */
+        this.open = false;
+        /** Max viewport width (px) that renders the panel as a bottom sheet. */
+        this.mobileBreakpoint = 600;
+        /** True when the viewport is at/under `mobileBreakpoint`. */
+        this.isMobile = false;
+        /** Minutes-of-day highlighted by the keyboard in the time list. */
+        this.activeMinutes = DEFAULT_MINUTES;
+        this.pendingFocusGrid = false;
+        this.pendingFocusTrigger = false;
+        /** 'center' when the list is (re)opened, 'nearest' while arrowing through it. */
+        this.pendingScroll = null;
+        this.mqlHandler = (e) => {
+            this.isMobile = e.matches;
+        };
+        // ── Trigger ────────────────────────────────────────────────
+        this.onTriggerKeyDown = (e) => {
+            if (e.key !== 'ArrowDown')
+                return;
+            e.preventDefault();
+            if (this.disabled || this.readonly)
+                return;
+            if (!this.open)
+                this.setOpen(true);
+            this.pendingFocusGrid = true;
+            if (this.calendarEl)
+                this.focusGridSoon();
+        };
+        this.onClearClick = (e) => {
+            // The clear button lives INSIDE co-popover's trigger box, which toggles the
+            // panel on any click it sees — clearing must not open/close it.
+            e.stopPropagation();
+            if (this.disabled || this.readonly)
+                return;
+            this.value = null;
+            this.coClear.emit();
+            this.coChange.emit(null);
+        };
+        // ── Calendar / time list ───────────────────────────────────
+        this.onCalendarSelect = (e) => {
+            var _a, _b;
+            const dayKey = e.detail;
+            if (!dayKey)
+                return;
+            // Google behaviour: the day commits but the panel STAYS open so the hour can
+            // be picked next. The previously chosen hour is preserved (09:00 if none).
+            const minutes = (_b = (_a = this.parts) === null || _a === void 0 ? void 0 : _a.minutes) !== null && _b !== void 0 ? _b : DEFAULT_MINUTES;
+            this.commit(dayKey, minutes);
+            this.activeMinutes = minutes;
+            this.pendingScroll = 'center';
+        };
+        this.pickTime = (minutes) => {
+            var _a, _b;
+            const dayKey = (_b = (_a = this.parts) === null || _a === void 0 ? void 0 : _a.dayKey) !== null && _b !== void 0 ? _b : zonedDateKey(Date.now(), this.zone);
+            this.commit(dayKey, minutes);
+            this.activeMinutes = minutes;
+            // Picking the hour is the terminal step → apply and close.
+            this.setOpen(false);
+            this.pendingFocusTrigger = true;
+        };
+        this.onListKeyDown = (e) => {
+            const opts = this.options;
+            const hourStep = Math.max(1, Math.round(60 / this.step));
+            let i = opts.indexOf(this.activeMinutes);
+            if (i < 0)
+                i = 0;
+            switch (e.key) {
+                case 'ArrowDown':
+                    i += 1;
+                    break;
+                case 'ArrowUp':
+                    i -= 1;
+                    break;
+                case 'PageDown':
+                    i += hourStep;
+                    break;
+                case 'PageUp':
+                    i -= hourStep;
+                    break;
+                case 'Home':
+                    i = 0;
+                    break;
+                case 'End':
+                    i = opts.length - 1;
+                    break;
+                case 'Enter':
+                case ' ':
+                    e.preventDefault();
+                    this.pickTime(this.activeMinutes);
+                    return;
+                default:
+                    return;
+            }
+            e.preventDefault();
+            this.activeMinutes = opts[Math.min(opts.length - 1, Math.max(0, i))];
+            this.pendingScroll = 'nearest';
+        };
+        // ── Popover lifecycle ──────────────────────────────────────
+        this.onPopoverOpen = () => {
+            var _a, _b;
+            if (this.disabled || this.readonly) {
+                // co-popover toggles itself on trigger click; a non-interactive field must
+                // not open, so push it back closed instead of mirroring the state.
+                (_b = (_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.hide) === null || _b === void 0 ? void 0 : _b.call(_a);
+                return;
+            }
+            if (!this.open) {
+                this.open = true; // triggers @Watch('open') → active hour + scroll
+                this.coOpen.emit();
+            }
+        };
+        this.onPopoverClose = () => {
+            if (this.open) {
+                this.open = false;
+                this.coClose.emit();
+            }
+        };
+        this.onRootKeyDown = (e) => {
+            if (e.key === 'Escape' && this.open) {
+                e.stopPropagation();
+                this.setOpen(false);
+                this.pendingFocusTrigger = true;
+            }
+        };
+    }
+    connectedCallback() {
+        // Guarded: jsdom-style hosts (unit tests, SSR shims) have no matchMedia —
+        // the desktop popover is the right fallback there.
+        if (typeof window.matchMedia !== 'function')
+            return;
+        this.mql = window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`);
+        this.isMobile = this.mql.matches;
+        this.mql.addEventListener('change', this.mqlHandler);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', this.mqlHandler);
+    }
+    onOpenChange(next) {
+        var _a, _b;
+        if (!next)
+            return;
+        // Opening: highlight (and scroll to) the committed hour, 09:00 when empty.
+        this.activeMinutes = (_b = (_a = this.parts) === null || _a === void 0 ? void 0 : _a.minutes) !== null && _b !== void 0 ? _b : DEFAULT_MINUTES;
+        this.pendingScroll = 'center';
+    }
+    // ── Derived value ──────────────────────────────────────────
+    get zone() {
+        return this.timeZone || getLocalTimeZone();
+    }
+    get isInvalid() {
+        return this.invalid;
+    }
+    /** Wall clock of the committed value in `zone`, or null when empty/invalid. */
+    get parts() {
+        const v = this.value;
+        if (!v)
+            return null;
+        // Date-only: a calendar day, not an instant (see the class doc).
+        if (/^\d{4}-\d{2}-\d{2}$/.test(v))
+            return { dayKey: v, minutes: DEFAULT_MINUTES };
+        try {
+            return { dayKey: zonedDateKey(v, this.zone), minutes: zonedMinutesOfDay(v, this.zone) };
+        }
+        catch (_a) {
+            return null;
+        }
+    }
+    /** Calendar bounds are date-only; accept an instant and reduce it to its day. */
+    dayBound(v) {
+        if (!v)
+            return undefined;
+        if (/^\d{4}-\d{2}-\d{2}$/.test(v))
+            return v;
+        try {
+            return zonedDateKey(v, this.zone);
+        }
+        catch (_a) {
+            return undefined;
+        }
+    }
+    setOpen(next) {
+        if (this.open === next)
+            return;
+        this.open = next;
+        if (next)
+            this.coOpen.emit();
+        else
+            this.coClose.emit();
+    }
+    /** Write day+minutes as a UTC instant and notify. */
+    commit(dayKey, minutes) {
+        const [year, month, day] = dayKey.split('-').map(Number);
+        if (!year || !month || !day)
+            return;
+        const epoch = wallClockToEpoch({ year, month, day, hour: Math.floor(minutes / 60), minute: minutes % 60, second: 0 }, this.zone);
+        const iso = toUtcISO(epoch);
+        this.value = iso;
+        this.coChange.emit(iso);
+    }
+    // ── Focus / scroll bookkeeping ─────────────────────────────
+    focusGridSoon() {
+        requestAnimationFrame(() => {
+            var _a, _b;
+            (_b = (_a = this.calendarEl) === null || _a === void 0 ? void 0 : _a.focusGrid) === null || _b === void 0 ? void 0 : _b.call(_a);
+        });
+    }
+    scrollActiveIntoView(mode) {
+        const list = this.listEl;
+        if (!list)
+            return;
+        const el = list.querySelector('[data-active="true"]');
+        if (!el)
+            return;
+        // Manual scrollTop (not scrollIntoView): the panel lives in the top layer and
+        // scrollIntoView would also scroll the page behind it.
+        if (mode === 'center') {
+            list.scrollTop = Math.max(0, el.offsetTop - list.clientHeight / 2 + el.offsetHeight / 2);
+            return;
+        }
+        // Arrowing: only reveal when the option fell out of view, so the list does
+        // not jump under the cursor on every keystroke.
+        const top = el.offsetTop;
+        const bottom = top + el.offsetHeight;
+        if (top < list.scrollTop)
+            list.scrollTop = top;
+        else if (bottom > list.scrollTop + list.clientHeight) {
+            list.scrollTop = bottom - list.clientHeight;
+        }
+    }
+    componentDidRender() {
+        var _a;
+        if (this.pendingFocusGrid && this.open && this.calendarEl) {
+            this.pendingFocusGrid = false;
+            this.focusGridSoon();
+        }
+        if (this.pendingScroll && this.open && this.listEl) {
+            const mode = this.pendingScroll;
+            this.pendingScroll = null;
+            this.scrollActiveIntoView(mode);
+        }
+        if (this.pendingFocusTrigger) {
+            this.pendingFocusTrigger = false;
+            (_a = this.triggerBtn) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    // ── Options ────────────────────────────────────────────────
+    get step() {
+        const s = Math.round(Number(this.stepMinutes));
+        return Number.isFinite(s) && s > 0 ? Math.min(720, s) : 15;
+    }
+    /** Grid of minutes-of-day, plus the committed hour when it falls off-grid
+     *  (an imported 16:37 meeting must stay visible and selectable). */
+    get options() {
+        var _a, _b;
+        return timeOptions(this.step, (_b = (_a = this.parts) === null || _a === void 0 ? void 0 : _a.minutes) !== null && _b !== void 0 ? _b : null);
+    }
+    // ── Render ─────────────────────────────────────────────────
+    renderTrigger(t) {
+        const p = this.parts;
+        const text = p
+            ? `${formatDisplay(p.dayKey, this.displayFormat, this.locale)}, ${clockLabel(p.minutes, this.locale, this.hour12)}`
+            : '';
+        const showClear = this.clearable && !!p && !this.disabled && !this.readonly;
+        return (h("div", { class: {
+                'co-date-time-picker__field': true,
+                'co-date-time-picker__field--disabled': this.disabled,
+                'co-date-time-picker__field--readonly': this.readonly,
+                'co-date-time-picker__field--invalid': this.isInvalid,
+                [`co-date-time-picker__field--${this.size}`]: true,
+            }, part: "field" }, h("co-icon", { name: "calendar", size: 16, class: "co-date-time-picker__icon" }), h("button", { ref: (el) => (this.triggerBtn = el), type: "button", class: "co-date-time-picker__display", disabled: this.disabled, "aria-haspopup": "dialog", "aria-expanded": this.open ? 'true' : 'false', "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? t.dateLabel : undefined, onKeyDown: this.onTriggerKeyDown, onFocus: () => this.coFocus.emit(), onBlur: () => this.coBlur.emit(), part: "display" }, text ? (h("span", { class: "co-date-time-picker__text" }, text)) : (h("span", { class: "co-date-time-picker__placeholder" }, this.placeholder || t.setDateTime))), this.clearable && (h("button", { class: {
+                'co-date-time-picker__clear': true,
+                'co-date-time-picker__clear--hidden': !showClear,
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault(), onClick: this.onClearClick, "aria-label": t.clearDateTime, part: "clear" }, h("co-icon", { name: "x-circle", size: 16, weight: "fill" })))));
+    }
+    renderPanel(t, touch) {
+        var _a, _b, _c, _d;
+        const selected = (_b = (_a = this.parts) === null || _a === void 0 ? void 0 : _a.minutes) !== null && _b !== void 0 ? _b : null;
+        return (h("div", { class: {
+                'co-date-time-picker__panel': true,
+                'co-date-time-picker__panel--touch': touch,
+            } }, h("co-calendar", { ref: (el) => (this.calendarEl = el), class: "co-date-time-picker__calendar", "data-touch": touch ? '' : undefined, value: (_d = (_c = this.parts) === null || _c === void 0 ? void 0 : _c.dayKey) !== null && _d !== void 0 ? _d : null, min: this.dayBound(this.min), max: this.dayBound(this.max), disabledDates: this.disabledDates, disabledDaysOfWeek: this.disabledDaysOfWeek, locale: this.locale, firstDayOfWeek: this.firstDayOfWeek, onCoSelect: this.onCalendarSelect }), h("div", { ref: (el) => (this.listEl = el), class: "co-date-time-picker__times", role: "listbox", tabIndex: 0, "aria-label": t.timeLabel, "aria-activedescendant": `co-dtp-time-${this.activeMinutes}`, onKeyDown: this.onListKeyDown }, this.options.map((m) => (h("div", { key: m, id: `co-dtp-time-${m}`, role: "option", "aria-selected": m === selected ? 'true' : 'false', "data-active": m === this.activeMinutes ? 'true' : undefined, class: {
+                'co-date-time-picker__time': true,
+                'co-date-time-picker__time--selected': m === selected,
+                'co-date-time-picker__time--active': m === this.activeMinutes,
+            }, onClick: () => this.pickTime(m) }, clockLabel(m, this.locale, this.hour12)))))));
+    }
+    renderHelper() {
+        const helper = this.isInvalid ? this.errorMessage : this.helperText;
+        if (!helper)
+            return null;
+        return (h("div", { class: {
+                'co-date-time-picker__helper': true,
+                'co-date-time-picker__helper--error': this.isInvalid,
+            }, part: "helper" }, this.isInvalid && h("co-icon", { name: "warning-circle", size: 14 }), h("span", null, helper)));
+    }
+    renderLabel() {
+        if (!this.label)
+            return null;
+        return (h("label", { class: "co-date-time-picker__label", part: "label" }, this.label, h(RequiredMark, { required: this.required })));
+    }
+    render() {
+        var _a;
+        const t = getDateStrings(this.locale);
+        return (h("div", { key: '45d0284c91912bd5ee6f2c6a348611e0ef7c0dfc', class: "co-date-time-picker", onKeyDown: this.onRootKeyDown }, this.renderLabel(), this.isMobile ? ([
+            h("div", { class: "co-date-time-picker__trigger", onClick: () => !this.disabled && !this.readonly && this.setOpen(true) }, this.renderTrigger(t)),
+            h("co-drawer", { position: "bottom", open: this.open, heading: t.selectDateTime, onCoClose: () => this.setOpen(false) }, h("div", { class: "co-date-time-picker__sheet" }, this.renderPanel(t, true))),
+        ]) : (h("co-popover", { ref: (el) => (this.popoverEl = el), open: this.open, placement: this.placement, offset: 4, closeOnEscape: false, onCoOpen: this.onPopoverOpen, onCoClose: this.onPopoverClose }, h("div", { slot: "trigger", class: "co-date-time-picker__trigger" }, this.renderTrigger(t)), this.open && this.renderPanel(t, false))), this.name && h("input", { key: '1afc6190afea10f2dc7c9a04ed2624cc3a80e0f5', type: "hidden", name: this.name, value: (_a = this.value) !== null && _a !== void 0 ? _a : '' }), this.renderHelper()));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }]
+    }; }
+};
+// ── Module-level caches ──────────────────────────────────────
+// Intl.DateTimeFormat is expensive to construct and these labels are recomputed
+// on every render over a BOUNDED domain (≤96 minutes-of-day × 1-2 locales): the
+// RESULT is cached (and the formatter, for the miss). Hygiene clear at 2000
+// entries — unreachable in normal use, it only guards pathological iteration.
+const LABEL_CACHE = new Map();
+const LABEL_FMT_CACHE = new Map();
+const OPTIONS_CACHE = new Map();
+/** Minutes-of-day → localized clock label ("4:30 p. m." / "16:30"). */
+function clockLabel(minutes, locale, hour12) {
+    const key = `${locale}|${hour12 ? 12 : 24}|${minutes}`;
+    const hit = LABEL_CACHE.get(key);
+    if (hit !== undefined)
+        return hit;
+    let fmt = LABEL_FMT_CACHE.get(`${locale}|${hour12 ? 12 : 24}`);
+    if (!fmt) {
+        // hour12 forced (not left to the locale): "es" bare is a 24h locale and
+        // would render bare numbers with no am/pm marker.
+        fmt = new Intl.DateTimeFormat(locale, Object.assign({ hour: 'numeric', minute: '2-digit' }, (hour12 ? { hour12: true } : { hourCycle: 'h23' })));
+        LABEL_FMT_CACHE.set(`${locale}|${hour12 ? 12 : 24}`, fmt);
+    }
+    const out = fmt.format(new Date(2000, 0, 1, Math.floor(minutes / 60), minutes % 60));
+    if (LABEL_CACHE.size > 2000)
+        LABEL_CACHE.clear();
+    LABEL_CACHE.set(key, out);
+    return out;
+}
+/** Minutes-of-day grid at `step`, plus `extra` when it falls off-grid. */
+function timeOptions(step, extra) {
+    const key = `${step}|${extra !== null && extra !== void 0 ? extra : ''}`;
+    const hit = OPTIONS_CACHE.get(key);
+    if (hit)
+        return hit;
+    const out = [];
+    for (let m = 0; m < MINUTES_PER_DAY; m += step)
+        out.push(m);
+    if (extra != null && extra >= 0 && extra < MINUTES_PER_DAY && !out.includes(extra)) {
+        out.push(extra);
+        out.sort((a, b) => a - b);
+    }
+    if (OPTIONS_CACHE.size > 200)
+        OPTIONS_CACHE.clear();
+    OPTIONS_CACHE.set(key, out);
+    return out;
+}
+CoDateTimePicker.style = coDateTimePickerCss();
+
+export { CoDateTimePicker as co_date_time_picker };

package/dist/esm/co-drive-card.entry.js

@@ -64,7 +64,7 @@ const CoDriveCard = class {
     }
     render() {
         const isFile = this.variant === 'file';
-        return (h("div", { key: '942d53fe6341ba7c24665b6f10762eeb8aaad3f7', class: {
+        return (h("div", { key: 'de146bee6d498936524230709866a1b79ad3b34f', class: {
                 'co-drive-card': true,
                 [`co-drive-card--${this.variant}`]: true,
                 [`co-drive-card--${this.density}`]: true,

package/dist/esm/co-drop-zone.entry.js

@@ -53,7 +53,7 @@ const CoDropZone = class {
         this.coDragStateChange.emit(next);
     }
     render() {
-        return (h(Host, { key: '3358f8a880d1105209b5047fe14b49c5c2d67033', class: { 'co-drop-zone': true, 'co-drop-zone--active': this.active }, part: "host", style: { '--co-drop-zone-accent': this.accent }, onDragEnter: this.handleDragEnter, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("slot", { key: 'd1fb8f1e918d1ca7d26b40d60903e743855d70e7' }), this.active && (h("div", { key: '72a2df7b78205ffa6da676c850fec495ea6e3e68', class: "co-drop-zone__overlay", part: "overlay" }, h("div", { key: 'a25910837ccb5d20b16870272780578d2e3229a2', class: "co-drop-zone__badge", part: "badge" }, h("co-icon", { key: '5066e11590b64c48d2397be0af1a85d1a353a952', name: this.icon, size: 34 })), h("span", { key: '53237cbb8ec4c607ac7c7846419d65e63a8cfef6', class: "co-drop-zone__label", part: "label" }, this.label)))));
+        return (h(Host, { key: 'cafe8242c821aa2258ab579cd5ecc82b77e2d7b3', class: { 'co-drop-zone': true, 'co-drop-zone--active': this.active }, part: "host", style: { '--co-drop-zone-accent': this.accent }, onDragEnter: this.handleDragEnter, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("slot", { key: 'ec3c95cda838eab85e6a825c437954a190c0d25c' }), this.active && (h("div", { key: '74150a61764fde4ae351a7105916cde81ad42c80', class: "co-drop-zone__overlay", part: "overlay" }, h("div", { key: 'a7622e82346dd8657e6fbfeb7476b7f948e5ad25', class: "co-drop-zone__badge", part: "badge" }, h("co-icon", { key: '73725c98333f7a9fef978b82c447f631c742996b', name: this.icon, size: 34 })), h("span", { key: 'cf5900ec506c13664149598f6a509c50b405f7af', class: "co-drop-zone__label", part: "label" }, this.label)))));
     }
 };
 CoDropZone.style = coDropZoneCss();

package/dist/esm/co-empty-state.entry.js

@@ -13,11 +13,11 @@ const CoEmptyState = class {
     render() {
         var _a;
         const iconWeight = (_a = this.iconWeight) !== null && _a !== void 0 ? _a : (this.variant === 'card' ? 'regular' : 'light');
-        return (h("div", { key: 'f43461cfe3b4336f099a164130201842eb4c9634', class: {
+        return (h("div", { key: '20c49e1fdadfe4813274a443b13686e9bf628449', class: {
                 'co-empty-state': true,
                 [`co-empty-state--${this.variant}`]: true,
                 [`co-empty-state--${this.size}`]: true,
-            }, part: "empty-state" }, this.icon && (h("div", { key: 'c8232663644d30471b3cf7bba67798baa0a0d75a', class: "co-empty-state__icon" }, h("co-icon", { key: '0bbd66e7d8b930fa33f52039e90714b4d0e436a8', name: this.icon, size: 40, weight: iconWeight }))), this.heading && (h("div", { key: '17df7252b0cb40161798ce3b677efb7a2c1247f2', class: "co-empty-state__heading" }, this.heading)), this.description && (h("div", { key: '52226dbdab22fc0524f6b49b4628dc68daf6a7fc', class: "co-empty-state__description" }, this.description)), h("div", { key: '9a27fe8be272eb5b6c0f820bd8671842a7ae4487', class: "co-empty-state__actions" }, h("slot", { key: '0cd1c07318977ac5aa3b55602f31c51a71682ee4' }))));
+            }, part: "empty-state" }, this.icon && (h("div", { key: 'd8a2167915f146c1de68475f8c0852c3dfc87a01', class: "co-empty-state__icon" }, h("co-icon", { key: '13d13be52c5754baf96fe7b699169e2f0a3761ab', name: this.icon, size: 40, weight: iconWeight }))), this.heading && (h("div", { key: 'ef0b94049516827ba30b63022c591b367f2d4081', class: "co-empty-state__heading" }, this.heading)), this.description && (h("div", { key: '25a21c6d97a387ac36eb8ff9abfc00806becab46', class: "co-empty-state__description" }, this.description)), h("div", { key: '6118e691a0d6ad780f06b23fae588cae43a6fa74', class: "co-empty-state__actions" }, h("slot", { key: 'dbd56768f75258c08bc9958ea4665c1d95500bfe' }))));
     }
 };
 CoEmptyState.style = coEmptyStateCss();