@prolibu-suite/cobalt-core 0.10.4 → 0.11.1

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.js');
 
 const coDriveCardCss = () => `:host{display:block}.co-drive-card{--dc-accent:var(--co-color-primary-azul, #2563eb);position:relative;box-sizing:border-box;width:100%;border-radius:14px;cursor:pointer;outline:none;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco, #fff);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card:focus-visible{box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card--folder{display:flex;align-items:center;gap:12px;transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-drive-card--folder.co-drive-card--comfy{padding:14px}.co-drive-card--folder.co-drive-card--compact{padding:10px 12px}.co-drive-card--folder:hover:not(.co-drive-card--selected){box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card--folder.co-drive-card--selected{background:color-mix(in srgb, var(--dc-accent) 7%, white);box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card__tile{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb, var(--dc-accent) 12%, white);color:var(--dc-accent)}.co-drive-card--comfy .co-drive-card__tile{width:44px;height:44px}.co-drive-card--compact .co-drive-card__tile{width:38px;height:38px}.co-drive-card__text{flex:1;min-width:0;display:flex;flex-direction:column}.co-drive-card__name{font-family:var(--co-font-family-primary);font-size:14px;font-weight:500;line-height:1.3;color:var(--co-color-base-negro, #1f1c1b);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__meta{font-family:var(--co-font-family-primary);font-size:12px;color:var(--co-color-gray-500, #888888);margin-top:2px;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__trailing{flex-shrink:0;display:flex;align-items:center;gap:6px}.co-drive-card__star{display:inline-flex;color:var(--co-color-primary-amarillo, #fdbf00)}.co-drive-card--file{display:flex;flex-direction:column;gap:10px;transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-drive-card--file.co-drive-card--comfy{padding:10px}.co-drive-card--file.co-drive-card--compact{padding:8px}.co-drive-card--file:hover:not(.co-drive-card--selected):not(.co-drive-card--active){box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card--file.co-drive-card--active:not(.co-drive-card--selected){box-shadow:inset 0 0 0 1.5px var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25))}.co-drive-card--file.co-drive-card--selected{box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card__thumb{display:block;border-radius:10px;overflow:hidden;background:var(--co-color-gray-100, #f6f6f6)}.co-drive-card--comfy .co-drive-card__thumb{height:132px}.co-drive-card--compact .co-drive-card__thumb{height:96px}.co-drive-card__thumb ::slotted(*){display:block;width:100%;height:100%}.co-drive-card__thumb ::slotted(img){object-fit:cover}.co-drive-card--file .co-drive-card__name{font-size:13px}.co-drive-card__sub{font-family:var(--co-font-family-primary);font-size:11.5px;color:var(--co-color-gray-500, #888888);margin-top:1px;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__foot{display:flex;align-items:center;gap:8px;padding:0 2px 2px}.co-drive-card__type{flex-shrink:0;display:inline-flex}.co-drive-card__foot-text{flex:1;min-width:0;display:flex;flex-direction:column}.co-drive-card__actions{flex-shrink:0;display:inline-flex;align-items:center;color:var(--co-color-gray-400, #a0a0a0);opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-drive-card:hover .co-drive-card__actions{opacity:1}.co-drive-card__star-overlay{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--co-color-base-blanco, #fff);opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-drive-card:hover .co-drive-card__star-overlay,.co-drive-card--starred .co-drive-card__star-overlay{opacity:1}.co-drive-card--starred .co-drive-card__star-overlay{color:var(--co-color-primary-amarillo, #fdbf00)}.co-drive-card__select{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);background:rgba(255, 255, 255, 0.9);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16))}.co-drive-card:hover .co-drive-card__select,.co-drive-card--selected .co-drive-card__select{opacity:1}.co-drive-card--folder .co-drive-card__select{top:8px;left:8px;width:20px;height:20px}.co-drive-card--file .co-drive-card__select{top:16px;left:16px;width:22px;height:22px;background:rgba(255, 255, 255, 0.92)}.co-drive-card--selected .co-drive-card__select{background:var(--dc-accent);box-shadow:none}.co-drive-card__check{display:block;pointer-events:none}`;
 
@@ -66,7 +66,7 @@ const CoDriveCard = class {
     }
     render() {
         const isFile = this.variant === 'file';
-        return (index.h("div", { key: 'd21cc658d8a825973bf2662166792e2645cb7919', class: {
+        return (index.h("div", { key: '35d58b53bd6f000c2c0e6fb4f16cc4914bd8ece9', class: {
                 'co-drive-card': true,
                 [`co-drive-card--${this.variant}`]: true,
                 [`co-drive-card--${this.density}`]: true,

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.js');
 
 const coDropZoneCss = () => `:host{position:relative;display:block}.co-drop-zone__overlay{position:absolute;inset:12px;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:16px;border:2px dashed var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb));background:color-mix(     in srgb,     var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb)) 8%,     rgba(255, 255, 255, 0.85)   );-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.co-drop-zone__badge{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:var(--co-color-base-blanco, #fff);color:var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb));box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04))}.co-drop-zone__label{font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);font-size:18px;font-weight:500;color:var(--co-color-base-negro, #1f1c1b)}`;
 
@@ -55,7 +55,7 @@ const CoDropZone = class {
         this.coDragStateChange.emit(next);
     }
     render() {
-        return (index.h(index.Host, { key: '8c054ca976730d2a6d31026a7da431e38fb61d9d', 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 }, index.h("slot", { key: '478ff353fc8c88d719a054bdd302ffeeec06a238' }), this.active && (index.h("div", { key: '64310825f2556838d525541f6dba33af521f1c2f', class: "co-drop-zone__overlay", part: "overlay" }, index.h("div", { key: '5567646e887cfd23a4c5e987cc0f9b7cbcda247e', class: "co-drop-zone__badge", part: "badge" }, index.h("co-icon", { key: '8b50b8e1615d13efaad52ef03ede3afdc4dd7869', name: this.icon, size: 34 })), index.h("span", { key: '10209ab792204eff4ddc86c08aac950cfae50ec1', class: "co-drop-zone__label", part: "label" }, this.label)))));
+        return (index.h(index.Host, { key: '5c7232e2bc5fe0f1cc24181d1758fcd0369c47cb', 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 }, index.h("slot", { key: 'efdf82946b7396ddf88e7f440aa6c460cb15821b' }), this.active && (index.h("div", { key: '3b9a9f2e78275fbf4a4fb240beafd6725b06f36f', class: "co-drop-zone__overlay", part: "overlay" }, index.h("div", { key: '3a540d077413199f63904a3b8f2a82d01306927a', class: "co-drop-zone__badge", part: "badge" }, index.h("co-icon", { key: '224941558e33dddb16ae7d98b63f63a0f4d41c5e', name: this.icon, size: 34 })), index.h("span", { key: '256aa058549937ab0cf0bdc31337d22fa860da75', class: "co-drop-zone__label", part: "label" }, this.label)))));
     }
 };
 CoDropZone.style = coDropZoneCss();

package/dist/cjs/co-emoji-picker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.js');
 var dateI18n = require('./dateI18n-BK2qHqoC.js');
 var normalizeText = require('./normalizeText-D9rlJWZa.js');
 
@@ -2778,14 +2778,14 @@ const CoEmojiPicker = class {
         const stripCategories = hasRecent
             ? [RECENT_CATEGORY, ...EMOJI_CATEGORIES]
             : [...EMOJI_CATEGORIES];
-        return (index.h("div", { key: '7c7dfc4be7b8f8ea44df0f6c988cd2462b5fbdab', class: "co-emoji-picker", part: "panel", role: "group", "aria-label": this.label || s.pickerLabel, style: { '--co-emoji-picker-columns': String(Math.max(1, this.columns)) }, onKeyDown: this.handleKeyDown }, this.searchable && (index.h("div", { key: 'd25a0e16ced7efd0bc92b2dd104e60ea926ae042', class: "co-emoji-picker__search", part: "search" }, index.h("co-icon", { key: '72d9381c9e5375e2a1f7c8a01ca4d5e9d9c69b5c', name: "magnifying-glass", size: 16 }), index.h("input", { key: '5dc6d956f35f8497e35915faf1eb6bec424e0978', class: "co-emoji-picker__input", part: "input", type: "text", value: this.term, placeholder: this.searchPlaceholder || s.searchPlaceholder, onInput: this.handleInput, ref: (el) => (this.inputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list", "aria-controls": CoEmojiPicker.GRID_ID, "aria-activedescendant": activeCellId }), this.renderTones())), this.showCategories && (index.h("div", { key: 'f590a30901ad79dffe872381ac7d19f3bb8e4185', class: "co-emoji-picker__categories", part: "categories", "aria-label": s.categoriesLabel }, !this.searchable && this.renderTones(), stripCategories.map((category) => {
+        return (index.h("div", { key: '3f45e20684cb31d39feabb1e9a431001153badc4', class: "co-emoji-picker", part: "panel", role: "group", "aria-label": this.label || s.pickerLabel, style: { '--co-emoji-picker-columns': String(Math.max(1, this.columns)) }, onKeyDown: this.handleKeyDown }, this.searchable && (index.h("div", { key: 'e7e0345d77fc03813f87c2cc119b205f2da67807', class: "co-emoji-picker__search", part: "search" }, index.h("co-icon", { key: '631f7a147601969961941f0f63a080e75a4ade41', name: "magnifying-glass", size: 16 }), index.h("input", { key: 'e216e1bf3898d4c747c247aa86df348eca1eb906', class: "co-emoji-picker__input", part: "input", type: "text", value: this.term, placeholder: this.searchPlaceholder || s.searchPlaceholder, onInput: this.handleInput, ref: (el) => (this.inputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list", "aria-controls": CoEmojiPicker.GRID_ID, "aria-activedescendant": activeCellId }), this.renderTones())), this.showCategories && (index.h("div", { key: '0d212f4c661651e51503e82ad2e4c81af9e89d55', class: "co-emoji-picker__categories", part: "categories", "aria-label": s.categoriesLabel }, !this.searchable && this.renderTones(), stripCategories.map((category) => {
             var _a, _b;
             const name = (_a = s.categories[category]) !== null && _a !== void 0 ? _a : category;
             return (index.h("button", { type: "button", key: category, class: {
                     'co-emoji-picker__category': true,
                     'co-emoji-picker__category--active': category === activeCategory,
                 }, "aria-label": name, "aria-current": category === activeCategory ? 'true' : undefined, title: name, onClick: () => this.jumpToCategory(category) }, index.h("co-icon", { name: (_b = EMOJI_CATEGORY_ICONS[category]) !== null && _b !== void 0 ? _b : 'circle', size: 16 })));
-        }))), index.h("div", { key: 'e2d0322703aef9efdf8b0aeec6b5021fbfaa15f8', class: "co-emoji-picker__scroll", part: "grid", id: CoEmojiPicker.GRID_ID, role: "listbox", "aria-label": s.gridLabel, ref: (el) => (this.scrollEl = el), onScroll: this.handleScroll }, isEmpty ? (index.h("div", { class: "co-emoji-picker__empty" }, index.h("co-icon", { name: "magnifying-glass", size: 20 }), index.h("span", null, this.emptyMessage || s.emptyMessage))) : (this.renderRows(rows)))));
+        }))), index.h("div", { key: '9d75f1c71e8162708bff7ff3d3e8ac50d2ae8506', class: "co-emoji-picker__scroll", part: "grid", id: CoEmojiPicker.GRID_ID, role: "listbox", "aria-label": s.gridLabel, ref: (el) => (this.scrollEl = el), onScroll: this.handleScroll }, isEmpty ? (index.h("div", { class: "co-emoji-picker__empty" }, index.h("co-icon", { name: "magnifying-glass", size: 20 }), index.h("span", null, this.emptyMessage || s.emptyMessage))) : (this.renderRows(rows)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.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-color-gray-100, #f6f6f6);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}.co-empty-state--card{gap:var(--co-spacing-3xl, 32px);padding:var(--co-spacing-5xl, 48px) var(--co-spacing-3xl, 32px);background:var(--co-color-base-blanco, #fff);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-lg, 16px)}.co-empty-state--card .co-empty-state__icon{margin-bottom:0;background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-gray-600, #585858)}.co-empty-state--card .co-empty-state__heading{margin-bottom:0}.co-empty-state--card .co-empty-state__description{margin-bottom:0;line-height:1.35;color:var(--co-color-gray-600, #585858);max-width:366px}.co-empty-state--l .co-empty-state__icon{width:98px;height:98px}.co-empty-state--l .co-empty-state__heading{font-size:var(--co-font-size-24, 24px);font-weight:500;line-height:1.25}.co-empty-state__icon,.co-empty-state__heading,.co-empty-state__description,.co-empty-state__actions{animation:co-empty-reveal var(--co-motion-duration-slower) var(--co-motion-ease-out) both}.co-empty-state__heading{animation-delay:var(--co-motion-duration-instant)}.co-empty-state__description{animation-delay:calc(var(--co-motion-duration-instant) * 2)}.co-empty-state__actions{animation-delay:calc(var(--co-motion-duration-instant) * 3)}@keyframes co-empty-reveal{from{opacity:0;transform:translateY(12px);filter:blur(var(--co-motion-blur-md))}to{opacity:1;transform:translateY(0);filter:none}}`;
 
@@ -15,11 +15,11 @@ const CoEmptyState = class {
     render() {
         var _a;
         const iconWeight = (_a = this.iconWeight) !== null && _a !== void 0 ? _a : (this.variant === 'card' ? 'regular' : 'light');
-        return (index.h("div", { key: '4011b99b59671ad38cf5c90b5adc1b42a0353817', class: {
+        return (index.h("div", { key: '419da2f8dee690bb65956debb4a1d9aad3319906', class: {
                 'co-empty-state': true,
                 [`co-empty-state--${this.variant}`]: true,
                 [`co-empty-state--${this.size}`]: true,
-            }, part: "empty-state" }, this.icon && (index.h("div", { key: 'a6899c6690bb8b9fcdd858fb63a30644b7094672', class: "co-empty-state__icon" }, index.h("co-icon", { key: '312945448815ae5be78074e03840909b04e5f3c4', name: this.icon, size: 40, weight: iconWeight }))), this.heading && (index.h("div", { key: '7fd7fdb5fc4922bf2c7d6aab5200bc80947c20ba', class: "co-empty-state__heading" }, this.heading)), this.description && (index.h("div", { key: 'da5cddc1aa7afc32ee30f59293f66f1e30507614', class: "co-empty-state__description" }, this.description)), index.h("div", { key: '940a1b9ffa4022a3ee2623b7a6892000c63abfd4', class: "co-empty-state__actions" }, index.h("slot", { key: 'b6b9fbd93e79890193500d5c3bbbe72d32fa1e20' }))));
+            }, part: "empty-state" }, this.icon && (index.h("div", { key: '5fd70dd13d10ad6e76f4c73ed43c7a4aca9c4fa1', class: "co-empty-state__icon" }, index.h("co-icon", { key: '75882f8eed9f64ffbe8b1163ea9d0a7666372ab2', name: this.icon, size: 40, weight: iconWeight }))), this.heading && (index.h("div", { key: '514ee7eb7b29867aa0d95088c03d6d24a1805f32', class: "co-empty-state__heading" }, this.heading)), this.description && (index.h("div", { key: '2e004a9bacf1094c0c1ee5ad697862b13d05241b', class: "co-empty-state__description" }, this.description)), index.h("div", { key: '4e78c8ce7a8169e4afabc9fbce485f40175ee1cb', class: "co-empty-state__actions" }, index.h("slot", { key: '519d8af5d16b2f3382044d3ee098207b97e1bbf4' }))));
     }
 };
 CoEmptyState.style = coEmptyStateCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.js');
 var dateI18n = require('./dateI18n-BK2qHqoC.js');
 var dates = require('./dates-TQLHlFd2.js');
 var tz = require('./tz-Dgom0W69.js');
@@ -162,9 +162,11 @@ const CoEventCalendar = class {
         this.allDaySlot = true;
         /** Visible-hours window for week/day (minutes-of-day bounds as "HH:mm"). */
         this.minTime = '00:00';
+        /** Última hora visible `HH:mm` en Semana/Día (default 24:00). */
         this.maxTime = '24:00';
         /** Slot/snap granularity (minutes) for week/day. */
         this.slotMinutes = 15;
+        /** Minutos a los que se ajustan arrastres y selecciones en Semana/Día (default 15). */
         this.snapMinutes = 15;
         /** Initial scroll position for week/day ("HH:mm"). */
         this.scrollTime = '07:00';
@@ -359,10 +361,10 @@ const CoEventCalendar = class {
         const t = dateI18n.getDateStrings(this.locale);
         const views = this.viewsList;
         const a = dates.parseISO(this.anchor);
-        return (index.h("div", { key: 'eb07a859a28ba0d09a3880a77a5b122c1ae063fb', class: "cal" }, index.h("div", { key: '693683cddfad9a1aed4be0bf3651cfff8b2ba1c7', class: "cal__toolbar", part: "toolbar" }, index.h("button", { key: '48f8fc44179b2950ea0498205f8f8a5d91d33e04', type: "button", class: "cal__btn", onClick: this.goToday }, (_a = t.today) !== null && _a !== void 0 ? _a : 'Today'), index.h("div", { key: '387a1cee67da85bf72e791ca2adc67f7482eb629', class: "cal__title-group" }, index.h("button", { key: '24d316422fb98f7d7c66ed6154a90f54a56cab12', type: "button", class: "cal__icon-btn", "aria-label": t.prevMonth, onClick: this.goPrev }, index.h("co-icon", { key: 'd0c575fce693943e91de8c578bb3371bfdb6425a', name: "caret-left", size: 16 })), index.h("h2", { key: '1bc26dd2c49d67854a1fc922cffc519485437f6a', class: "cal__title", "aria-live": "polite" }, this.title()), index.h("button", { key: '0e152157ed337011d00699b450b6a5cd10016b97', type: "button", class: "cal__icon-btn", "aria-label": t.nextMonth, onClick: this.goNext }, index.h("co-icon", { key: 'c821a72abc278e325cadfeae54b4d2b05984d3ba', name: "caret-right", size: 16 }))), views.length > 1 ? (index.h("div", { class: "cal__views", role: "tablist" }, views.map((v) => {
+        return (index.h("div", { key: '523b25e47b0d586ead40867d0c496b6d8fd1a21b', class: "cal" }, index.h("div", { key: '4943440f6f492be23a23f8820b1d638a0d292902', class: "cal__toolbar", part: "toolbar" }, index.h("button", { key: 'a6d890434149f15ef770db851e70e4d93646571b', type: "button", class: "cal__btn", onClick: this.goToday }, (_a = t.today) !== null && _a !== void 0 ? _a : 'Today'), index.h("div", { key: 'a617c5087b9055bc4f8530eafe619cca49c0930e', class: "cal__title-group" }, index.h("button", { key: '1b2f1ba3972d815be76a4527711e887066a994a1', type: "button", class: "cal__icon-btn", "aria-label": t.prevMonth, onClick: this.goPrev }, index.h("co-icon", { key: '918828dec396d69678618d40c8aeb3793c6aa620', name: "caret-left", size: 16 })), index.h("h2", { key: 'c099fc2e18fa07f79fe0a0e72e372e71b658c553', class: "cal__title", "aria-live": "polite" }, this.title()), index.h("button", { key: '52c2ad1d1a06955f892ac6d179d905270df3a967', type: "button", class: "cal__icon-btn", "aria-label": t.nextMonth, onClick: this.goNext }, index.h("co-icon", { key: '9b4becd4d18465a86d42491291166ccad94973d3', name: "caret-right", size: 16 }))), views.length > 1 ? (index.h("div", { class: "cal__views", role: "tablist" }, views.map((v) => {
             var _a;
             return (index.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));
-        }))) : (index.h("span", { class: "cal__views-spacer" }))), index.h("div", { key: '2472ed0d314a489f41f2f46dc7988ce8860a64c2', class: "cal__body", part: "body" }, this.view === 'month' ? (index.h("co-calendar-month", { loading: this.loading, 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, onCoEventDblClick: this.handleEventDblClick, onCoEventDrop: this.handleEventDrop, onCoMoreClick: this.handleMoreClick })) : this.view === 'week' || this.view === 'day' ? (index.h("co-calendar-timegrid", { loading: this.loading, events: this.normalized, dates: this.visibleDates, locale: this.locale, timeZone: this.tz, editable: this.editable, selectable: this.selectable, minDate: this.minDate, maxDate: this.maxDate, onCoRangeSelect: this.handleRangeSelect, onCoEventClick: this.handleEventClick, onCoEventDblClick: this.handleEventDblClick, onCoEventDrop: this.handleEventDrop, defaultDurationMinutes: this.defaultDurationMinutes, allDaySlot: this.allDaySlot, minTime: this.minTime, maxTime: this.maxTime, slotMinutes: this.slotMinutes, snapMinutes: this.snapMinutes, scrollTime: this.scrollTime, nowIndicator: this.nowIndicator })) : (index.h("div", { class: "cal__placeholder" }, index.h("co-icon", { name: "calendar-dots", size: 32 }), index.h("p", null, `${this.view} view — coming soon`))))));
+        }))) : (index.h("span", { class: "cal__views-spacer" }))), index.h("div", { key: '266dc8d6f4b490559eaa648970328e0861d44ec8', class: "cal__body", part: "body" }, this.view === 'month' ? (index.h("co-calendar-month", { loading: this.loading, 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, onCoEventDblClick: this.handleEventDblClick, onCoEventDrop: this.handleEventDrop, onCoMoreClick: this.handleMoreClick })) : this.view === 'week' || this.view === 'day' ? (index.h("co-calendar-timegrid", { loading: this.loading, events: this.normalized, dates: this.visibleDates, locale: this.locale, timeZone: this.tz, editable: this.editable, selectable: this.selectable, minDate: this.minDate, maxDate: this.maxDate, onCoRangeSelect: this.handleRangeSelect, onCoEventClick: this.handleEventClick, onCoEventDblClick: this.handleEventDblClick, onCoEventDrop: this.handleEventDrop, defaultDurationMinutes: this.defaultDurationMinutes, allDaySlot: this.allDaySlot, minTime: this.minTime, maxTime: this.maxTime, slotMinutes: this.slotMinutes, snapMinutes: this.snapMinutes, scrollTime: this.scrollTime, nowIndicator: this.nowIndicator })) : (index.h("div", { class: "cal__placeholder" }, index.h("co-icon", { name: "calendar-dots", size: 32 }), index.h("p", null, `${this.view} view — coming soon`))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
-var positioning = require('./positioning-CyatXeT_.js');
+var index = require('./index-bHoidDwv.js');
+var positioning = require('./positioning-CILo5esi.js');
 
 const coEventPopoverCss = () => `:host{display:contents}.pop{position:fixed;margin:0;inset:auto;width:400px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-md, 14px);box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));padding:0;z-index:1000;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);animation:co-pop-in var(--co-motion-duration-fast) var(--co-motion-ease-out);outline:none}@keyframes co-pop-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.pop__actions{display:flex;justify-content:flex-end;gap:var(--co-spacing-xxs);padding:var(--co-spacing-sm2) var(--co-spacing-sm2) 0}.pop__head{display:flex;gap:var(--co-spacing-md);padding:var(--co-spacing-xs) var(--co-spacing-xl) var(--co-spacing-xl)}.pop__dot{flex:0 0 auto;width:14px;height:14px;border-radius:var(--co-border-radius-xxs);margin-top:5px;background:var(--co-color-primary-azul)}.pop__body{min-width:0;flex:1 1 auto}`;
 
@@ -9,11 +9,15 @@ const CoEventPopover = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.coClose = index.createEvent(this, "coClose", 3);
+        /** Visible (reflejado); el componente lo pone en `false` al cerrarse por Escape o click afuera. */
         this.open = false;
+        /** Lado y alineación respecto de `anchorRect` (default `right-start`); voltea si no cabe. */
         this.placement = 'right-start';
         /** Render the leading color dot. Set false for dot-less content (quick-create). */
         this.dot = true;
+        /** Cierra con Escape (default `true`). */
         this.closeOnEscape = true;
+        /** Cierra con un click fuera del panel (default `true`). */
         this.closeOnClickOutside = true;
         this.position = () => {
             if (!this.open || !this.panelEl || !this.anchorRect)
@@ -118,7 +122,7 @@ const CoEventPopover = class {
         this.coClose.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '8febb91e9c26e67bdd8edde9bd95e24b9a6f4b04' }, index.h("div", { key: '1311c574b0bae76fb85952da3b5e8531d77e1b25', class: "pop", popover: "manual", role: "dialog", "aria-modal": "false", "aria-label": this.popoverLabel, tabIndex: -1, ref: (el) => (this.panelEl = el) }, index.h("div", { key: '9d275e1b245f0bd4f95ba13743d6a9080b3d581a', class: "pop__actions", part: "actions" }, index.h("slot", { key: '322fefefddfe8ba575185fa093a980197f267311', name: "actions" })), index.h("div", { key: '22243bc4a6d4723843c490b9fa41796f31f401f8', class: "pop__head" }, this.dot && index.h("span", { key: '09d3e746f133432f0946e023e93aa92bcf5f9952', class: "pop__dot", style: this.color ? { background: this.color } : {} }), index.h("div", { key: '27d6f3ca1896ea02e08515db3fc8a7a58a51daeb', class: "pop__body", part: "body" }, index.h("slot", { key: 'd098bfca183fe303f6cb85f496f7ed1914b5e26b' }))))));
+        return (index.h(index.Host, { key: '9796ba38e83610ddb390dcab0818baf6bededc72' }, index.h("div", { key: 'e08bba8ebefb5206cbdd7a554e25ff9f4fcf9541', class: "pop", popover: "manual", role: "dialog", "aria-modal": "false", "aria-label": this.popoverLabel, tabIndex: -1, ref: (el) => (this.panelEl = el) }, index.h("div", { key: '185e30ed1640cbfb04e056d7a3433df2f5b94e06', class: "pop__actions", part: "actions" }, index.h("slot", { key: 'db04986cc1b63d52c5f1cc6579b5d00dbd46e476', name: "actions" })), index.h("div", { key: '89bbdc2a255e18d180183dbb127ce05a72ff262d', class: "pop__head" }, this.dot && index.h("span", { key: '6819901baff501958c8214dd7546a90a108c45f5', class: "pop__dot", style: this.color ? { background: this.color } : {} }), index.h("div", { key: '1111598f3ee886a0f2d9360c57278f1d71b76ddc', class: "pop__body", part: "body" }, index.h("slot", { key: '82c5eb8ff0e7752993d8b25b6d33a4d15d7edd25' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.js');
 
 const coFabCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--xl{--co-fab-size:64px;width:64px;height:64px;font-size:var(--co-font-size-16)}.co-fab--l{--co-fab-size:56px;width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{--co-fab-size:48px;width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{--co-fab-size:40px;width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--xl{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--hover-expand{justify-content:flex-start;overflow:hidden;transition:width var(--co-motion-duration-slow) var(--co-motion-ease-in-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out),     box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand.co-fab--xl{padding:0 20px}.co-fab--hover-expand.co-fab--l{padding:0 16px}.co-fab--hover-expand.co-fab--m{padding:0 14px}.co-fab--hover-expand.co-fab--s{padding:0 11px}.co-fab--hover-expand:hover:not(:disabled),.co-fab--hover-expand:focus-visible{width:calc(var(--co-fab-size) + var(--co-spacing-sm2) + var(--co-fab-label-w, 0px));transition:width var(--co-motion-duration-slower) var(--co-motion-ease-spring), background var(--co-motion-duration-fast) var(--co-motion-ease-out),     box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand co-icon{flex-shrink:0;transition:transform var(--co-motion-duration-slower) var(--co-motion-ease-spring)}.co-fab--hover-expand:hover:not(:disabled) co-icon,.co-fab--hover-expand:focus-visible co-icon{transform:rotate(90deg)}.co-fab--hover-expand .co-fab__label{flex-shrink:0;opacity:0;transform:translateX(-6px);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{opacity:1;transform:translateX(0);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out) 0.1s, transform var(--co-motion-duration-slow) var(--co-motion-ease-spring) 0.1s}@media (prefers-reduced-motion: reduce){.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{transition-delay:0s}}.co-fab--primary{background:var(--co-fab-bg, var(--co-color-base-negro, #1f1c1b));color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--bottom-left{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab--top-right{position:fixed;top:var(--co-fab-offset-top, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--top-left{position:fixed;top:var(--co-fab-offset-top, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab__label{line-height:1}`;
 
@@ -8,9 +8,13 @@ const CoFab = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.coClick = index.createEvent(this, "coClick", 7);
+        /** Ícono Phosphor (default `plus`). */
         this.icon = 'plus';
+        /** Estilo: `primary` (negro sólido), `secondary` o `stroke`. */
         this.variant = 'primary';
+        /** Diámetro: `xl` 64 · `l` 56 · `m` 48 (default) · `s` 40 px. */
         this.size = 'm';
+        /** Deshabilita el botón: no emite `coClick`. */
         this.disabled = false;
         /** Fixed position on screen */
         this.position = 'none';
@@ -35,7 +39,7 @@ const CoFab = class {
         const iconSize = this.size === 'xl' ? 24 : this.size === 'l' ? 24 : this.size === 's' ? 18 : 20;
         const hasLabel = !!this.label;
         const hoverExpand = hasLabel && this.expandOnHover;
-        return (index.h("button", { key: 'f0d1612601922430df403628c5349b322ee8e88d', class: {
+        return (index.h("button", { key: 'cae304a87d9ad88c7ea2f1d2f926d018250e6128', class: {
                 'co-fab': true,
                 [`co-fab--${this.variant}`]: true,
                 [`co-fab--${this.size}`]: true,
@@ -43,7 +47,7 @@ const CoFab = class {
                 'co-fab--hover-expand': hoverExpand,
                 'co-fab--disabled': this.disabled,
                 [`co-fab--${this.position}`]: this.position !== 'none',
-            }, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, index.h("co-icon", { key: 'fc53d94af9263b20cfce36656608962158d480ab', name: this.icon, size: iconSize }), this.label && (index.h("span", { key: '5a16cdace79b8fb7b6ead260d14ee4ae018ed02b', class: "co-fab__label", ref: (el) => (this.labelEl = el) }, this.label))));
+            }, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, index.h("co-icon", { key: 'a1384ce9899fb2cbf5f4917cca49fb41480d82f6', name: this.icon, size: iconSize }), this.label && (index.h("span", { key: 'c5d7370d87478218dcce73c3c1d3edbf1c5c4a01', class: "co-fab__label", ref: (el) => (this.labelEl = el) }, this.label))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
-var requiredMark = require('./requiredMark-D-t-IPN0.js');
+var index = require('./index-bHoidDwv.js');
+var requiredMark = require('./requiredMark-21yHvvZS.js');
 var fileI18n = require('./fileI18n-6sdbKvo6.js');
 
 /** Format bytes like the Figma spec: "59.25 KB" (base 1024, up to 2 decimals). */
@@ -110,9 +110,13 @@ const CoFileField = class {
         this.coReorder = index.createEvent(this, "coReorder", 3);
         this.coCopy = index.createEvent(this, "coCopy", 3);
         this.coPreviewOpen = index.createEvent(this, "coPreviewOpen", 3);
+        /** Deshabilita el campo: no acepta archivos ni acciones. */
         this.disabled = false;
+        /** Solo lectura: muestra los archivos sin permitir subir, quitar ni reordenar. */
         this.readonly = false;
+        /** Campo obligatorio: marca la etiqueta con el indicador de requerido. */
         this.required = false;
+        /** Varios archivos: lista de subidos (con `max` y reordenamiento opcional); sin él, un solo archivo. */
         this.multiple = false;
         /** Max number of files (multiple mode). */
         this.maxFiles = 100;
@@ -440,12 +444,12 @@ const CoFileField = class {
         const previews = this.previewItems();
         const canReorder = this.reorderable && this.multiple && !this.disabled && !this.readonly && items.length > 1;
         const capacity = this.capacityHint(s);
-        return (index.h("div", { key: '47a8258c141901fcb3621a24d638f0849946172e', class: {
+        return (index.h("div", { key: 'ee6fa70ea7fd466ec315eff1b6f3d044b1c6c6d9', class: {
                 'co-file-field': true,
                 'co-file-field--disabled': this.disabled,
                 'co-file-field--invalid': this.isInvalid,
                 [statusClass]: !!statusClass,
-            }, part: "wrapper" }, this.label && (index.h("div", { key: '603d04815a5730f45a2462d6c2904de4c7aa83af', class: "co-file-field__labels" }, index.h("label", { key: 'e280970feef1f6fad7c9ce336a5002746231a7c6', class: "co-file-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '075b35392df1a5be556dcc9dcbd2130d0a3c91a1', required: this.required })))), showDropzone && (index.h("div", { key: 'd9dec9f08bc063239bd7b75acc43813ab3f9aebb', class: {
+            }, part: "wrapper" }, this.label && (index.h("div", { key: '48a181a0cb1e0c53da9d61a856f3d2cc5e97d079', class: "co-file-field__labels" }, index.h("label", { key: '47f162d9fdad44d4c8c8f7756c901eea216b7627', class: "co-file-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '4549d57f016e2874ea7b141d9dc83e09c38bdbf3', required: this.required })))), showDropzone && (index.h("div", { key: '3d16ff2e38de335e5fba78931cd6b1b009603a70', class: {
                 'co-file-field__dropzone': true,
                 'co-file-field__dropzone--drag': this.dragOver,
             }, part: "dropzone", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleBrowse, onKeyDown: (e) => {
@@ -453,7 +457,7 @@ const CoFileField = class {
                     e.preventDefault();
                     this.handleBrowse();
                 }
-            }, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, index.h("button", { key: '61afb508be3e46257e2ffdb2bdc62d66e37055ed', class: "co-file-field__upload-btn", part: "upload-button", type: "button", tabIndex: -1 }, index.h("co-icon", { key: '96bb8ef3107abbee44fb5bd7c80ff2cbf39915ec', name: "file-arrow-up", size: 18 }), index.h("span", { key: '53950664f09064e29d1427530058e0634b287a92' }, this.uploadButtonText || s.uploadButton)), index.h("span", { key: 'de085f9dac492ea1b7db278a34e25ec2a8baa1d3', class: "co-file-field__dropzone-text" }, this.dropText || s.dropHint), capacity && index.h("span", { key: '1617a52c9773a31ff8617e7310401a95911ecc2f', class: "co-file-field__dropzone-hint" }, capacity), index.h("div", { key: 'f6f07691b5ec339f2ae0fa302415dd3dba04fe69', class: "co-file-field__actions", part: "actions" }, index.h("slot", { key: 'b5332b03438a34a82ffb565b1d2901a69729af61', name: "actions" })), index.h("input", { key: '5d0089ebcd857f1fa97bedcd743ab0530e75715a', ref: (el) => (this.inputEl = el), class: "co-file-field__input", type: "file", multiple: this.multiple, accept: this.inputAccept, disabled: this.disabled, onChange: this.handleInputChange, "aria-hidden": "true", tabIndex: -1 }))), items.length > 0 && (index.h("div", { key: 'cec19c438ec510dbae564c33dd3e6b739e156294', class: "co-file-field__uploaded" }, this.multiple && (index.h("div", { key: 'e97f2fe09fb30521d5b22238d2714d8f1002a2ed', class: "co-file-field__uploaded-title", part: "uploaded-title" }, `${this.uploadedTitle || s.uploadedTitle} (${items.length})`)), previews.length > 0 && (index.h("div", { key: '569f37799d34182ff00996dd011232daf7f141a8', class: "co-file-field__previews", part: "previews" }, previews.map((item) => {
+            }, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, index.h("button", { key: 'e9a2c51a238455e7887e8310c02ac739ebf89e4e', class: "co-file-field__upload-btn", part: "upload-button", type: "button", tabIndex: -1 }, index.h("co-icon", { key: '5a6fe016b2e26896a8b788bb1473c5434d71e85f', name: "file-arrow-up", size: 18 }), index.h("span", { key: 'e69793c228fef62c5c0aec07f5f038aa3e931b3b' }, this.uploadButtonText || s.uploadButton)), index.h("span", { key: '7343bd26d1132ac6b0b0ded57f1a2a32f228d0e8', class: "co-file-field__dropzone-text" }, this.dropText || s.dropHint), capacity && index.h("span", { key: 'd7b68c8723c91b80b124298e29c9165c2489f59f', class: "co-file-field__dropzone-hint" }, capacity), index.h("div", { key: '38318d6e86a90cc8faf6955ea480b39d242d8122', class: "co-file-field__actions", part: "actions" }, index.h("slot", { key: 'ad9f134cd0f01b1ed61d8d8966d5a7d40bda0812', name: "actions" })), index.h("input", { key: '8a3b769794a89213a1f02f0b82899e624a5578d6', ref: (el) => (this.inputEl = el), class: "co-file-field__input", type: "file", multiple: this.multiple, accept: this.inputAccept, disabled: this.disabled, onChange: this.handleInputChange, "aria-hidden": "true", tabIndex: -1 }))), items.length > 0 && (index.h("div", { key: '8040d77615d29a691bc2087eddd7298b3922066c', class: "co-file-field__uploaded" }, this.multiple && (index.h("div", { key: 'e4660cdfe20c1b4669b57a4474234161bac4c812', class: "co-file-field__uploaded-title", part: "uploaded-title" }, `${this.uploadedTitle || s.uploadedTitle} (${items.length})`)), previews.length > 0 && (index.h("div", { key: '636e3e35dcb8ad263361e1b652dca23b499e5354', class: "co-file-field__previews", part: "previews" }, previews.map((item) => {
             const key = this.keyFor(item);
             const video = isVideo(item);
             // A video without a usable poster still gets a card — the
@@ -464,7 +468,7 @@ const CoFileField = class {
                     'co-file-field__preview': true,
                     'co-file-field__preview--video': video,
                 }, part: "preview", type: "button", key: `prev-${key}`, title: item.name, "aria-label": `${video ? s.playVideo : s.openPreview}: ${item.name}`, onClick: () => this.handlePreviewOpen(item) }, showImg && (index.h("img", { src: video ? poster : item.thumbnail || item.url, alt: item.name, loading: "lazy", onError: () => this.handlePreviewError(item) })), video && (index.h("span", { class: "co-file-field__preview-play", "aria-hidden": "true" }, index.h("span", { class: "co-file-field__preview-play-badge" }, index.h("co-icon", { name: "play", size: 20, weight: "fill" })), !poster && (index.h("span", { class: "co-file-field__preview-ext" }, fileExtension(item).toUpperCase()))))));
-        }))), index.h("ul", { key: '2de5c71b79f82cd50c5aea5818d9848956eeb1eb', class: "co-file-field__list", part: "list" }, items.map((item) => {
+        }))), index.h("ul", { key: 'b67b8c43f8c02c65e780b3fa644123bf0f29d69b', class: "co-file-field__list", part: "list" }, items.map((item) => {
             const key = this.keyFor(item);
             const draggable = canReorder && item.status === 'done';
             return (index.h("li", { class: {
@@ -488,10 +492,10 @@ const CoFileField = class {
                     'co-file-field__action': true,
                     'co-file-field__action--copied': this.copiedKey === key,
                 }, type: "button", tabIndex: -1, "aria-label": s.copyUrl, onClick: () => this.handleCopy(item) }, index.h("co-icon", { name: this.copiedKey === key ? 'check' : 'copy', size: 18 })))), !this.disabled && !this.readonly && (index.h("co-tooltip", { content: s.removeFile }, index.h("button", { class: "co-file-field__action", type: "button", tabIndex: -1, "aria-label": s.removeFile, onClick: () => this.coRemove.emit(key) }, index.h("co-icon", { name: "trash", size: 18 }))))));
-        })))), helper && (index.h("div", { key: 'a6a14de91f12490b54717153520e3f59b9c9ef10', class: {
+        })))), helper && (index.h("div", { key: 'ff75602503a198d8598d2b35fd881c848a7b76d6', class: {
                 'co-file-field__helper': true,
                 'co-file-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: '500ff53b0e1b4f894891bfc3f442ca170a2da2d0', name: "warning-circle", size: 14, class: "co-file-field__helper-icon" })), index.h("span", { key: 'c723bcbf23a6bcecb9f781aede09120f78fe9b55', class: "co-file-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: 'af79e0b999c781560c316023897aaa850b1d6ae0', name: "warning-circle", size: 14, class: "co-file-field__helper-icon" })), index.h("span", { key: 'b5af4dab0d3c7dc317265604159a95f3bf8d200d', class: "co-file-field__helper-text" }, helper)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/co-file-type-tile.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.js');
 
 /** Extension → type bucket. Unknown extensions fall back to `file`. */
 const EXT_TO_TYPE = {
@@ -76,7 +76,7 @@ const CoFileTypeTile = class {
         const iconSize = Math.round(this.size * 0.5);
         const background = this.colorTags ? meta.tint : 'var(--co-color-gray-100)';
         const color = this.colorTags ? meta.accent : 'var(--co-color-gray-600)';
-        return (index.h("span", { key: '0cbc40f94f5d917b4f3c35e0a9678daa81a58624', class: {
+        return (index.h("span", { key: 'da0b0b3e48e1847bd7c74e32bec23abc074f53a7', class: {
                 'co-file-type-tile': true,
                 [`co-file-type-tile--${type}`]: true,
                 'co-file-type-tile--mono': !this.colorTags,
@@ -86,7 +86,7 @@ const CoFileTypeTile = class {
                 borderRadius: `${this.radius}px`,
                 background,
                 color,
-            } }, index.h("co-icon", { key: 'c5245ababcc734116d4e71dd48e41bf66d02fdff', name: meta.icon, size: iconSize, weight: "fill" })));
+            } }, index.h("co-icon", { key: '70034ff2279181498ba2481fb3709cae3016901d', name: meta.icon, size: iconSize, weight: "fill" })));
     }
 };
 CoFileTypeTile.style = coFileTypeTileCss();

package/dist/cjs/co-gradient-bar.cjs.entry.js

@@ -0,0 +1,220 @@
+'use strict';
+
+var index = require('./index-bHoidDwv.js');
+var gradientStops = require('./gradientStops-CMpH4fB_.js');
+var dateI18n = require('./dateI18n-BK2qHqoC.js');
+require('./color-DQVrQGi0.js');
+require('./hsv-DpfSF3M2.js');
+
+/**
+ * Diccionario de strings de co-gradient-bar (aria labels). Misma estrategia
+ * que carouselI18n/dateI18n: es/en/pt resueltos por la prop `locale`. Las
+ * plantillas usan `{i}` / `{n}` / `{p}`.
+ */
+const DICT = {
+    es: {
+        barLabel: 'Degradado',
+        stopLabel: 'Parada {i} de {n}, {p}%',
+    },
+    en: {
+        barLabel: 'Gradient',
+        stopLabel: 'Stop {i} of {n}, {p}%',
+    },
+    pt: {
+        barLabel: 'Degradê',
+        stopLabel: 'Parada {i} de {n}, {p}%',
+    },
+};
+/** Resuelve los strings integrados para un locale. */
+function getGradientBarStrings(locale) {
+    return DICT[dateI18n.langFromLocale(locale)];
+}
+
+const coGradientBarCss = () => `:host{display:block;width:100%}:host([hidden]){display:none}.co-gradient-bar{position:relative;padding:9px 8px 0;box-sizing:border-box}.co-gradient-bar__track{position:relative;height:24px;border-radius:6px;cursor:copy;touch-action:none;user-select:none;-webkit-user-select:none}.co-gradient-bar--transparent .co-gradient-bar__track{background:conic-gradient(var(--co-color-gray-200) 25%, #ffffff 0 50%, var(--co-color-gray-200) 0 75%, #ffffff 0) 0 0 / 12px 12px}.co-gradient-bar__fill{position:absolute;inset:0;border-radius:6px;pointer-events:none}.co-gradient-bar__track::after{content:'';position:absolute;inset:0;border-radius:6px;box-shadow:inset 0 0 0 1px var(--co-semantic-border-hairline);pointer-events:none}.co-gradient-bar__handle{position:absolute;top:0;left:0;width:16px;height:16px;box-sizing:border-box;transform:translate(-50%, -50%);border-radius:3px;border:2px solid var(--co-color-opacity-negro-16);background:linear-gradient(to right, var(--co-gradient-bar-stop-opaque, var(--co-gradient-bar-stop-color)) 50%, transparent 50%),     linear-gradient(var(--co-gradient-bar-stop-color), var(--co-gradient-bar-stop-color)),     conic-gradient(var(--co-color-gray-200) 25%, #ffffff 0 50%, var(--co-color-gray-200) 0 75%, #ffffff 0) 0 0 / 6px 6px;box-shadow:0 0 0 1px var(--co-gradient-bar-handle-halo, transparent),     var(--co-gradient-bar-handle-shadow, var(--co-shadow-sm2));cursor:grab;outline:none;touch-action:none;z-index:1}.co-gradient-bar__handle::after{content:'';position:absolute;left:50%;top:calc(100% + 2px);width:6px;height:2px;transform:translateX(-50%);border-radius:1px;background:var(--co-color-opacity-negro-16)}.co-gradient-bar__handle--selected{border-color:var(--co-semantic-accent);z-index:2}.co-gradient-bar__handle--selected::after{background:var(--co-semantic-accent)}.co-gradient-bar__handle:focus-visible{box-shadow:0 0 0 1px var(--co-gradient-bar-handle-halo, transparent),     0 0 0 2px var(--co-semantic-border-focus),     var(--co-gradient-bar-handle-shadow, var(--co-shadow-sm2))}.co-gradient-bar--dragging .co-gradient-bar__handle{cursor:grabbing}.co-gradient-bar--disabled{opacity:0.4}.co-gradient-bar--disabled .co-gradient-bar__track,.co-gradient-bar--disabled .co-gradient-bar__handle{cursor:not-allowed}`;
+
+const CoGradientBar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.coStopMove = index.createEvent(this, "coStopMove", 7);
+        this.coStopsChange = index.createEvent(this, "coStopsChange", 7);
+        this.coStopSelect = index.createEvent(this, "coStopSelect", 7);
+        this.coStopAdd = index.createEvent(this, "coStopAdd", 7);
+        /** Paradas del degradado: `position` 0–100, `color` hex/rgba. */
+        this.stops = [];
+        /** Deshabilita toda interacción; no se emite ningún evento. */
+        this.disabled = false;
+        /** Índice de la parada en arrastre; -1 sin gesto. */
+        this.dragIndex = -1;
+        /** Posición viva de la parada en arrastre. */
+        this.dragPosition = 0;
+        this.pointerId = -1;
+        /** Desplazamiento entre el puntero y el centro del handle al agarrarlo, para que no salte. */
+        this.grabOffset = 0;
+        /** Hubo al menos un `coStopMove` en el gesto → al soltar se emite `coStopsChange`. */
+        this.dragMoved = false;
+        // ── Agregar parada ────────────────────────────────────────────────────
+        this.handleTrackClick = (e) => {
+            var _a;
+            if (this.disabled)
+                return;
+            // El click que sigue a un pointerdown/up sobre un handle también burbujea
+            // hasta el track: ahí no se agrega nada.
+            const target = e.target;
+            if ((_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, '.co-gradient-bar__handle'))
+                return;
+            const position = this.positionAt(e.clientX);
+            this.coStopAdd.emit({ position, color: gradientStops.interpolateStopColor(this.stopList, position) });
+        };
+        // ── Seleccionar + arrastrar ───────────────────────────────────────────
+        this.handleHandlePointerDown = (index, e) => {
+            var _a, _b, _c, _d, _e, _f;
+            if (this.disabled)
+                return;
+            // Un segundo puntero (multitouch) durante un arrastre no selecciona ni
+            // secuestra el gesto en curso.
+            if (this.dragIndex >= 0)
+                return;
+            if (e.button !== undefined && e.button !== 0)
+                return;
+            // preventDefault evita la selección de texto; el foco se da a mano.
+            e.preventDefault();
+            const handle = e.currentTarget;
+            (_a = handle === null || handle === void 0 ? void 0 : handle.focus) === null || _a === void 0 ? void 0 : _a.call(handle);
+            this.selected = index;
+            this.coStopSelect.emit(index);
+            // jsdom no implementa setPointerCapture; en el browser retarget-ea el
+            // puntero al handle aunque salga del elemento.
+            if (handle === null || handle === void 0 ? void 0 : handle.setPointerCapture) {
+                try {
+                    handle.setPointerCapture(e.pointerId);
+                }
+                catch (_g) {
+                    /* puntero ya inactivo */
+                }
+            }
+            const start = (_c = (_b = this.stopList[index]) === null || _b === void 0 ? void 0 : _b.position) !== null && _c !== void 0 ? _c : 0;
+            const rect = (_d = this.trackEl) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect();
+            const centerX = ((_e = rect === null || rect === void 0 ? void 0 : rect.left) !== null && _e !== void 0 ? _e : 0) + (((_f = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _f !== void 0 ? _f : 0) * start) / 100;
+            this.grabOffset = rect && rect.width > 0 ? e.clientX - centerX : 0;
+            this.pointerId = e.pointerId;
+            this.dragIndex = index;
+            this.dragPosition = start;
+            this.dragMoved = false;
+            this.bindWindow();
+        };
+        this.handleWindowPointerMove = (e) => {
+            if (e.pointerId !== this.pointerId || this.dragIndex < 0)
+                return;
+            const position = this.positionAt(e.clientX - this.grabOffset);
+            if (position === this.dragPosition)
+                return;
+            this.dragPosition = position;
+            this.dragMoved = true;
+            this.coStopMove.emit({ index: this.dragIndex, position });
+        };
+        this.handleWindowPointerUp = (e) => {
+            if (e.pointerId !== this.pointerId)
+                return;
+            this.endDrag();
+        };
+        // ── Teclado ───────────────────────────────────────────────────────────
+        this.handleHandleKeyDown = (index, e) => {
+            var _a, _b;
+            if (this.disabled)
+                return;
+            const current = (_b = (_a = this.stopList[index]) === null || _a === void 0 ? void 0 : _a.position) !== null && _b !== void 0 ? _b : 0;
+            let next;
+            if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
+                const delta = (e.key === 'ArrowRight' ? 1 : -1) * (e.shiftKey ? 10 : 1);
+                next = gradientStops.stepPosition(current, delta);
+            }
+            else if (e.key === 'Home') {
+                next = 0;
+            }
+            else if (e.key === 'End') {
+                next = 100;
+            }
+            else {
+                return;
+            }
+            e.preventDefault();
+            // Acotado en el borde: sin cambio real no hay paso de historial.
+            if (next === current)
+                return;
+            this.coStopsChange.emit(this.withPosition(index, next));
+        };
+    }
+    disconnectedCallback() {
+        this.unbindWindow();
+    }
+    // ── Geometría ──────────────────────────────────────────────────────────
+    positionAt(clientX) {
+        var _a, _b, _c;
+        const rect = (_a = this.trackEl) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        return gradientStops.positionFromPointer(clientX, (_b = rect === null || rect === void 0 ? void 0 : rect.left) !== null && _b !== void 0 ? _b : 0, (_c = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _c !== void 0 ? _c : 0);
+    }
+    /** `stops` del host; un `undefined` explícito (wrappers React/Vue) cuenta como vacío. */
+    get stopList() {
+        var _a;
+        return (_a = this.stops) !== null && _a !== void 0 ? _a : [];
+    }
+    withPosition(index, position) {
+        return this.stopList.map((s, i) => (i === index ? Object.assign(Object.assign({}, s), { position }) : s));
+    }
+    /** Paradas a pintar: las del host, con la que se arrastra en su posición viva. */
+    liveStops() {
+        return this.dragIndex >= 0 ? this.withPosition(this.dragIndex, this.dragPosition) : this.stopList;
+    }
+    endDrag() {
+        this.unbindWindow();
+        const index = this.dragIndex;
+        const position = this.dragPosition;
+        const moved = this.dragMoved;
+        this.pointerId = -1;
+        this.dragIndex = -1;
+        this.dragMoved = false;
+        if (index >= 0 && moved) {
+            this.coStopsChange.emit(this.withPosition(index, position));
+        }
+    }
+    bindWindow() {
+        window.addEventListener('pointermove', this.handleWindowPointerMove);
+        window.addEventListener('pointerup', this.handleWindowPointerUp);
+        window.addEventListener('pointercancel', this.handleWindowPointerUp);
+    }
+    unbindWindow() {
+        window.removeEventListener('pointermove', this.handleWindowPointerMove);
+        window.removeEventListener('pointerup', this.handleWindowPointerUp);
+        window.removeEventListener('pointercancel', this.handleWindowPointerUp);
+    }
+    // ── Render ────────────────────────────────────────────────────────────
+    render() {
+        const s = getGradientBarStrings(this.locale);
+        const live = this.liveStops();
+        const n = live.length;
+        const hasSelection = this.selected != null && this.selected >= 0 && this.selected < n;
+        return (index.h("div", { key: '10e1f78165d061dd08141de0a0ca885f15b7ff83', class: {
+                'co-gradient-bar': true,
+                'co-gradient-bar--disabled': this.disabled,
+                'co-gradient-bar--dragging': this.dragIndex >= 0,
+                'co-gradient-bar--transparent': gradientStops.hasTransparentStop(live),
+            }, role: "group", "aria-label": this.label || s.barLabel, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("div", { key: 'e591b6e6d74ee9c9f3b9992f6d12cfd360f9fa49', class: "co-gradient-bar__track", part: "track", ref: (el) => (this.trackEl = el), onClick: this.handleTrackClick }, index.h("div", { key: 'fd5b93939df8988a08b8ab9f1fab36cc3eb24096', class: "co-gradient-bar__fill", style: { background: gradientStops.gradientCss(live) } }), live.map((stop, i) => {
+            const selected = i === this.selected;
+            // Roving tabindex: una sola parada de tab (la seleccionada, o la primera).
+            const tabbable = hasSelection ? selected : i === 0;
+            return (index.h("div", { key: i, class: {
+                    'co-gradient-bar__handle': true,
+                    'co-gradient-bar__handle--selected': selected,
+                }, part: "handle", role: "slider", "aria-label": s.stopLabel.replace('{i}', String(i + 1)).replace('{n}', String(n)).replace('{p}', String(stop.position)), "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": String(stop.position), "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled || !tabbable ? -1 : 0, style: {
+                    left: `${stop.position}%`,
+                    '--co-gradient-bar-stop-color': stop.color,
+                    // Mitad "sólida" del chip partido (Figma): el color sin alpha.
+                    '--co-gradient-bar-stop-opaque': gradientStops.opaqueColor(stop.color),
+                }, onPointerDown: (e) => this.handleHandlePointerDown(i, e), onKeyDown: (e) => this.handleHandleKeyDown(i, e) }));
+        }))));
+    }
+    get el() { return index.getElement(this); }
+};
+CoGradientBar.style = coGradientBarCss();
+
+exports.co_gradient_bar = CoGradientBar;

package/dist/cjs/co-helper-text.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.js');
 
 const coHelperTextCss = () => `:host{display:block}.co-helper-text{display:flex;align-items:center;gap:var(--co-spacing-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);line-height:1.4}.co-helper-text__icon{flex-shrink:0}.co-helper-text--default{color:var(--co-semantic-text-muted)}.co-helper-text--error{color:var(--co-semantic-status-error)}.co-helper-text--success{color:var(--co-semantic-status-success)}.co-helper-text--warning{color:var(--co-semantic-status-warning)}.co-helper-text--info{color:var(--co-semantic-status-info)}`;
 
@@ -18,10 +18,10 @@ const CoHelperText = class {
         };
     }
     render() {
-        return (index.h("div", { key: '2c4ae2b671b16dfda50eea3dd33b92c5661812fb', class: {
+        return (index.h("div", { key: '12a67e485fed5d931c4325a0139d3ae7669b8de4', class: {
                 'co-helper-text': true,
                 [`co-helper-text--${this.status}`]: true,
-            }, part: "helper-text" }, index.h("co-icon", { key: '18a15852e651204d06279be5a685c79ed927c6d0', name: this.STATUS_ICON[this.status], size: 14, weight: "fill", class: "co-helper-text__icon" }), index.h("span", { key: '62c3d084abd1b62f90b2631953f51306293b23b7', class: "co-helper-text__message" }, index.h("slot", { key: '06604123763ac0f84fe1bc2ec1dd840d6ee2756d' }, this.message))));
+            }, part: "helper-text" }, index.h("co-icon", { key: '5bdb8635fa1654a9e10176c9818ba4197fc252e8', name: this.STATUS_ICON[this.status], size: 14, weight: "fill", class: "co-helper-text__icon" }), index.h("span", { key: 'c2f165cc0226ea1d799c62d0929d6acbf5cc1b98', class: "co-helper-text__message" }, index.h("slot", { key: 'd8315ea3ea6c002f83f1d936f9a3521831593b3d' }, this.message))));
     }
 };
 CoHelperText.style = coHelperTextCss();