@prolibu-suite/cobalt-core 0.1.2 → 0.3.0

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

@@ -1,285 +1,39 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CYsftTKf.js';
 
-const coDateRangeCss = () => `:host{display:inline-block;position:relative;font-family:var(--co-font-family-primary)}.co-date-range{position:relative;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-date-range__label{font-size:var(--co-font-size-12);font-weight:500;color:var(--co-semantic-text-default);text-transform:uppercase;letter-spacing:0.04em}.co-date-range__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-md);height:40px;min-width:240px;background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);transition:border-color 0.15s ease, box-shadow 0.15s ease;user-select:none}.co-date-range__trigger:hover:not(.co-date-range__trigger--disabled){border-color:var(--co-semantic-text-default)}.co-date-range__trigger--open{border-color:var(--co-color-primary-azul);box-shadow:0 0 0 3px rgba(37, 99, 235, 0.12)}.co-date-range__trigger--disabled{opacity:0.5;cursor:not-allowed}.co-date-range__trigger--error{border-color:var(--co-color-status-error)}.co-date-range__trigger--success{border-color:var(--co-color-status-success)}.co-date-range__icon{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range__caret{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range__trigger-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-date-range__trigger-text--placeholder{color:var(--co-semantic-text-muted)}.co-date-range__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__clear:hover{color:var(--co-semantic-text-default)}.co-date-range__helper{font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted)}.co-date-range__helper--error{color:var(--co-color-status-error)}.co-date-range__helper--success{color:var(--co-color-status-success)}.co-date-range__popover{position:absolute;top:calc(100% + 4px);left:0;background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);z-index:1000;display:flex;flex-direction:column;width:320px}.co-date-range__popover-body{display:flex;flex-direction:column;gap:var(--co-spacing-md);padding:var(--co-spacing-md)}.co-date-range__presets{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-date-range__preset{background:var(--co-semantic-surface-hover);border:0;padding:4px var(--co-spacing-sm);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.15s ease}.co-date-range__preset:hover{background:var(--co-color-opacity-negro-8, rgba(0, 0, 0, 0.08))}.co-date-range__calendar{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-date-range__cal-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-date-range__month-label{font-size:var(--co-font-size-14);font-weight:500;text-transform:capitalize}.co-date-range__nav{background:none;border:0;cursor:pointer;padding:4px;border-radius:var(--co-border-radius-xxs);display:inline-flex;color:var(--co-semantic-text-default)}.co-date-range__nav:hover{background:var(--co-semantic-surface-hover)}.co-date-range__dow{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px;text-align:center;font-size:10px;font-weight:600;color:var(--co-semantic-text-muted);text-transform:uppercase;letter-spacing:0.04em}.co-date-range__days{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.co-date-range__day{background:none;border:0;padding:0;height:32px;border-radius:var(--co-border-radius-xxs);font-size:var(--co-font-size-12);font-family:inherit;cursor:pointer;color:var(--co-semantic-text-default);transition:background 0.1s ease, color 0.1s ease}.co-date-range__day--empty{background:transparent;cursor:default;pointer-events:none}.co-date-range__day:not(.co-date-range__day--empty):hover{background:var(--co-semantic-surface-hover)}.co-date-range__day--in-range{background:rgba(37, 99, 235, 0.12);border-radius:0;color:var(--co-color-primary-azul)}.co-date-range__day--start,.co-date-range__day--end{background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);font-weight:600}.co-date-range__day--start{border-top-right-radius:0;border-bottom-right-radius:0}.co-date-range__day--end{border-top-left-radius:0;border-bottom-left-radius:0}.co-date-range__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-md);border-top:1px solid var(--co-semantic-border-default)}.co-date-range__btn{padding:6px var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-12);font-family:inherit;font-weight:500;cursor:pointer;border:0}.co-date-range__btn--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-date-range__btn--ghost:hover{background:var(--co-semantic-surface-hover)}.co-date-range__btn--primary{background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff)}.co-date-range__btn--primary:disabled{opacity:0.5;cursor:not-allowed}`;
+const coDateRangeCss = () => `:host{display:block}`;
 
 const CoDateRange = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.coChange = createEvent(this, "coChange", 7);
         this.coClear = createEvent(this, "coClear", 7);
-        /** JSON `{from, to}` or empty string. */
+        /** JSON `{from,to}` or empty string. */
         this.value = '';
         this.label = '';
         this.placeholder = 'Select range';
         this.disabled = false;
         this.clearable = true;
         this.presets = true;
-        this.status = 'default';
         this.helperText = '';
-        /** BCP-47 locale tag used by Intl.DateTimeFormat. */
+        /** BCP-47 locale. */
         this.locale = 'es';
-        // i18n-ready labels (host wires from $t())
-        this.presetTodayLabel = 'Today';
-        this.presetThisWeekLabel = 'This week';
-        this.presetThisMonthLabel = 'This month';
-        this.presetLast30DaysLabel = 'Last 30 days';
-        this.presetLast90DaysLabel = 'Last 90 days';
-        this.presetThisYearLabel = 'This year';
-        this.applyLabel = 'Apply';
-        this.clearLabel = 'Clear';
-        this.isOpen = false;
-        this.draftFrom = null;
-        this.draftTo = null;
-        this.hoverDay = null;
-        this.viewMonth = new Date().getMonth();
-        this.viewYear = new Date().getFullYear();
-        this.handleTriggerClick = () => {
-            if (this.disabled)
-                return;
-            this.isOpen = !this.isOpen;
+        this.warned = false;
+        this.handleApply = (e) => {
+            this.value = JSON.stringify(e.detail);
+            this.coChange.emit(e.detail);
         };
-        this.handleDocumentClick = (e) => {
-            if (!this.isOpen)
-                return;
-            const path = e.composedPath();
-            if (!path.includes(this.el)) {
-                e.stopPropagation();
-                this.handleCancel();
-            }
-        };
-        this.handleCancel = () => {
-            this.isOpen = false;
-            const parsed = this.parseValue();
-            this.draftFrom = parsed.from;
-            this.draftTo = parsed.to;
-        };
-        this.handleDayClick = (day) => {
-            if (!this.draftFrom || (this.draftFrom && this.draftTo)) {
-                this.draftFrom = day;
-                this.draftTo = null;
-                return;
-            }
-            if (this.draftFrom && !this.draftTo) {
-                if (day < this.draftFrom) {
-                    this.draftTo = this.draftFrom;
-                    this.draftFrom = day;
-                }
-                else {
-                    this.draftTo = day;
-                }
-            }
-        };
-        this.handleDayHover = (day) => {
-            this.hoverDay = day;
-        };
-        this.handlePresetClick = (preset) => {
-            const today = new Date();
-            today.setHours(0, 0, 0, 0);
-            let from = null;
-            let to = null;
-            if (preset === 'today') {
-                from = today;
-                to = today;
-            }
-            else if (preset === 'thisWeek') {
-                const dow = today.getDay() === 0 ? 7 : today.getDay();
-                from = new Date(today);
-                from.setDate(today.getDate() - (dow - 1));
-                to = new Date(from);
-                to.setDate(from.getDate() + 6);
-            }
-            else if (preset === 'thisMonth') {
-                from = new Date(today.getFullYear(), today.getMonth(), 1);
-                to = new Date(today.getFullYear(), today.getMonth() + 1, 0);
-            }
-            else if (preset === 'last30Days') {
-                to = today;
-                from = new Date(today);
-                from.setDate(today.getDate() - 29);
-            }
-            else if (preset === 'last90Days') {
-                to = today;
-                from = new Date(today);
-                from.setDate(today.getDate() - 89);
-            }
-            else if (preset === 'thisYear') {
-                from = new Date(today.getFullYear(), 0, 1);
-                to = new Date(today.getFullYear(), 11, 31);
-            }
-            if (!from || !to)
-                return;
-            this.draftFrom = this.formatISO(from);
-            this.draftTo = this.formatISO(to);
-            this.viewYear = from.getFullYear();
-            this.viewMonth = from.getMonth();
-        };
-        this.handleApply = () => {
-            this.value = JSON.stringify({ from: this.draftFrom, to: this.draftTo });
-            this.coChange.emit({ from: this.draftFrom, to: this.draftTo });
-            this.isOpen = false;
-        };
-        this.handleClear = () => {
-            this.draftFrom = null;
-            this.draftTo = null;
-            this.value = '';
-            this.coClear.emit();
-            this.coChange.emit({ from: null, to: null });
-            this.isOpen = false;
-        };
-        this.prevMonth = () => {
-            if (this.viewMonth === 0) {
-                this.viewMonth = 11;
-                this.viewYear--;
-            }
-            else {
-                this.viewMonth--;
-            }
-        };
-        this.nextMonth = () => {
-            if (this.viewMonth === 11) {
-                this.viewMonth = 0;
-                this.viewYear++;
-            }
-            else {
-                this.viewMonth++;
-            }
-        };
-    }
-    onValueChange() {
-        const parsed = this.parseValue();
-        this.draftFrom = parsed.from;
-        this.draftTo = parsed.to;
-    }
-    componentWillLoad() {
-        const parsed = this.parseValue();
-        this.draftFrom = parsed.from;
-        this.draftTo = parsed.to;
-        if (parsed.from) {
-            const d = new Date(parsed.from);
-            this.viewMonth = d.getMonth();
-            this.viewYear = d.getFullYear();
-        }
     }
     connectedCallback() {
-        document.addEventListener('click', this.handleDocumentClick, true);
-    }
-    disconnectedCallback() {
-        document.removeEventListener('click', this.handleDocumentClick, true);
-    }
-    parseValue() {
-        if (!this.value)
-            return { from: null, to: null };
-        try {
-            const v = JSON.parse(this.value);
-            return { from: v.from || null, to: v.to || null };
-        }
-        catch (_a) {
-            return { from: null, to: null };
-        }
-    }
-    formatISO(d) {
-        const y = d.getFullYear();
-        const m = String(d.getMonth() + 1).padStart(2, '0');
-        const day = String(d.getDate()).padStart(2, '0');
-        return `${y}-${m}-${day}`;
-    }
-    renderTriggerLabel() {
-        if (!this.draftFrom && !this.draftTo)
-            return this.placeholder;
-        if (this.draftFrom && this.draftTo)
-            return `${this.draftFrom} → ${this.draftTo}`;
-        if (this.draftFrom)
-            return `${this.draftFrom} → …`;
-        return this.placeholder;
-    }
-    inRange(day) {
-        if (!day || !this.draftFrom)
-            return false;
-        if (this.draftFrom && this.draftTo) {
-            return day >= this.draftFrom && day <= this.draftTo;
-        }
-        if (this.draftFrom && this.hoverDay) {
-            const start = this.draftFrom < this.hoverDay ? this.draftFrom : this.hoverDay;
-            const end = this.draftFrom < this.hoverDay ? this.hoverDay : this.draftFrom;
-            return day >= start && day <= end;
-        }
-        return false;
-    }
-    renderCalendar() {
-        const monthName = new Intl.DateTimeFormat(this.locale, { month: 'long', year: 'numeric' })
-            .format(new Date(this.viewYear, this.viewMonth, 1));
-        const firstDay = new Date(this.viewYear, this.viewMonth, 1);
-        // Monday-first grid
-        const startDow = firstDay.getDay() === 0 ? 6 : firstDay.getDay() - 1;
-        const lastDay = new Date(this.viewYear, this.viewMonth + 1, 0).getDate();
-        // Day-of-week labels (Mon..Sun in the active locale).
-        const monStart = new Date(this.viewYear, this.viewMonth, 1);
-        while (monStart.getDay() !== 1)
-            monStart.setDate(monStart.getDate() - 1);
-        const dowLabels = [];
-        for (let i = 0; i < 7; i++) {
-            const d = new Date(monStart);
-            d.setDate(monStart.getDate() + i);
-            const lbl = new Intl.DateTimeFormat(this.locale, { weekday: 'short' }).format(d);
-            dowLabels.push(lbl.charAt(0).toUpperCase() + lbl.slice(1, 2));
-        }
-        // Day cells (with leading blanks for alignment)
-        const cells = [];
-        for (let i = 0; i < startDow; i++)
-            cells.push(null);
-        for (let d = 1; d <= lastDay; d++) {
-            cells.push(this.formatISO(new Date(this.viewYear, this.viewMonth, d)));
+        if (!this.warned) {
+            this.warned = true;
+            // eslint-disable-next-line no-console
+            console.warn('[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>.');
         }
-        while (cells.length % 7 !== 0)
-            cells.push(null);
-        return (h("div", { class: "co-date-range__calendar" }, h("div", { class: "co-date-range__cal-header" }, h("button", { class: "co-date-range__nav", type: "button", onClick: this.prevMonth, "aria-label": "Previous month" }, h("co-icon", { name: "caret-left", size: 16 })), h("span", { class: "co-date-range__month-label" }, monthName), h("button", { class: "co-date-range__nav", type: "button", onClick: this.nextMonth, "aria-label": "Next month" }, h("co-icon", { name: "caret-right", size: 16 }))), h("div", { class: "co-date-range__dow" }, dowLabels.map((l, i) => h("span", { key: i }, l))), h("div", { class: "co-date-range__days" }, cells.map((day, idx) => {
-            if (!day)
-                return h("span", { class: "co-date-range__day co-date-range__day--empty", key: idx });
-            const isStart = day === this.draftFrom;
-            const isEnd = day === this.draftTo;
-            const isRange = this.inRange(day);
-            return (h("button", { key: idx, type: "button", class: {
-                    'co-date-range__day': true,
-                    'co-date-range__day--start': isStart,
-                    'co-date-range__day--end': isEnd,
-                    'co-date-range__day--in-range': isRange && !isStart && !isEnd,
-                }, onClick: () => this.handleDayClick(day), onMouseEnter: () => this.handleDayHover(day), onMouseLeave: () => this.handleDayHover(null) }, parseInt(day.split('-')[2], 10)));
-        }))));
-    }
-    renderPresets() {
-        if (!this.presets)
-            return null;
-        const items = [
-            { id: 'today', label: this.presetTodayLabel },
-            { id: 'thisWeek', label: this.presetThisWeekLabel },
-            { id: 'thisMonth', label: this.presetThisMonthLabel },
-            { id: 'last30Days', label: this.presetLast30DaysLabel },
-            { id: 'last90Days', label: this.presetLast90DaysLabel },
-            { id: 'thisYear', label: this.presetThisYearLabel },
-        ];
-        return (h("div", { class: "co-date-range__presets" }, items.map(p => (h("button", { key: p.id, type: "button", class: "co-date-range__preset", onClick: () => this.handlePresetClick(p.id) }, p.label)))));
     }
     render() {
-        const hasValue = !!(this.draftFrom || this.draftTo);
-        return (h("div", { key: 'd7045dc55fad85c14ea8ed05278f11a91c894e8b', class: "co-date-range", part: "root" }, this.label && h("label", { key: '9a48cd7d9498138ccb1acac2ac8b664c5543b6d1', class: "co-date-range__label", part: "label" }, this.label), h("div", { key: '09379d7ac693bce51da6e131cb60c61d3d16d226', class: {
-                'co-date-range__trigger': true,
-                'co-date-range__trigger--open': this.isOpen,
-                'co-date-range__trigger--disabled': this.disabled,
-                [`co-date-range__trigger--${this.status}`]: this.status !== 'default',
-            }, onClick: this.handleTriggerClick, part: "trigger", tabIndex: this.disabled ? -1 : 0, role: "button" }, h("co-icon", { key: '8f0cf20d2e9e39eb625112bd31b13e03e9723fa3', name: "calendar", size: 16, class: "co-date-range__icon" }), h("span", { key: '394050d776116d98e3f585bb2521b726308cd57c', class: {
-                'co-date-range__trigger-text': true,
-                'co-date-range__trigger-text--placeholder': !hasValue,
-            } }, this.renderTriggerLabel()), this.clearable && hasValue && !this.disabled && (h("button", { key: '6af816bd7d5e1e677943692b2540d5cc1547d230', class: "co-date-range__clear", type: "button", onClick: (e) => { e.stopPropagation(); this.handleClear(); }, "aria-label": "Clear" }, h("co-icon", { key: 'aeb54016fc5b9616e2c4c9656cde0a07cc784d99', name: "x-circle", weight: "fill", size: 16 }))), h("co-icon", { key: '474e9a4b815f977ffaf444f6c568c6adbce393dd', name: "caret-down", size: 14, class: "co-date-range__caret" })), this.helperText && (h("span", { key: 'afc70e80268864a59c7c93623db3542560a08ca7', class: {
-                'co-date-range__helper': true,
-                [`co-date-range__helper--${this.status}`]: this.status !== 'default',
-            }, part: "helper" }, this.helperText)), this.isOpen && (h("div", { key: 'fbfdaf36083d09423e22a578ccead616a7bab704', class: "co-date-range__popover", part: "popover" }, h("div", { key: '43275ecd90419bc6625c9bd59b3fde2fb58f2fb0', class: "co-date-range__popover-body" }, this.renderPresets(), this.renderCalendar()), h("div", { key: 'b32a4217c1f15860ae2f767a1135f35e5f9e4bb8', class: "co-date-range__footer" }, h("button", { key: 'c0c07ad3017a318184bcae0011c3713b6924b16c', type: "button", class: "co-date-range__btn co-date-range__btn--ghost", onClick: this.handleClear }, this.clearLabel), h("button", { key: '234d87a5de1e7c04cad86b50130081bcf9fa17b1', type: "button", class: "co-date-range__btn co-date-range__btn--primary", onClick: this.handleApply, disabled: !this.draftFrom || !this.draftTo }, this.applyLabel))))));
+        return (h("co-date-range-picker", { key: '0523f38971fe7b9289838d36737fe40f43c8cadc', 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); }
-    static get watchers() { return {
-        "value": [{
-                "onValueChange": 0
-            }]
-    }; }
 };
 CoDateRange.style = coDateRangeCss();
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-B0lqrhFo.js';
+import { r as registerInstance, h } from './index-CYsftTKf.js';
 
 const coEmptyStateCss = () => `:host{display:block}.co-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--co-spacing-2xl) var(--co-spacing-xl);font-family:var(--co-font-family-primary);max-width:492px;margin:0 auto}.co-empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--co-semantic-surface-subtle);color:var(--co-semantic-text-muted);margin-bottom:var(--co-spacing-xl)}.co-empty-state__heading{font-size:var(--co-font-size-20);font-weight:600;color:var(--co-semantic-text-default);margin-bottom:var(--co-spacing-sm)}.co-empty-state__description{font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);line-height:1.5;margin-bottom:var(--co-spacing-xl)}.co-empty-state__actions{display:flex;gap:var(--co-spacing-md);flex-wrap:wrap;justify-content:center}.co-empty-state__actions:empty{display:none}`;
 
@@ -7,7 +7,7 @@ const CoEmptyState = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'd414a4b9c7336d6f7cdd467a25be8287cbc61688', class: "co-empty-state", part: "empty-state" }, this.icon && (h("div", { key: '482eac0c4337a7b8eba92018a8a8f898f44793e1', class: "co-empty-state__icon" }, h("co-icon", { key: '8cb46703a9c8f34277fffd95ffbb1b14c0e89366', name: this.icon, size: 40, weight: "light" }))), this.heading && (h("div", { key: '2517c9b2524aef5db6516908d63c8c9b4287a53d', class: "co-empty-state__heading" }, this.heading)), this.description && (h("div", { key: 'a4793896bc598d7fbe92b367b8412f18d2643595', class: "co-empty-state__description" }, this.description)), h("div", { key: 'c68653bbc2012b6b8a967400ce3e49e29bc9ef9f', class: "co-empty-state__actions" }, h("slot", { key: '665dccd15ed54b78a0d3f13a94dcd8e65720c8c5' }))));
+        return (h("div", { key: '68397ba09dd6d82282d7db563661336ccc486386', class: "co-empty-state", part: "empty-state" }, this.icon && (h("div", { key: '85b31861da503e36312d14a941d3cc143cc07806', class: "co-empty-state__icon" }, h("co-icon", { key: '2592b0d3f395455a4bf9986ce91e7df38506baec', name: this.icon, size: 40, weight: "light" }))), this.heading && (h("div", { key: 'f949906b9403693d90b7591fa92232cb65820fcd', class: "co-empty-state__heading" }, this.heading)), this.description && (h("div", { key: '229b1ec71c70b1fdd5caa1e00b8013e5d0b55c8f', class: "co-empty-state__description" }, this.description)), h("div", { key: 'b24817feb623386a92d4c7442631f624828f9f4a', class: "co-empty-state__actions" }, h("slot", { key: 'f5819e1b60a761950b2f1c7d16ac40db9f120d97' }))));
     }
 };
 CoEmptyState.style = coEmptyStateCss();

package/dist/esm/co-event-calendar.entry.js

@@ -0,0 +1,316 @@
+import { r as registerInstance, c as createEvent, h } from './index-CYsftTKf.js';
+import { g as getDateStrings } from './dateI18n-C1DCLOEl.js';
+import { a as todayYMD, d as addDays, p as parseISO, g as getMonthMatrix, b as addMonths, e as getMonthLabel } from './dates-tPYikBRJ.js';
+import { t as toEpoch, a as toUtcISO, g as getLocalTimeZone } from './tz-B6JZk8fL.js';
+
+/**
+ * model.ts — the calendar event model and its normalization.
+ *
+ * Hosts feed loosely-shaped events (`CoCalendarEvent`); the engine works on a
+ * strict `NormalizedEvent`. Normalization happens ONCE here so every gotcha that
+ * bit V1 is fixed in a single place:
+ *   - `allDay` is an EXPLICIT field — never inferred from a ≥24h duration.
+ *   - `end` is END-EXCLUSIVE (the instant the event stops); a missing end is
+ *     filled from a default duration, not a "+1s inclusive" hack.
+ *   - status→color is NOT hardcoded to any product palette; the host either sets
+ *     colors directly or passes a `statusColors` map. The engine stays generic.
+ *
+ * Instants for timed events are ISO-8601 strings WITH an offset/Z. All-day
+ * events use bare "YYYY-MM-DD" date strings (timezone-independent by definition).
+ */
+const DATE_ONLY_RE = /^\d{4}-\d{2}-\d{2}$/;
+const MS_PER_DAY = 86400000;
+/** Parse a bare "YYYY-MM-DD" to the UTC-midnight epoch (safe integer arithmetic). */
+function dateOnlyToUtcMs(ymd) {
+    const m = DATE_ONLY_RE.exec(ymd);
+    if (!m)
+        return null;
+    const [y, mo, d] = ymd.split('-').map(Number);
+    if (mo < 1 || mo > 12 || d < 1 || d > 31)
+        return null;
+    return Date.UTC(y, mo - 1, d);
+}
+/** Format a UTC-midnight epoch back to "YYYY-MM-DD". */
+function utcMsToDateOnly(ms) {
+    return toUtcISO(ms).slice(0, 10);
+}
+/**
+ * Normalize a single loose event. Returns `null` when the event is unusable
+ * (invalid/missing start), so callers can filter without throwing.
+ */
+function normalizeEvent(raw, options = {}) {
+    if (!raw || !raw.id || !raw.start)
+        return null;
+    const defaultDuration = options.defaultDurationMinutes ?? 60;
+    const allDay = raw.allDay === true;
+    let startMs;
+    let endMs;
+    let startStr;
+    let endStr;
+    if (allDay) {
+        const sMs = dateOnlyToUtcMs(raw.start.slice(0, 10));
+        if (sMs === null)
+            return null;
+        startMs = sMs;
+        startStr = utcMsToDateOnly(sMs);
+        if (raw.end) {
+            const eMs = dateOnlyToUtcMs(raw.end.slice(0, 10));
+            // End-exclusive: an end <= start collapses to a single day.
+            endMs = eMs !== null && eMs > sMs ? eMs : sMs + MS_PER_DAY;
+        }
+        else {
+            endMs = sMs + MS_PER_DAY;
+        }
+        endStr = utcMsToDateOnly(endMs);
+    }
+    else {
+        let sMs;
+        try {
+            sMs = toEpoch(raw.start);
+        }
+        catch {
+            return null;
+        }
+        startMs = sMs;
+        startStr = raw.start;
+        if (raw.end) {
+            let eMs;
+            try {
+                eMs = toEpoch(raw.end);
+            }
+            catch {
+                return null;
+            }
+            endMs = eMs > sMs ? eMs : sMs + defaultDuration * 60000;
+        }
+        else {
+            endMs = sMs + defaultDuration * 60000;
+        }
+        endStr = toUtcISO(endMs);
+    }
+    // Color resolution: explicit wins; else status map; else undefined (themed by CSS).
+    const statusStyle = raw.status ? options.statusColors?.[raw.status] : undefined;
+    const backgroundColor = raw.backgroundColor ?? raw.color ?? statusStyle?.backgroundColor;
+    const borderColor = raw.borderColor ?? statusStyle?.borderColor;
+    const editable = raw.editable ?? true;
+    return {
+        id: raw.id,
+        title: raw.title ?? '',
+        allDay,
+        start: startStr,
+        end: endStr,
+        startMs,
+        endMs,
+        status: raw.status,
+        backgroundColor,
+        borderColor,
+        className: raw.className,
+        editable,
+        startEditable: raw.startEditable ?? editable,
+        durationEditable: raw.durationEditable ?? editable,
+        display: raw.display ?? 'block',
+        extendedProps: raw.extendedProps ?? {},
+    };
+}
+/** Normalize a list, dropping unusable events. */
+function normalizeEvents(raw, options = {}) {
+    if (!Array.isArray(raw))
+        return [];
+    const out = [];
+    for (const e of raw) {
+        const n = normalizeEvent(e, options);
+        if (n)
+            out.push(n);
+    }
+    return out;
+}
+
+const coEventCalendarCss = () => `:host{display:flex;flex-direction:column;gap:var(--co-spacing-md);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);block-size:100%;min-block-size:0}.cal{display:flex;flex-direction:column;gap:var(--co-spacing-md);block-size:100%;min-block-size:0}.cal__toolbar{display:flex;align-items:center;gap:var(--co-spacing-md)}.cal__nav-group{display:inline-flex;align-items:center;gap:var(--co-spacing-xs)}.cal__title{flex:1 1 auto;margin:0;text-align:center;font-size:var(--co-font-size-16, 16px);font-weight:600;text-transform:capitalize;color:var(--co-semantic-text-default)}.cal__views-spacer{flex:0 0 auto;inline-size:1px}.cal__btn{height:32px;padding:0 var(--co-spacing-md);background:none;border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease}.cal__btn:hover{background:var(--co-semantic-surface-hover)}.cal__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__icon-btn{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease}.cal__icon-btn:hover{background:var(--co-semantic-surface-hover)}.cal__icon-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__views{display:inline-flex;gap:2px;padding:2px;background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-xs)}.cal__view-btn{height:28px;padding:0 var(--co-spacing-md);background:none;border:0;border-radius:var(--co-border-radius-xxs);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-secondary);cursor:pointer;text-transform:capitalize}.cal__view-btn--active{background:var(--co-semantic-surface-page);color:var(--co-semantic-text-default);font-weight:600;box-shadow:0 1px 2px rgba(0, 0, 0, 0.08)}.cal__view-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.cal__body co-calendar-month{flex:1 1 auto;min-block-size:0}.cal__placeholder{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm);color:var(--co-semantic-text-muted);text-transform:capitalize}`;
+
+const CoEventCalendar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.coEventClick = createEvent(this, "coEventClick", 3);
+        this.coDateSelect = createEvent(this, "coDateSelect", 3);
+        this.coEventDrop = createEvent(this, "coEventDrop", 3);
+        this.coDatesSet = createEvent(this, "coDatesSet", 3);
+        this.coViewChange = createEvent(this, "coViewChange", 3);
+        this.coMoreClick = createEvent(this, "coMoreClick", 3);
+        /** Active view. Phase 1 ships `month`; week/day/agenda land in later phases. */
+        this.view = 'month';
+        /** Events: an array or a JSON string (raw-HTML use). */
+        this.events = [];
+        /** BCP-47 locale for labels. */
+        this.locale = 'es-CO';
+        /** Master interaction gate (per-event `editable` can still lock individuals). */
+        this.editable = true;
+        /** Allow empty-day selection to request a create. */
+        this.selectable = true;
+        /** Max event lanes per day before "+N more". */
+        this.dayMaxEvents = 3;
+        /** First day of week, 0=Sun..6=Sat. */
+        this.firstDayOfWeek = 1;
+        /** Views offered in the switcher. Defaults to the implemented set. */
+        this.availableViews = ['month'];
+        /** Default minutes for a timed event missing an end. */
+        this.defaultDurationMinutes = 60;
+        this.goToday = () => this.setAnchor(todayYMD());
+        this.goPrev = () => this.step(-1);
+        this.goNext = () => this.step(1);
+        // ── Month delegation handlers ───────────────────────────────────────────
+        this.handleDaySelect = (e) => {
+            const date = e.detail.date;
+            this.coDateSelect.emit({ start: date, end: addDays(date, 1), allDay: true });
+        };
+        this.handleEventClick = (e) => {
+            const ev = this.normalized.find((x) => x.id === e.detail.id);
+            if (ev)
+                this.coEventClick.emit({ event: ev });
+        };
+        this.handleEventDrop = (e) => {
+            const ev = this.normalized.find((x) => x.id === e.detail.id);
+            if (!ev)
+                return;
+            this.coEventDrop.emit({
+                event: ev,
+                start: e.detail.start,
+                end: e.detail.end,
+                oldStart: e.detail.oldStart,
+                oldEnd: e.detail.oldEnd,
+                allDay: e.detail.allDay,
+                revert: () => {
+                    /* controlled mode: host reverts by not updating `events` */
+                },
+            });
+        };
+        this.handleMoreClick = (e) => {
+            const date = e.detail.date;
+            const tz = this.tz;
+            const events = this.normalized.filter((ev) => {
+                const day = ev.allDay ? ev.start.slice(0, 10) : zonedDay(ev.startMs, tz);
+                return day === date;
+            });
+            this.coMoreClick.emit({ date, events });
+        };
+    }
+    componentWillLoad() {
+        this.anchor = this.date && parseISO(this.date) ? this.date : todayYMD();
+    }
+    componentDidLoad() {
+        this.emitDatesSet();
+    }
+    onDateChange(value) {
+        if (value && parseISO(value) && value !== this.anchor) {
+            this.anchor = value;
+            this.emitDatesSet();
+        }
+    }
+    get tz() {
+        return this.timeZone || getLocalTimeZone();
+    }
+    get normalized() {
+        const raw = parseEventsProp(this.events);
+        const opts = {
+            defaultDurationMinutes: this.defaultDurationMinutes,
+            statusColors: parseStatusColors(this.statusColors),
+        };
+        return normalizeEvents(raw, opts);
+    }
+    get viewsList() {
+        return Array.isArray(this.availableViews)
+            ? this.availableViews
+            : String(this.availableViews).split(',').map((s) => s.trim()).filter(Boolean);
+    }
+    /** Visible [start, end) of the current month view, as date strings. */
+    visibleRange() {
+        const a = parseISO(this.anchor);
+        const matrix = getMonthMatrix(a.year, a.month, this.firstDayOfWeek);
+        const start = matrix[0][0].value;
+        const last = matrix[matrix.length - 1][6].value;
+        return { start, end: addDays(last, 1) };
+    }
+    emitDatesSet() {
+        const { start, end } = this.visibleRange();
+        this.coDatesSet.emit({ view: this.view, start, end, activeDate: this.anchor });
+    }
+    setAnchor(next) {
+        this.anchor = next;
+        this.date = next;
+        this.emitDatesSet();
+    }
+    step(dir) {
+        if (this.view === 'month') {
+            this.setAnchor(addMonths(this.anchor, dir));
+        }
+        else {
+            this.setAnchor(addDays(this.anchor, dir * 7));
+        }
+    }
+    switchView(next) {
+        if (next === this.view)
+            return;
+        this.view = next;
+        this.coViewChange.emit({ view: next });
+        this.emitDatesSet();
+    }
+    title() {
+        const a = parseISO(this.anchor);
+        return getMonthLabel(a.year, a.month, this.locale, 'long');
+    }
+    render() {
+        var _a;
+        const t = getDateStrings(this.locale);
+        const views = this.viewsList;
+        const a = parseISO(this.anchor);
+        return (h("div", { key: 'dca7d290407d0815ed127e9ea85bd9581ca1238d', class: "cal" }, h("div", { key: '739c0374461233ea08fb1d7ba9dd9104194d4348', class: "cal__toolbar", part: "toolbar" }, h("div", { key: '70bc5571180aba131a52a6a46041f0a3a8227819', class: "cal__nav-group" }, h("button", { key: 'f0308bd1a9eb83b98aaabc9fcc7e08536f34e630', type: "button", class: "cal__btn", onClick: this.goToday }, (_a = t.today) !== null && _a !== void 0 ? _a : 'Today'), h("button", { key: '8979b382c37384f59f00f566afb9ade636944811', type: "button", class: "cal__icon-btn", "aria-label": t.prevMonth, onClick: this.goPrev }, h("co-icon", { key: 'cb83fb82be3f902315c6d1072a3706dc0716fb9a', name: "caret-left", size: 16 })), h("button", { key: '4505ac7e1fdbe452349f36a696bde9a2f6a8b63e', type: "button", class: "cal__icon-btn", "aria-label": t.nextMonth, onClick: this.goNext }, h("co-icon", { key: 'fee0a868c53fc92ac1e31f8a6e582e3c651a727c', name: "caret-right", size: 16 }))), h("h2", { key: '4641c225889d32834236e4ff22d60b4777e1625d', class: "cal__title", "aria-live": "polite" }, this.title()), views.length > 1 ? (h("div", { class: "cal__views", role: "tablist" }, views.map((v) => {
+            var _a;
+            return (h("button", { type: "button", role: "tab", "aria-selected": this.view === v ? 'true' : 'false', class: { 'cal__view-btn': true, 'cal__view-btn--active': this.view === v }, onClick: () => this.switchView(v) }, (_a = t[v]) !== null && _a !== void 0 ? _a : v));
+        }))) : (h("span", { class: "cal__views-spacer" }))), h("div", { key: '152eacc1320a7b3d0e33c31e9c6cbf04cd756855', class: "cal__body", part: "body" }, this.view === 'month' ? (h("co-calendar-month", { events: this.normalized, year: a.year, month: a.month, locale: this.locale, firstDayOfWeek: this.firstDayOfWeek, timeZone: this.tz, minDate: this.minDate, maxDate: this.maxDate, editable: this.editable, selectable: this.selectable, maxLanes: this.dayMaxEvents, onCoDaySelect: this.handleDaySelect, onCoEventClick: this.handleEventClick, onCoEventDrop: this.handleEventDrop, onCoMoreClick: this.handleMoreClick })) : (h("div", { class: "cal__placeholder" }, h("co-icon", { name: "calendar-dots", size: 32 }), h("p", null, `${this.view} view — coming soon`))))));
+    }
+    static get watchers() { return {
+        "date": [{
+                "onDateChange": 0
+            }]
+    }; }
+};
+// ── helpers ─────────────────────────────────────────────────────────────────
+function parseEventsProp(value) {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string' && value.trim()) {
+        try {
+            const parsed = JSON.parse(value);
+            return Array.isArray(parsed) ? parsed : [];
+        }
+        catch (_a) {
+            return [];
+        }
+    }
+    return [];
+}
+function parseStatusColors(value) {
+    if (!value)
+        return undefined;
+    if (typeof value === 'string') {
+        try {
+            return JSON.parse(value);
+        }
+        catch (_a) {
+            return undefined;
+        }
+    }
+    return value;
+}
+/** Local import-free wall-clock day; mirrors engine zonedDateKey to avoid a dep here. */
+function zonedDay(ms, timeZone) {
+    const parts = new Intl.DateTimeFormat('en-CA', {
+        timeZone,
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+    }).format(new Date(ms));
+    return parts; // en-CA → "YYYY-MM-DD"
+}
+CoEventCalendar.style = coEventCalendarCss();
+
+export { CoEventCalendar as co_event_calendar };