@prolibu-suite/cobalt-core 0.6.0 → 0.8.0

package/dist/esm/{dates-tPYikBRJ.js → dates-BU7SQCje.js}

@@ -238,6 +238,27 @@ function monthNameIndex(locale) {
     return map;
 }
 // ── Display formatting ──────────────────────────────────────────────────────
+/**
+ * Cached localized month name, keyed by (locale, style, month) — the 1-12
+ * month index is all that determines the name (the day/year are irrelevant),
+ * so a fresh `Intl.DateTimeFormat` per formatted date is wasted work once a
+ * (locale, style) pair has been seen for that month.
+ */
+const MONTH_NAME_CACHE = new Map();
+function localizedMonthName(locale, style, month) {
+    const key = `${locale}|${style}|${month}`;
+    let name = MONTH_NAME_CACHE.get(key);
+    if (name === undefined) {
+        const fmt = new Intl.DateTimeFormat(locale, { month: style });
+        name = fmt.format(new Date(2020, month - 1, 1));
+        if (style === 'short')
+            name = stripTrailingDot(name);
+        if (MONTH_NAME_CACHE.size > 1000)
+            MONTH_NAME_CACHE.clear(); // hygiene, not LRU
+        MONTH_NAME_CACHE.set(key, name);
+    }
+    return name;
+}
 /**
  * Format "YYYY-MM-DD" for display using a token pattern. Supported tokens:
  * `yyyy`, `yy`, `MMMM` (full month name), `MMM` (short month name), `MM`, `M`,
@@ -253,7 +274,6 @@ function formatDisplay(value, displayFormat = 'dd/MM/yyyy', locale = 'en-US') {
     const ymd = parseISO(value);
     if (!ymd)
         return '';
-    const d = toLocalDate(ymd);
     return displayFormat.replace(/yyyy|yy|MMMM|MMM|MM|M|dd|d/g, (tok) => {
         switch (tok) {
             case 'yyyy':
@@ -261,9 +281,9 @@ function formatDisplay(value, displayFormat = 'dd/MM/yyyy', locale = 'en-US') {
             case 'yy':
                 return String(ymd.year).slice(-2);
             case 'MMMM':
-                return new Intl.DateTimeFormat(locale, { month: 'long' }).format(d);
+                return localizedMonthName(locale, 'long', ymd.month);
             case 'MMM':
-                return stripTrailingDot(new Intl.DateTimeFormat(locale, { month: 'short' }).format(d));
+                return localizedMonthName(locale, 'short', ymd.month);
             case 'MM':
                 return pad2(ymd.month);
             case 'M':
@@ -381,11 +401,23 @@ function getMonthMatrix(year, month, firstDayOfWeek = 1, weeks = 6) {
     return rows;
 }
 // ── Locale-aware labels (Intl, fed by local-parts Dates) ────────────────────
+// Result caches for the locale-aware label builders below. Each is 100% pure
+// given its inputs (they format a FIXED reference date, never "now"), so a
+// fresh `Intl.DateTimeFormat` per call (~28-30µs) is wasted once a given
+// input combination has been rendered once — a month/week header re-renders
+// the same (locale, style) combo on every navigation and every re-render.
+const WEEKDAY_LABELS_CACHE = new Map();
+const MONTH_LABEL_CACHE = new Map();
+const FULL_DATE_LABEL_CACHE = new Map();
 /**
  * Weekday short labels starting at `firstDayOfWeek`, in `locale`.
  * e.g. es-CO Monday-first → ["lun.","mar.",...] (caller may trim/uppercase).
  */
 function getWeekdayLabels(locale, firstDayOfWeek = 1, weekday = 'short') {
+    const key = `${locale}|${firstDayOfWeek}|${weekday}`;
+    const cached = WEEKDAY_LABELS_CACHE.get(key);
+    if (cached)
+        return cached;
     const fmt = new Intl.DateTimeFormat(locale, { weekday });
     const labels = [];
     // 2024-01-01 is a Monday; anchor from it then offset to firstDayOfWeek.
@@ -394,23 +426,42 @@ function getWeekdayLabels(locale, firstDayOfWeek = 1, weekday = 'short') {
         const d = new Date(2024, 0, 1 + offset); // local-parts Date
         labels.push(fmt.format(d));
     }
+    if (WEEKDAY_LABELS_CACHE.size > 1000)
+        WEEKDAY_LABELS_CACHE.clear(); // hygiene, not LRU
+    WEEKDAY_LABELS_CACHE.set(key, labels);
     return labels;
 }
 /** Localized "month year" header label, e.g. "junio de 2026". */
 function getMonthLabel(year, month, locale, monthStyle = 'long') {
-    return new Intl.DateTimeFormat(locale, { month: monthStyle, year: 'numeric' }).format(new Date(year, month - 1, 1));
+    const key = `${locale}|${monthStyle}|${year}|${month}`;
+    let label = MONTH_LABEL_CACHE.get(key);
+    if (label === undefined) {
+        label = new Intl.DateTimeFormat(locale, { month: monthStyle, year: 'numeric' }).format(new Date(year, month - 1, 1));
+        if (MONTH_LABEL_CACHE.size > 1000)
+            MONTH_LABEL_CACHE.clear(); // hygiene, not LRU
+        MONTH_LABEL_CACHE.set(key, label);
+    }
+    return label;
 }
 /** Localized full label for a single date, for screen-reader announcements. */
 function getFullDateLabel(value, locale) {
-    const ymd = parseISO(value);
-    if (!ymd)
-        return '';
-    return new Intl.DateTimeFormat(locale, {
-        weekday: 'long',
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric',
-    }).format(toLocalDate(ymd));
+    const key = `${locale}|${value}`;
+    let label = FULL_DATE_LABEL_CACHE.get(key);
+    if (label === undefined) {
+        const ymd = parseISO(value);
+        if (!ymd)
+            return '';
+        label = new Intl.DateTimeFormat(locale, {
+            weekday: 'long',
+            day: 'numeric',
+            month: 'long',
+            year: 'numeric',
+        }).format(toLocalDate(ymd));
+        if (FULL_DATE_LABEL_CACHE.size > 1000)
+            FULL_DATE_LABEL_CACHE.clear(); // hygiene, not LRU
+        FULL_DATE_LABEL_CACHE.set(key, label);
+    }
+    return label;
 }
 
 export { todayYMD as a, addMonths as b, compareYMD as c, addDays as d, getMonthLabel as e, formatDisplay as f, getMonthMatrix as g, isDisabled as h, isValidYMD as i, getWeekdayLabels as j, getFullDateLabel as k, parseFlexible as l, parseISO as p, startOfMonth as s, toLocalDate as t };

package/dist/esm/{fieldChip-ChXW__C5.js → fieldChip-Bb8YIN0J.js}

@@ -1,4 +1,4 @@
-import { h } from './index-tT-aZV0-.js';
+import { h } from './index-BCEz3S-z.js';
 
 const FieldChip = ({ baseClass, label, modifiers = {}, title, key, onRemove, onChipDblClick }, children) => (h("span", { class: Object.assign({ [baseClass]: true }, modifiers), title: title, key: key, onDblClick: onChipDblClick }, children, h("span", { class: `${baseClass}-label` }, label), onRemove && (h("button", { class: `${baseClass}-remove`, type: "button", tabIndex: -1, onClick: onRemove }, h("co-icon", { name: "x-circle", weight: "fill", size: 16 })))));
 

package/dist/esm/{index-tT-aZV0-.js → index-BCEz3S-z.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'cobalt';
 const BUILD = /* cobalt */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
 
 const globalScripts = () => {};
-const globalStyles = ":root{--co-color-base-negro:#1f1c1b;--co-color-base-blanco:#ffffff;--co-color-base-off-white:#f7f6f0;--co-color-primary-verde:#02a270;--co-color-primary-amarillo:#fdbf00;--co-color-primary-azul:#2563eb;--co-color-primary-rosado:#f32a73;--co-color-azul-100:#eff4ff;--co-color-azul-200:#dbe6fe;--co-color-azul-300:#bfd3fe;--co-color-azul-400:#93b4fd;--co-color-azul-500:#6090fa;--co-color-azul-600:#3b76f6;--co-color-azul-700:#2563eb;--co-color-azul-800:#1d58d8;--co-color-azul-900:#1e408a;--co-color-rosado-100:#fef1f6;--co-color-rosado-200:#fde6f0;--co-color-rosado-300:#fdcde2;--co-color-rosado-400:#fda4c8;--co-color-rosado-500:#fb6ba3;--co-color-rosado-600:#f32a73;--co-color-rosado-700:#e41e5c;--co-color-rosado-800:#c61044;--co-color-rosado-900:#a41039;--co-color-amarillo-100:#ffffea;--co-color-amarillo-200:#fffbc5;--co-color-amarillo-300:#fff885;--co-color-amarillo-400:#ffe01b;--co-color-amarillo-500:#fdbf00;--co-color-amarillo-600:#e29500;--co-color-amarillo-700:#bb6902;--co-color-amarillo-800:#985108;--co-color-amarillo-900:#7c420b;--co-color-verde-100:#ecfdf5;--co-color-verde-200:#d0fbe5;--co-color-verde-300:#a5f5d0;--co-color-verde-400:#6beab8;--co-color-verde-500:#31d69a;--co-color-verde-600:#0cbd82;--co-color-verde-700:#02a270;--co-color-verde-800:#027a58;--co-color-verde-900:#046147;--co-color-neutral-100:#e6e5df;--co-color-neutral-200:#eeede7;--co-color-neutral-300:#f3f2ec;--co-color-gray-100:#f6f6f6;--co-color-gray-200:#e3e3e3;--co-color-gray-300:#c4c4c4;--co-color-gray-400:#a0a0a0;--co-color-gray-500:#888888;--co-color-gray-600:#585858;--co-color-gray-700:#1f1c1b;--co-color-gray-800:#0a0a0a;--co-color-secondary-rosado-100:#d74ba0;--co-color-secondary-rosado-50:#ffc8eb;--co-color-secondary-rosado-25:#ffe6f5;--co-color-secondary-rojo-100:#eb1e1e;--co-color-secondary-rojo-50:#ff878c;--co-color-secondary-rojo-25:#ffd7dc;--co-color-secondary-naranja-100:#f0821e;--co-color-secondary-naranja-50:#ffbe82;--co-color-secondary-naranja-25:#ffe6d2;--co-color-secondary-amarillo-100:#fad223;--co-color-secondary-amarillo-50:#ffe67d;--co-color-secondary-amarillo-25:#fffac3;--co-color-secondary-verde-100:#afe664;--co-color-secondary-verde-50:#d7ffb4;--co-color-secondary-verde-25:#ebffc8;--co-color-secondary-oliva-100:#aab43c;--co-color-secondary-oliva-50:#d2dc96;--co-color-secondary-oliva-25:#f0f0d2;--co-color-secondary-turquesa-100:#00afaf;--co-color-secondary-turquesa-50:#3ce1c8;--co-color-secondary-turquesa-25:#c8f0f0;--co-color-secondary-azul-claro-100:#00bee6;--co-color-secondary-azul-claro-50:#6ee6f0;--co-color-secondary-azul-claro-25:#befaff;--co-color-secondary-azul-electrico-100:#000aff;--co-color-secondary-azul-electrico-50:#8095ff;--co-color-secondary-azul-electrico-25:#cce0ff;--co-color-secondary-violeta-100:#5f4bd7;--co-color-secondary-violeta-50:#b9b4ff;--co-color-secondary-violeta-25:#e1e1ff;--co-color-secondary-marron-100:#af7355;--co-color-secondary-marron-50:#d7b9a5;--co-color-secondary-marron-25:#f0e1d7;--co-color-secondary-guinda-100:#811137;--co-color-secondary-guinda-50:#c0889c;--co-color-secondary-guinda-25:#e6cfd7;--co-color-status-success:#0a7724;--co-color-status-bg-success:#ebf9ec;--co-color-status-progress:#2d6cc5;--co-color-status-bg-progress:#eef3fa;--co-color-status-submitted:#7556ca;--co-color-status-bg-submitted:#f4f1fb;--co-color-status-review:#85571f;--co-color-status-bg-review:#fcf5db;--co-color-status-pending:#b45103;--co-color-status-bg-pending:#f9f1eb;--co-color-status-error:#aa2e1b;--co-color-status-bg-error:#ffefef;--co-color-opacity-negro-4:rgba(31, 28, 27, 0.04);--co-color-opacity-negro-8:rgba(31, 28, 27, 0.08);--co-color-opacity-negro-16:rgba(31, 28, 27, 0.16);--co-color-opacity-negro-25:rgba(31, 28, 27, 0.25);--co-color-opacity-negro-50:rgba(31, 28, 27, 0.50);--co-color-opacity-negro-80:rgba(31, 28, 27, 0.80);--co-color-opacity-blanco-4:rgba(255, 255, 255, 0.04);--co-color-opacity-blanco-8:rgba(255, 255, 255, 0.08);--co-color-opacity-blanco-16:rgba(255, 255, 255, 0.16);--co-color-opacity-blanco-25:rgba(255, 255, 255, 0.25);--co-color-opacity-blanco-50:rgba(255, 255, 255, 0.50);--co-color-opacity-blanco-80:rgba(255, 255, 255, 0.80);--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-lg:16px;--co-border-radius-xl:24px;--co-border-radius-2xl:32px;--co-border-radius-3xl:40px;--co-border-radius-4xl:48px;--co-border-radius-5xl:56px;--co-border-radius-6xl:64px;--co-border-radius-full:9999px;--co-shadow-sm:0 1px 2px 0 rgba(26, 26, 26, 0.04);--co-shadow-lg:0 10px 15px -3px rgba(26, 26, 26, 0.05), 0 4px 6px -4px rgba(26, 26, 26, 0.05);--co-spacing-xxs:2px;--co-spacing-xs:4px;--co-spacing-sm:6px;--co-spacing-sm2:8px;--co-spacing-md:12px;--co-spacing-lg:16px;--co-spacing-xl:20px;--co-spacing-2xl:24px;--co-spacing-3xl:32px;--co-spacing-4xl:40px;--co-spacing-5xl:48px;--co-spacing-6xl:56px;--co-spacing-7xl:64px;--co-spacing-8xl:72px;--co-spacing-9xl:80px;--co-spacing-10xl:88px;--co-spacing-11xl:96px;--co-spacing-12xl:104px;--co-spacing-13xl:112px;--co-spacing-14xl:120px;--co-spacing-full:9999px;--co-font-family-primary:'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--co-font-family-mono:'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--co-font-size-10:10px;--co-font-size-12:12px;--co-font-size-14:14px;--co-font-size-16:16px;--co-font-size-18:18px;--co-font-size-20:20px;--co-font-size-22:22px;--co-font-size-24:24px;--co-font-size-26:26px;--co-font-size-30:30px;--co-font-size-32:32px;--co-font-size-36:36px;--co-font-size-40:40px;--co-font-size-44:44px;--co-font-size-48:48px;--co-font-size-50:50px;--co-font-size-56:56px;--co-font-size-64:64px;--co-font-size-72:72px;--co-font-size-80:80px;--co-font-size-96:96px;--co-font-size-104:104px;--co-font-size-112:112px;--co-font-size-128:128px;--co-font-size-144:144px;--co-font-size-160:160px;--co-font-size-180:180px;--co-font-size-200:200px;--co-font-size-220:220px;--co-font-weight-regular:400;--co-font-weight-medium:500;--co-font-weight-semibold:600;--co-font-weight-bold:700;--co-font-line-height-none:1;--co-font-line-height-tight:1.2;--co-font-line-height-snug:1.3;--co-font-line-height-normal:1.5;--co-font-line-height-relaxed:1.6;--co-font-letter-spacing-body:-0.03em;--co-font-letter-spacing-overline:0.08em;--co-semantic-surface-primary:var(--co-color-base-negro);--co-semantic-surface-inverse:var(--co-semantic-surface-primary);--co-semantic-surface-secondary:var(--co-color-base-blanco);--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-muted:var(--co-color-gray-200);--co-semantic-surface-hover:var(--co-color-opacity-negro-4);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-on-primary:var(--co-color-base-blanco);--co-semantic-on-secondary:var(--co-color-base-negro);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-inverse:var(--co-color-base-blanco);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-text-disabled:var(--co-color-gray-400);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-strong:var(--co-color-opacity-negro-50);--co-semantic-border-focus:var(--co-color-opacity-negro-25);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-control-thumb:var(--co-color-base-blanco);--co-semantic-control-shadow:var(--co-color-opacity-negro-16);--co-semantic-status-success:var(--co-color-status-success);--co-semantic-status-error:var(--co-color-status-error);--co-semantic-status-warning:var(--co-color-primary-amarillo);--co-semantic-status-info:var(--co-color-status-progress);--co-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px}:root{--co-color-negro:var(--co-color-base-negro);--co-color-blanco:var(--co-color-base-blanco);--co-color-neutral-beige:var(--co-color-base-off-white);--co-color-secondary-rojo:var(--co-color-secondary-rojo-100);--co-color-secondary-naranja:var(--co-color-secondary-naranja-100);--co-color-secondary-oliva:var(--co-color-secondary-oliva-100);--co-color-secondary-violeta:var(--co-color-secondary-violeta-100);--co-color-secondary-marron:var(--co-color-secondary-marron-100);--co-color-status-success-bg:var(--co-color-status-bg-success);--co-font-family:var(--co-font-family-primary);--co-font-size-11:11px;--co-font-size-13:13px;--co-font-size-28:28px}";
+const globalStyles = ":root{--co-color-base-negro:#1f1c1b;--co-color-base-blanco:#ffffff;--co-color-base-off-white:#f7f6f0;--co-color-primary-verde:#02a270;--co-color-primary-amarillo:#fdbf00;--co-color-primary-azul:#2563eb;--co-color-primary-rosado:#f32a73;--co-color-azul-100:#eff4ff;--co-color-azul-200:#dbe6fe;--co-color-azul-300:#bfd3fe;--co-color-azul-400:#93b4fd;--co-color-azul-500:#6090fa;--co-color-azul-600:#3b76f6;--co-color-azul-700:#2563eb;--co-color-azul-800:#1d58d8;--co-color-azul-900:#1e408a;--co-color-rosado-100:#fef1f6;--co-color-rosado-200:#fde6f0;--co-color-rosado-300:#fdcde2;--co-color-rosado-400:#fda4c8;--co-color-rosado-500:#fb6ba3;--co-color-rosado-600:#f32a73;--co-color-rosado-700:#e41e5c;--co-color-rosado-800:#c61044;--co-color-rosado-900:#a41039;--co-color-amarillo-100:#ffffea;--co-color-amarillo-200:#fffbc5;--co-color-amarillo-300:#fff885;--co-color-amarillo-400:#ffe01b;--co-color-amarillo-500:#fdbf00;--co-color-amarillo-600:#e29500;--co-color-amarillo-700:#bb6902;--co-color-amarillo-800:#985108;--co-color-amarillo-900:#7c420b;--co-color-verde-100:#ecfdf5;--co-color-verde-200:#d0fbe5;--co-color-verde-300:#a5f5d0;--co-color-verde-400:#6beab8;--co-color-verde-500:#31d69a;--co-color-verde-600:#0cbd82;--co-color-verde-700:#02a270;--co-color-verde-800:#027a58;--co-color-verde-900:#046147;--co-color-neutral-100:#e6e5df;--co-color-neutral-200:#eeede7;--co-color-neutral-300:#f3f2ec;--co-color-gray-100:#f6f6f6;--co-color-gray-200:#e3e3e3;--co-color-gray-300:#c4c4c4;--co-color-gray-400:#a0a0a0;--co-color-gray-500:#888888;--co-color-gray-600:#585858;--co-color-gray-700:#1f1c1b;--co-color-gray-800:#0a0a0a;--co-color-secondary-rosado-100:#d74ba0;--co-color-secondary-rosado-50:#ffc8eb;--co-color-secondary-rosado-25:#ffe6f5;--co-color-secondary-rojo-100:#eb1e1e;--co-color-secondary-rojo-50:#ff878c;--co-color-secondary-rojo-25:#ffd7dc;--co-color-secondary-naranja-100:#f0821e;--co-color-secondary-naranja-50:#ffbe82;--co-color-secondary-naranja-25:#ffe6d2;--co-color-secondary-amarillo-100:#fad223;--co-color-secondary-amarillo-50:#ffe67d;--co-color-secondary-amarillo-25:#fffac3;--co-color-secondary-verde-100:#afe664;--co-color-secondary-verde-50:#d7ffb4;--co-color-secondary-verde-25:#ebffc8;--co-color-secondary-oliva-100:#aab43c;--co-color-secondary-oliva-50:#d2dc96;--co-color-secondary-oliva-25:#f0f0d2;--co-color-secondary-turquesa-100:#00afaf;--co-color-secondary-turquesa-50:#3ce1c8;--co-color-secondary-turquesa-25:#c8f0f0;--co-color-secondary-azul-claro-100:#00bee6;--co-color-secondary-azul-claro-50:#6ee6f0;--co-color-secondary-azul-claro-25:#befaff;--co-color-secondary-azul-electrico-100:#000aff;--co-color-secondary-azul-electrico-50:#8095ff;--co-color-secondary-azul-electrico-25:#cce0ff;--co-color-secondary-violeta-100:#5f4bd7;--co-color-secondary-violeta-50:#b9b4ff;--co-color-secondary-violeta-25:#e1e1ff;--co-color-secondary-marron-100:#af7355;--co-color-secondary-marron-50:#d7b9a5;--co-color-secondary-marron-25:#f0e1d7;--co-color-secondary-guinda-100:#811137;--co-color-secondary-guinda-50:#c0889c;--co-color-secondary-guinda-25:#e6cfd7;--co-color-status-success:#0a7724;--co-color-status-bg-success:#ebf9ec;--co-color-status-progress:#2d6cc5;--co-color-status-bg-progress:#eef3fa;--co-color-status-submitted:#7556ca;--co-color-status-bg-submitted:#f4f1fb;--co-color-status-review:#85571f;--co-color-status-bg-review:#fcf5db;--co-color-status-pending:#b45103;--co-color-status-bg-pending:#f9f1eb;--co-color-status-error:#aa2e1b;--co-color-status-bg-error:#ffefef;--co-color-opacity-negro-4:rgba(31, 28, 27, 0.04);--co-color-opacity-negro-8:rgba(31, 28, 27, 0.08);--co-color-opacity-negro-16:rgba(31, 28, 27, 0.16);--co-color-opacity-negro-25:rgba(31, 28, 27, 0.25);--co-color-opacity-negro-50:rgba(31, 28, 27, 0.50);--co-color-opacity-negro-80:rgba(31, 28, 27, 0.80);--co-color-opacity-blanco-4:rgba(255, 255, 255, 0.04);--co-color-opacity-blanco-8:rgba(255, 255, 255, 0.08);--co-color-opacity-blanco-16:rgba(255, 255, 255, 0.16);--co-color-opacity-blanco-25:rgba(255, 255, 255, 0.25);--co-color-opacity-blanco-50:rgba(255, 255, 255, 0.50);--co-color-opacity-blanco-80:rgba(255, 255, 255, 0.80);--co-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px;--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-md:14px;--co-border-radius-lg:16px;--co-border-radius-xl:24px;--co-border-radius-2xl:32px;--co-border-radius-3xl:40px;--co-border-radius-4xl:48px;--co-border-radius-5xl:56px;--co-border-radius-6xl:64px;--co-border-radius-full:9999px;--co-shadow-sm:0 1px 2px 0 rgba(26, 26, 26, 0.04);--co-shadow-lg:0 10px 15px -3px rgba(26, 26, 26, 0.05), 0 4px 6px -4px rgba(26, 26, 26, 0.05);--co-spacing-xxs:2px;--co-spacing-xs:4px;--co-spacing-sm:6px;--co-spacing-sm2:8px;--co-spacing-md:12px;--co-spacing-lg:16px;--co-spacing-xl:20px;--co-spacing-2xl:24px;--co-spacing-3xl:32px;--co-spacing-4xl:40px;--co-spacing-5xl:48px;--co-spacing-6xl:56px;--co-spacing-7xl:64px;--co-spacing-8xl:72px;--co-spacing-9xl:80px;--co-spacing-10xl:88px;--co-spacing-11xl:96px;--co-spacing-12xl:104px;--co-spacing-13xl:112px;--co-spacing-14xl:120px;--co-spacing-full:9999px;--co-font-family-primary:'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--co-font-family-mono:'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--co-font-size-10:10px;--co-font-size-11:11px;--co-font-size-12:12px;--co-font-size-13:13px;--co-font-size-14:14px;--co-font-size-16:16px;--co-font-size-18:18px;--co-font-size-20:20px;--co-font-size-22:22px;--co-font-size-24:24px;--co-font-size-26:26px;--co-font-size-28:28px;--co-font-size-30:30px;--co-font-size-32:32px;--co-font-size-36:36px;--co-font-size-40:40px;--co-font-size-44:44px;--co-font-size-48:48px;--co-font-size-50:50px;--co-font-size-56:56px;--co-font-size-64:64px;--co-font-size-72:72px;--co-font-size-80:80px;--co-font-size-96:96px;--co-font-size-104:104px;--co-font-size-112:112px;--co-font-size-128:128px;--co-font-size-144:144px;--co-font-size-160:160px;--co-font-size-180:180px;--co-font-size-200:200px;--co-font-size-220:220px;--co-font-weight-regular:400;--co-font-weight-medium:500;--co-font-weight-semibold:600;--co-font-weight-bold:700;--co-font-line-height-none:1;--co-font-line-height-tight:1.2;--co-font-line-height-snug:1.3;--co-font-line-height-normal:1.5;--co-font-line-height-relaxed:1.6;--co-font-letter-spacing-body:-0.03em;--co-font-letter-spacing-overline:0.08em;--co-semantic-surface-primary:var(--co-color-base-negro);--co-semantic-surface-secondary:var(--co-color-base-blanco);--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-muted:var(--co-color-gray-200);--co-semantic-surface-hover:var(--co-color-opacity-negro-4);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-on-primary:var(--co-color-base-blanco);--co-semantic-on-secondary:var(--co-color-base-negro);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-inverse:var(--co-color-base-blanco);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-text-disabled:var(--co-color-gray-400);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-strong:var(--co-color-opacity-negro-50);--co-semantic-border-field:var(--co-color-opacity-negro-25);--co-semantic-border-focus:var(--co-color-opacity-negro-50);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-control-thumb:var(--co-color-base-blanco);--co-semantic-control-shadow:var(--co-color-opacity-negro-16);--co-semantic-status-success:var(--co-color-status-success);--co-semantic-status-error:var(--co-color-status-error);--co-semantic-status-warning:var(--co-color-primary-amarillo);--co-semantic-status-info:var(--co-color-status-progress);--co-semantic-surface-inverse:var(--co-semantic-surface-primary)}:root{--co-color-negro:var(--co-color-base-negro);--co-color-blanco:var(--co-color-base-blanco);--co-color-neutral-beige:var(--co-color-base-off-white);--co-color-secondary-rojo:var(--co-color-secondary-rojo-100);--co-color-secondary-naranja:var(--co-color-secondary-naranja-100);--co-color-secondary-oliva:var(--co-color-secondary-oliva-100);--co-color-secondary-violeta:var(--co-color-secondary-violeta-100);--co-color-secondary-marron:var(--co-color-secondary-marron-100);--co-color-status-success-bg:var(--co-color-status-bg-success);--co-font-family:var(--co-font-family-primary);--co-font-size-11:11px;--co-font-size-13:13px;--co-font-size-28:28px}";
 
 /*
  Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com
@@ -119,6 +119,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-accordion.entry.js').then(processMod, consoleError);
+                case 'co-action-bar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-action-bar.entry.js').then(processMod, consoleError);
                 case 'co-app-shell':
                     return import(
                       /* webpackMode: "lazy" */
@@ -147,6 +151,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-card.entry.js').then(processMod, consoleError);
+                case 'co-carousel-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-carousel-item.entry.js').then(processMod, consoleError);
                 case 'co-checkbox-group':
                     return import(
                       /* webpackMode: "lazy" */
@@ -171,6 +179,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-date-range.entry.js').then(processMod, consoleError);
+                case 'co-date-time-picker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-date-time-picker.entry.js').then(processMod, consoleError);
                 case 'co-drive-card':
                     return import(
                       /* webpackMode: "lazy" */
@@ -183,6 +195,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-empty-state.entry.js').then(processMod, consoleError);
+                case 'co-event-popover':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-event-popover.entry.js').then(processMod, consoleError);
                 case 'co-fab':
                     return import(
                       /* webpackMode: "lazy" */
@@ -191,10 +207,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-helper-text.entry.js').then(processMod, consoleError);
-                case 'co-icon-button':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-icon-button.entry.js').then(processMod, consoleError);
                 case 'co-input':
                     return import(
                       /* webpackMode: "lazy" */
@@ -295,10 +307,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-sidebar-nav.entry.js').then(processMod, consoleError);
-                case 'co-skeleton':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-skeleton.entry.js').then(processMod, consoleError);
                 case 'co-slider':
                     return import(
                       /* webpackMode: "lazy" */
@@ -359,6 +367,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-file-type-tile.entry.js').then(processMod, consoleError);
+                case 'co-icon-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-icon-button.entry.js').then(processMod, consoleError);
                 case 'co-list-footer':
                     return import(
                       /* webpackMode: "lazy" */
@@ -371,10 +383,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-checkbox.entry.js').then(processMod, consoleError);
-                case 'co-tooltip':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-tooltip.entry.js').then(processMod, consoleError);
                 case 'co-loader':
                     return import(
                       /* webpackMode: "lazy" */
@@ -383,10 +391,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-popover.entry.js').then(processMod, consoleError);
+                case 'co-audio-player':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-audio-player.entry.js').then(processMod, consoleError);
                 case 'co-bottom-sheet':
                     return import(
                       /* webpackMode: "lazy" */
                       './co-bottom-sheet.entry.js').then(processMod, consoleError);
+                case 'co-carousel':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-carousel.entry.js').then(processMod, consoleError);
                 case 'co-color-picker':
                     return import(
                       /* webpackMode: "lazy" */
@@ -403,18 +419,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-phone-field.entry.js').then(processMod, consoleError);
-                case 'co-calendar-month':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-calendar-month.entry.js').then(processMod, consoleError);
                 case 'co-lightbox':
                     return import(
                       /* webpackMode: "lazy" */
                       './co-lightbox.entry.js').then(processMod, consoleError);
-                case 'co-avatar':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-avatar.entry.js').then(processMod, consoleError);
                 case 'co-overlay':
                     return import(
                       /* webpackMode: "lazy" */
@@ -431,14 +439,26 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-file-field.entry.js').then(processMod, consoleError);
+                case 'co-provider-logo_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-provider-logo_2.entry.js').then(processMod, consoleError);
                 case 'co-chip_2':
                     return import(
                       /* webpackMode: "lazy" */
                       './co-chip_2.entry.js').then(processMod, consoleError);
+                case 'co-avatar_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-avatar_2.entry.js').then(processMod, consoleError);
                 case 'co-calendar_3':
                     return import(
                       /* webpackMode: "lazy" */
                       './co-calendar_3.entry.js').then(processMod, consoleError);
+                case 'co-calendar-month_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-calendar-month_2.entry.js').then(processMod, consoleError);
           }
       }
   return import(

package/dist/esm/{index-Cyrxk8Qq.js → index-RuXxdKzC.js}

@@ -1,5 +1,5 @@
 import { p as purify } from './purify.es-B2QLgWrz.js';
-import { C as COLOR_PALETTE, T as TABLE_CONTEXT_ITEMS, t as toolbarItems } from './toolbar-config-ChibIpZv.js';
+import { C as COLOR_PALETTE, T as TABLE_CONTEXT_ITEMS, t as toolbarItems } from './toolbar-config-WeuPA9Rw.js';
 
 // ::- Persistent data structure representing an ordered mapping from
 // strings to values, with some convenient update methods.
@@ -32716,6 +32716,21 @@ const VariableNode = Node3.create({
                 parseHTML: (el) => el.getAttribute('data-variable-label'),
                 renderHTML: (attrs) => (attrs.label ? { 'data-variable-label': attrs.label } : {}),
             },
+            transform: {
+                default: null,
+                parseHTML: (el) => { try {
+                    return JSON.parse(el.getAttribute('data-transform') || 'null');
+                }
+                catch {
+                    return null;
+                } },
+                renderHTML: (attrs) => (attrs.transform ? { 'data-transform': JSON.stringify(attrs.transform) } : {}),
+            },
+            fallback: {
+                default: null,
+                parseHTML: (el) => el.getAttribute('data-fallback'),
+                renderHTML: (attrs) => (attrs.fallback != null ? { 'data-fallback': attrs.fallback } : {}),
+            },
         };
     },
     parseHTML() {
@@ -32737,12 +32752,24 @@ const VariableNode = Node3.create({
             label,
         ];
     },
+    // Builds the Handlebars expression from the chip attrs. This is an
+    // intentional cross-repo MIRROR of suite-v2's `buildHelperExpression`
+    // (the repos can't share code); keep the two in lock-step.
     renderText({ node }) {
-        return `{{${node.attrs.name || ''}}}`;
+        const path = node.attrs.name || '';
+        const t = node.attrs.transform;
+        const fb = node.attrs.fallback;
+        const lit = (s) => `"${String(s).replace(/"/g, '\\"')}"`;
+        let inner = path;
+        if (t && t.helper)
+            inner = (t.args && t.args.length) ? `${t.helper} ${path} ${t.args.map(lit).join(' ')}` : `${t.helper} ${path}`;
+        if (fb != null && fb !== '')
+            return `{{default ${t && t.helper ? `(${inner})` : path} ${lit(fb)}}}`;
+        return t && t.helper ? `{{${inner}}}` : `{{${path}}}`;
     },
     addCommands() {
         return {
-            insertVariable: (name, label) => ({ commands }) => commands.insertContent({ type: this.name, attrs: { name, label: label ?? null } }),
+            insertVariable: (name, label, extra) => ({ commands }) => commands.insertContent({ type: this.name, attrs: { name, label: label ?? null, transform: extra?.transform ?? null, fallback: extra?.fallback ?? null } }),
         };
     },
 });
@@ -32774,7 +32801,19 @@ const MentionNode = Node3.create({
         };
     },
     parseHTML() {
-        return [{ tag: 'span[data-mention-id]' }];
+        return [
+            { tag: 'span[data-mention-id]' },
+            // Markup V1 (quill-mention) — notas históricas y el contrato que el
+            // backend parsea para notificar. class="mention" no sobrevive al
+            // sanitizer, así que el selector ancla en los data-attrs.
+            {
+                tag: 'span[data-denotation-char="@"][data-id]',
+                getAttrs: (el) => ({
+                    id: el.getAttribute('data-id'),
+                    label: el.getAttribute('data-value'),
+                }),
+            },
+        ];
     },
     renderHTML({ node, HTMLAttributes }) {
         const label = node.attrs.label || '';
@@ -34765,6 +34804,102 @@ const CobaltTaskItem = TaskItem.extend({}).configure({
     onReadOnlyChecked: () => true,
 });
 
+/**
+ * EmailButton — atomic block node for a call-to-action button in the
+ * block-email editor. Serialized to email HTML elsewhere (via MJML), so this
+ * node only carries the editing schema: `{ label, href, bg, color }` on a
+ * `<div data-type="email-button">`.
+ */
+const EmailButton = Node3.create({
+    name: 'emailButton',
+    group: 'block',
+    atom: true,
+    selectable: true,
+    addAttributes() {
+        return {
+            label: { default: 'Button', parseHTML: (el) => el.getAttribute('data-label'), renderHTML: (a) => (a.label ? { 'data-label': a.label } : {}) },
+            href: { default: '', parseHTML: (el) => el.getAttribute('data-href'), renderHTML: (a) => (a.href ? { 'data-href': a.href } : {}) },
+            bg: { default: '', parseHTML: (el) => el.getAttribute('data-bg'), renderHTML: (a) => (a.bg ? { 'data-bg': a.bg } : {}) },
+            color: { default: '', parseHTML: (el) => el.getAttribute('data-color'), renderHTML: (a) => (a.color ? { 'data-color': a.color } : {}) },
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'div[data-type="email-button"]' }];
+    },
+    renderHTML({ node, HTMLAttributes }) {
+        return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'email-button', class: 'co-rte-email-button', contenteditable: 'false' }), node.attrs.label || 'Button'];
+    },
+    addCommands() {
+        return {
+            insertEmailButton: (attrs) => ({ commands }) => commands.insertContent({ type: this.name, attrs }),
+        };
+    },
+});
+
+/**
+ * EmailDivider — atomic block node for a horizontal rule in the block-email
+ * editor. Carries `{ color }` on a `<div data-type="email-divider">`; the
+ * sendable HTML is produced elsewhere (via MJML).
+ */
+const EmailDivider = Node3.create({
+    name: 'emailDivider',
+    group: 'block',
+    atom: true,
+    selectable: true,
+    addAttributes() {
+        return {
+            color: { default: '', parseHTML: (el) => el.getAttribute('data-color'), renderHTML: (a) => (a.color ? { 'data-color': a.color } : {}) },
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'div[data-type="email-divider"]' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'email-divider', class: 'co-rte-email-divider', contenteditable: 'false' })];
+    },
+    addCommands() {
+        return {
+            insertEmailDivider: (attrs) => ({ commands }) => commands.insertContent({ type: this.name, attrs }),
+        };
+    },
+});
+
+/**
+ * EmailSpacer — atomic block node for vertical whitespace in the block-email
+ * editor. Carries `{ height }` (px, default 20) on a
+ * `<div data-type="email-spacer">`; the sendable HTML is produced elsewhere
+ * (via MJML).
+ */
+const EmailSpacer = Node3.create({
+    name: 'emailSpacer',
+    group: 'block',
+    atom: true,
+    selectable: true,
+    addAttributes() {
+        return {
+            height: {
+                default: 20,
+                parseHTML: (el) => {
+                    const v = el.getAttribute('data-height');
+                    return v == null ? 20 : Number(v) || 20;
+                },
+                renderHTML: (a) => (a.height ? { 'data-height': String(a.height) } : {}),
+            },
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'div[data-type="email-spacer"]' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'email-spacer', class: 'co-rte-email-spacer', contenteditable: 'false' })];
+    },
+    addCommands() {
+        return {
+            insertEmailSpacer: (attrs) => ({ commands }) => commands.insertContent({ type: this.name, attrs }),
+        };
+    },
+});
+
 // src/superscript.ts
 var Superscript = Mark.create({
   name: "superscript",
@@ -34903,6 +35038,13 @@ const STARTERKIT_CONFIG = {
         heading: { levels: [1, 2, 3, 4] },
         link: LINK_CONFIG,
     },
+    'block-email': {
+        heading: { levels: [2, 3] },
+        code: false,
+        codeBlock: false,
+        horizontalRule: false,
+        link: LINK_CONFIG,
+    },
 };
 /** Default toolbar variant per preset (used when `toolbar="auto"`). */
 const PRESET_TOOLBAR = {
@@ -34910,6 +35052,7 @@ const PRESET_TOOLBAR = {
     task: 'basic',
     email: 'full',
     document: 'full',
+    'block-email': 'basic',
 };
 /** Suggested max length per preset (null = no limit). */
 const PRESET_MAXLENGTH = {
@@ -34917,6 +35060,7 @@ const PRESET_MAXLENGTH = {
     task: 10000,
     email: null,
     document: null,
+    'block-email': null,
 };
 /** Build the ordered extension array for a preset. */
 function getExtensions(preset = 'task', options = {}) {
@@ -34926,7 +35070,7 @@ function getExtensions(preset = 'task', options = {}) {
     // Color requires TextStyle to be registered first. Only presets that keep
     // `style` on output (email/document) get them — comment/task strip the style
     // attribute in the sanitizer, so registering color there breaks lock-step.
-    if (preset === 'email' || preset === 'document') {
+    if (preset === 'email' || preset === 'document' || preset === 'block-email') {
         exts.push(TextStyle, Color);
     }
     // List marker presets (disc/circle/square, decimal/alpha/roman) — wherever
@@ -34944,15 +35088,15 @@ function getExtensions(preset = 'task', options = {}) {
         exts.push(FontSizeExtension, FontFamilyExtension, FontWeightExtension, LineHeightExtension, LetterSpacingExtension, IndentExtension, Superscript, Subscript);
     }
     // TextAlign — document and email presets
-    if (isDocument || preset === 'email') {
+    if (isDocument || preset === 'email' || preset === 'block-email') {
         exts.push(TextAlign.configure({ types: ['heading', 'paragraph'] }));
     }
-    const wantVariables = features.variables ?? (preset === 'email' || preset === 'document');
+    const wantVariables = features.variables ?? (preset === 'email' || preset === 'document' || preset === 'block-email');
     if (wantVariables)
         exts.push(VariableNode);
     if (features.mentions)
         exts.push(MentionNode);
-    const wantImage = features.image ?? preset === 'document';
+    const wantImage = features.image ?? (preset === 'document' || preset === 'block-email');
     if (wantImage) {
         exts.push(ImageWithFileId.configure({
             inline: true,
@@ -34995,6 +35139,11 @@ function getExtensions(preset = 'task', options = {}) {
         exts.push(Highlight.configure({ multicolor: true }));
     }
     // TextAlign is already registered above for all presets.
+    // Block-email layout nodes (CTA button, divider, spacer) — only for the
+    // block-email preset. The block doc is serialized to email HTML via MJML.
+    if (preset === 'block-email') {
+        exts.push(EmailButton, EmailDivider, EmailSpacer);
+    }
     if (includeUiExtensions) {
         if (placeholder)
             exts.push(Placeholder.configure({ placeholder }));
@@ -35012,7 +35161,7 @@ function defaultToolbarForPreset(preset = 'task') {
 function maxLengthForPreset(preset = 'task') {
     return PRESET_MAXLENGTH[preset] ?? null;
 }
-const PRESETS = ['comment', 'task', 'email', 'document'];
+const PRESETS = ['comment', 'task', 'email', 'document', 'block-email'];
 
 /**
  * ProseMirror editorProps that insert pasted/dropped images optimistically
@@ -35247,7 +35396,7 @@ const SANITIZE_CONFIGS = {
             ...BASE_INLINE, 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote',
             'h2', 'h3', 'div', 'img',
         ],
-        ALLOWED_ATTR: [...BASE_ATTR, 'style', 'data-variable', 'src', 'alt', 'width', 'height', 'data-file-id', 'data-image-layout'],
+        ALLOWED_ATTR: [...BASE_ATTR, 'style', 'data-variable', 'data-transform', 'data-fallback', 'src', 'alt', 'width', 'height', 'data-file-id', 'data-image-layout'],
         ALLOW_DATA_ATTR: false,
     },
     document: {
@@ -35260,6 +35409,11 @@ const SANITIZE_CONFIGS = {
         ALLOWED_ATTR: [...BASE_ATTR, 'style', 'data-variable', 'colspan', 'rowspan', 'src', 'alt', 'width', 'height', 'type', 'checked', 'disabled', 'allowfullscreen', 'frameborder', 'allow', 'loading'],
         ALLOW_DATA_ATTR: true,
     },
+    'block-email': {
+        ALLOWED_TAGS: [...BASE_INLINE, 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote', 'h2', 'h3', 'div', 'img'],
+        ALLOWED_ATTR: [...BASE_ATTR, 'style', 'data-variable', 'data-transform', 'data-fallback', 'src', 'alt', 'width', 'height', 'data-file-id', 'data-image-layout', 'data-type', 'data-label', 'data-href', 'data-bg', 'data-color', 'data-height'],
+        ALLOW_DATA_ATTR: false,
+    },
 };
 /**
  * `<iframe>`s are permitted only with an `https:` source (blocks javascript:,
@@ -35288,7 +35442,13 @@ function configFor(preset, features) {
     }
     if (features.variables)
         attr.add('data-variable');
-    // mentions: data-mention-id/label are already in BASE_ATTR for every preset.
+    if (features.mentions) {
+        // data-mention-id/label ya están en BASE_ATTR. Los attrs del markup V1
+        // (quill-mention) se suman porque el BACKEND los parsea para notificar —
+        // re-editar una nota no debe destruirlos.
+        // Espejo inline en core/co-rich-text-viewer.tsx (el viewer no importa este módulo para no cargar el engine) — si cambias esta lista, cambia la del viewer.
+        ['data-id', 'data-value', 'data-denotation-char', 'data-index'].forEach((a) => attr.add(a));
+    }
     return { ...cfg, ALLOWED_TAGS: [...tags], ALLOWED_ATTR: [...attr] };
 }
 /**