@prolibu-suite/cobalt-core 0.9.6 → 0.10.1

package/dist/esm/color-BRbgGqLw.js

@@ -0,0 +1,136 @@
+/**
+ * Shared color utilities for Cobalt components.
+ * WCAG sRGB relative luminance for contrast detection + conversión HSV para el picker.
+ */
+/** Antes privada: la necesita el picker, no sólo `luminance`. */
+function parseHex(hex) {
+    if (!hex || typeof hex !== 'string')
+        return null;
+    const h = hex.trim().replace('#', '');
+    if (!/^[0-9a-f]+$/i.test(h))
+        return null;
+    if (h.length === 3) {
+        return { r: parseInt(h[0] + h[0], 16), g: parseInt(h[1] + h[1], 16), b: parseInt(h[2] + h[2], 16) };
+    }
+    if (h.length === 6) {
+        return { r: parseInt(h.slice(0, 2), 16), g: parseInt(h.slice(2, 4), 16), b: parseInt(h.slice(4, 6), 16) };
+    }
+    return null;
+}
+/**
+ * Clampea a 0–255 y redondea. Un canal no finito cuenta como 0: sin eso,
+ * `NaN.toString(16)` es `'nan'` y salía `'#NAN0000'` — un string truthy que NO es
+ * hex y que el consumidor guarda en el modelo sin enterarse.
+ */
+function rgbToHex(r, g, b) {
+    const to2 = (n) => Math.max(0, Math.min(255, Math.round(Number.isFinite(n) ? n : 0)))
+        .toString(16)
+        .padStart(2, '0')
+        .toUpperCase();
+    return `#${to2(r)}${to2(g)}${to2(b)}`;
+}
+function hexToHsv(hex) {
+    const c = parseHex(hex);
+    if (!c)
+        return null;
+    const r = c.r / 255, g = c.g / 255, b = c.b / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const d = max - min;
+    let h = 0;
+    if (d !== 0) {
+        if (max === r)
+            h = ((g - b) / d) % 6;
+        else if (max === g)
+            h = (b - r) / d + 2;
+        else
+            h = (r - g) / d + 4;
+        h *= 60;
+        if (h < 0)
+            h += 360;
+    }
+    return { h, s: max === 0 ? 0 : (d / max) * 100, v: max * 100 };
+}
+/**
+ * TOTAL por contrato: siempre devuelve un `#RRGGBB` válido, con cualquier entrada
+ * numérica. Un canal no finito (NaN / ±Infinity) entra como 0.
+ * ⚠️ No es paranoia: el arrastre saca el ángulo de `(clientX - rect.left) / rect.width`,
+ * y un panel medido antes del layout (o con `display:none`) da `rect.width === 0`
+ * → NaN/Infinity. Sin este saneo, `table[Math.floor(NaN) % 6]` es `undefined` y el
+ * destructuring TIRA `TypeError` en pleno drag; con `s`/`v` no finitos salía el
+ * string `'#NANNANNAN'`, que es peor porque es truthy y se guarda en el modelo.
+ */
+function hsvToHex({ h, s, v }) {
+    const finite = (n) => (Number.isFinite(n) ? n : 0);
+    const hh = ((finite(h) % 360) + 360) % 360;
+    const S = finite(s) / 100, V = finite(v) / 100;
+    const c = V * S;
+    const x = c * (1 - Math.abs(((hh / 60) % 2) - 1));
+    const m = V - c;
+    const seg = Math.floor(hh / 60);
+    const table = [
+        [c, x, 0],
+        [x, c, 0],
+        [0, c, x],
+        [0, x, c],
+        [x, 0, c],
+        [c, 0, x],
+    ];
+    const [r, g, b] = table[seg % 6];
+    return rgbToHex((r + m) * 255, (g + m) * 255, (b + m) * 255);
+}
+/** 3 o 6 dígitos, con o sin `#`. 8 dígitos NO: este picker no maneja alpha. */
+function isValidHex(v) {
+    return /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test((v || '').trim());
+}
+/**
+ * Normaliza lo que se pega desde otra herramienta. Cubre hex, `rgb()/rgba()` y
+ * `hsl()/hsla()`. NO cubre nombres CSS (`rebeccapurple`): necesitarían una tabla
+ * de 148 entradas o un elemento de medición, y este módulo corre en el proyecto
+ * de tests de Node, sin DOM.
+ */
+function parseCssColor(input) {
+    const s = (input || '').trim();
+    if (!s)
+        return null;
+    if (isValidHex(s)) {
+        const c = parseHex(s);
+        return rgbToHex(c.r, c.g, c.b);
+    }
+    // Los grupos del regex admiten formas que `+` convierte a NaN ('1.2.3', '-', '--5').
+    // Se RECHAZAN (null), no se clampean: ante un pegado corrupto, devolver rojo o negro
+    // sería una mentira, y `null` ya es parte del contrato. Esto NO toca el clamp de lo
+    // bien formado pero fuera de rango — `rgb(300, 300, 300)` sigue dando '#FFFFFF'.
+    const rgb = s.match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:[\s,/]+[\d.%]+)?\s*\)$/i);
+    if (rgb) {
+        const [r, g, b] = [+rgb[1], +rgb[2], +rgb[3]];
+        if (![r, g, b].every(Number.isFinite))
+            return null;
+        return rgbToHex(r, g, b);
+    }
+    const hsl = s.match(/^hsla?\(\s*([\d.-]+)(?:deg)?[\s,]+([\d.]+)%[\s,]+([\d.]+)%(?:[\s,/]+[\d.%]+)?\s*\)$/i);
+    if (hsl) {
+        const H = +hsl[1], L = +hsl[3] / 100, Sl = +hsl[2] / 100;
+        if (![H, L, Sl].every(Number.isFinite))
+            return null;
+        // HSL → HSV, y de ahí al hex por el mismo camino que todo lo demás.
+        const v = L + Sl * Math.min(L, 1 - L);
+        const sv = v === 0 ? 0 : 2 * (1 - L / v);
+        return hsvToHex({ h: H, s: sv * 100, v: v * 100 });
+    }
+    return null;
+}
+/** WCAG sRGB relative luminance (0–1). */
+function luminance(hex) {
+    const c = parseHex(hex);
+    if (!c)
+        return 0;
+    const [rs, gs, bs] = [c.r / 255, c.g / 255, c.b / 255].map((v) => v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4));
+    return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
+}
+/** Returns true when the color is perceptually light (needs dark foreground). */
+function isLightColor(hex) {
+    return luminance(hex) > 0.4;
+}
+
+export { isValidHex as a, hexToHsv as b, hsvToHex as h, isLightColor as i, parseCssColor as p };

package/dist/esm/{dateI18n-CnNpoKwg.js → dateI18n-jYd9gu_c.js}

@@ -39,6 +39,18 @@ const DICT = {
         selectDateTime: 'Seleccionar fecha y hora',
         setDateTime: 'Establecer fecha y hora',
         clearDateTime: 'Limpiar fecha y hora',
+        shortcuts: 'Atajos',
+        timeExact: 'Hora exacta',
+        done: 'Listo',
+        morning: 'Mañana',
+        noon: 'Mediodía',
+        afternoon: 'Tarde',
+        endOfDay: 'Fin del día',
+        now: 'Ahora',
+        hourLabel: 'Hora',
+        minuteLabel: 'Minuto',
+        dayPeriodLabel: 'a. m./p. m.',
+        timeFieldLabel: 'Hora exacta',
     },
     en: {
         prevMonth: 'Previous month',
@@ -71,6 +83,18 @@ const DICT = {
         selectDateTime: 'Select date and time',
         setDateTime: 'Set date and time',
         clearDateTime: 'Clear date and time',
+        shortcuts: 'Shortcuts',
+        timeExact: 'Exact time',
+        done: 'Done',
+        morning: 'Morning',
+        noon: 'Noon',
+        afternoon: 'Afternoon',
+        endOfDay: 'End of day',
+        now: 'Now',
+        hourLabel: 'Hour',
+        minuteLabel: 'Minute',
+        dayPeriodLabel: 'AM/PM',
+        timeFieldLabel: 'Exact time',
     },
     pt: {
         prevMonth: 'Mês anterior',
@@ -103,6 +127,18 @@ const DICT = {
         selectDateTime: 'Selecionar data e hora',
         setDateTime: 'Definir data e hora',
         clearDateTime: 'Limpar data e hora',
+        shortcuts: 'Atalhos',
+        timeExact: 'Hora exata',
+        done: 'Pronto',
+        morning: 'Manhã',
+        noon: 'Meio-dia',
+        afternoon: 'Tarde',
+        endOfDay: 'Fim do dia',
+        now: 'Agora',
+        hourLabel: 'Hora',
+        minuteLabel: 'Minuto',
+        dayPeriodLabel: 'AM/PM',
+        timeFieldLabel: 'Hora exata',
     },
 };
 /** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */

package/dist/esm/{fieldChip-DsAfq1e0.js → fieldChip-uyggU8VV.js}

@@ -1,4 +1,4 @@
-import { h } from './index-CrtiywTB.js';
+import { h } from './index-DH5lfRNj.js';
 
 const FieldChip = ({ baseClass, label, modifiers = {}, style, title, key, onRemove, onChipDblClick }, children) => (h("span", { class: Object.assign({ [baseClass]: true }, modifiers), style: style, 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/fileI18n-gKnOhsd2.js

@@ -0,0 +1,84 @@
+/**
+ * Built-in UI string dictionary for co-file-field.
+ *
+ * Strategy mirrors dateI18n: the component ships es/en/pt strings keyed by the
+ * `locale` prop, with per-string prop overrides (uploadButtonText, dropText,
+ * uploadedTitle, helperText) for full host control. Templates use `{n}` (max
+ * files) and `{x}` (formatted max size) placeholders.
+ */
+const DICT = {
+    es: {
+        uploadButton: 'Cargar archivo',
+        dropHint: 'Arrastra y suelta archivos aquí',
+        helperBoth: 'Puedes subir hasta {n} archivos, cada uno hasta {x}',
+        helperFiles: 'Puedes subir hasta {n} archivos',
+        helperBytes: 'Cada archivo hasta {x}',
+        uploadedTitle: 'Archivos subidos',
+        removeFile: 'Eliminar archivo',
+        copyUrl: 'Copiar enlace',
+        downloadFile: 'Descargar',
+        copied: 'Copiado',
+        dragToReorder: 'Arrastra para reordenar',
+        openPreview: 'Abrir vista previa',
+        playVideo: 'Reproducir video',
+        errInvalidFormat: 'Formato no permitido: .{x}',
+        errTooLarge: 'Archivo demasiado grande: {x}',
+        errMaxFiles: 'Puedes subir hasta {n} archivos',
+    },
+    en: {
+        uploadButton: 'Upload file',
+        dropHint: 'Drag and drop files here',
+        helperBoth: 'You can upload up to {n} files, each up to {x}',
+        helperFiles: 'You can upload up to {n} files',
+        helperBytes: 'Each file up to {x}',
+        uploadedTitle: 'Uploaded files',
+        removeFile: 'Remove file',
+        copyUrl: 'Copy link',
+        downloadFile: 'Download',
+        copied: 'Copied',
+        dragToReorder: 'Drag to reorder',
+        openPreview: 'Open preview',
+        playVideo: 'Play video',
+        errInvalidFormat: 'Invalid format: .{x}',
+        errTooLarge: 'File too large: {x}',
+        errMaxFiles: 'You can upload up to {n} files',
+    },
+    pt: {
+        uploadButton: 'Carregar arquivo',
+        dropHint: 'Arraste e solte arquivos aqui',
+        helperBoth: 'Você pode enviar até {n} arquivos, cada um até {x}',
+        helperFiles: 'Você pode enviar até {n} arquivos',
+        helperBytes: 'Cada arquivo até {x}',
+        uploadedTitle: 'Arquivos enviados',
+        removeFile: 'Remover arquivo',
+        copyUrl: 'Copiar link',
+        downloadFile: 'Baixar',
+        copied: 'Copiado',
+        dragToReorder: 'Arraste para reordenar',
+        openPreview: 'Abrir pré-visualização',
+        playVideo: 'Reproduzir vídeo',
+        errInvalidFormat: 'Formato inválido: .{x}',
+        errTooLarge: 'Arquivo muito grande: {x}',
+        errMaxFiles: 'Você pode enviar até {n} arquivos',
+    },
+};
+/** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */
+function langFromLocale(locale) {
+    const l = (locale || '').toLowerCase();
+    if (l.startsWith('es'))
+        return 'es';
+    if (l.startsWith('pt'))
+        return 'pt';
+    return 'en';
+}
+/** Resolve the built-in UI strings for a locale. */
+function getFileStrings(locale) {
+    return DICT[langFromLocale(locale)];
+}
+/** Fill the `{n}` / `{x}` placeholders of a template string. */
+function fillTemplate(tpl, vars) {
+    var _a, _b;
+    return tpl.replace('{n}', String((_a = vars.n) !== null && _a !== void 0 ? _a : '')).replace('{x}', (_b = vars.x) !== null && _b !== void 0 ? _b : '');
+}
+
+export { fillTemplate as f, getFileStrings as g, langFromLocale as l };

package/dist/esm/{index-RuXxdKzC.js → index-68iUQp5j.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-WeuPA9Rw.js';
+import { C as COLOR_PALETTE, T as TABLE_CONTEXT_ITEMS, t as toolbarItems } from './toolbar-config-DOL2zACE.js';
 
 // ::- Persistent data structure representing an ordered mapping from
 // strings to values, with some convenient update methods.
@@ -35027,6 +35027,13 @@ const STARTERKIT_CONFIG = {
         horizontalRule: false,
         link: LINK_CONFIG,
     },
+    // Notas de cotización (quote builder): task + color/resaltado, sin headings.
+    notes: {
+        heading: false,
+        codeBlock: false,
+        horizontalRule: false,
+        link: LINK_CONFIG,
+    },
     email: {
         heading: { levels: [2, 3] },
         code: false,
@@ -35050,6 +35057,7 @@ const STARTERKIT_CONFIG = {
 const PRESET_TOOLBAR = {
     comment: 'compact',
     task: 'basic',
+    notes: 'notes',
     email: 'full',
     document: 'full',
     'block-email': 'basic',
@@ -35058,6 +35066,7 @@ const PRESET_TOOLBAR = {
 const PRESET_MAXLENGTH = {
     comment: 2000,
     task: 10000,
+    notes: 4000,
     email: null,
     document: null,
     'block-email': null,
@@ -35068,9 +35077,9 @@ function getExtensions(preset = 'task', options = {}) {
     const config = STARTERKIT_CONFIG[preset] ?? STARTERKIT_CONFIG.task;
     const exts = [StarterKit.configure(config)];
     // 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' || preset === 'block-email') {
+    // `style` on output (notes/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' || preset === 'block-email' || preset === 'notes') {
         exts.push(TextStyle, Color);
     }
     // List marker presets (disc/circle/square, decimal/alpha/roman) — wherever
@@ -35134,7 +35143,7 @@ function getExtensions(preset = 'task', options = {}) {
         exts.push(CalloutNode);
     }
     // Highlight — multicolor background (default on for document)
-    const wantHighlight = features.highlight ?? preset === 'document';
+    const wantHighlight = features.highlight ?? (preset === 'document' || preset === 'notes');
     if (wantHighlight) {
         exts.push(Highlight.configure({ multicolor: true }));
     }
@@ -35161,7 +35170,7 @@ function defaultToolbarForPreset(preset = 'task') {
 function maxLengthForPreset(preset = 'task') {
     return PRESET_MAXLENGTH[preset] ?? null;
 }
-const PRESETS = ['comment', 'task', 'email', 'document', 'block-email'];
+const PRESETS = ['comment', 'task', 'notes', 'email', 'document', 'block-email'];
 
 /**
  * ProseMirror editorProps that insert pasted/dropped images optimistically
@@ -35391,6 +35400,14 @@ const SANITIZE_CONFIGS = {
         ALLOWED_ATTR: [...BASE_ATTR, 'type', 'checked', 'disabled', 'data-type', 'data-checked', 'data-variant'],
         ALLOW_DATA_ATTR: false,
     },
+    // Lock-step con getExtensions('notes'): task sin checklists + TextStyle/Color
+    // (`style` capado a STYLE_ALLOWED_PROPS) + Highlight multicolor (`mark` con
+    // `data-color`).
+    notes: {
+        ALLOWED_TAGS: [...BASE_INLINE, 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote', 'mark'],
+        ALLOWED_ATTR: [...BASE_ATTR, 'style', 'data-color'],
+        ALLOW_DATA_ATTR: false,
+    },
     email: {
         ALLOWED_TAGS: [
             ...BASE_INLINE, 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote',
@@ -35452,11 +35469,12 @@ function configFor(preset, features) {
     return { ...cfg, ALLOWED_TAGS: [...tags], ALLOWED_ATTR: [...attr] };
 }
 /**
- * `style` is only allowed in email/document, and even there we cap it to the
- * properties our extensions actually emit (TextStyle/Color/TextAlign). Everything
- * else — position, background-image url(), etc. — is UI-redressing/tracking surface.
+ * `style` is only allowed in notes/email/document, and even there we cap it to
+ * the properties our extensions actually emit (TextStyle/Color/TextAlign,
+ * ListStyleExtension's `list-style-type`). Everything else — position,
+ * background-image url(), etc. — is UI-redressing/tracking surface.
  */
-const STYLE_ALLOWED_PROPS = new Set(['color', 'background-color', 'text-align']);
+const STYLE_ALLOWED_PROPS = new Set(['color', 'background-color', 'text-align', 'list-style-type']);
 /**
  * Sanitize an HTML string for the given preset (+ feature overrides — pass the
  * same `features` you gave `getExtensions`/`createEditor` so the whitelist

package/dist/esm/{index-CrtiywTB.js → index-DH5lfRNj.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-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px;--co-motion-duration-instant:80ms;--co-motion-duration-fast:120ms;--co-motion-duration-base:180ms;--co-motion-duration-slow:240ms;--co-motion-duration-slower:400ms;--co-motion-ease-out:cubic-bezier(0.2, 0, 0, 1);--co-motion-ease-in:cubic-bezier(0.4, 0, 1, 1);--co-motion-ease-in-out:cubic-bezier(0.45, 0, 0.15, 1);--co-motion-ease-spring:cubic-bezier(0.34, 1.25, 0.64, 1);--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)}@media (prefers-reduced-motion: reduce){:root{--co-motion-duration-instant:0.01ms;--co-motion-duration-fast:0.01ms;--co-motion-duration-base:0.01ms;--co-motion-duration-slow:0.01ms;--co-motion-duration-slower:0.01ms}}: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-motion-duration-instant:80ms;--co-motion-duration-fast:150ms;--co-motion-duration-base:250ms;--co-motion-duration-slow:350ms;--co-motion-duration-slower:500ms;--co-motion-ease-out:cubic-bezier(0.22, 1, 0.36, 1);--co-motion-ease-in:cubic-bezier(0.4, 0, 1, 1);--co-motion-ease-in-out:cubic-bezier(0.45, 0, 0.15, 1);--co-motion-ease-spring:cubic-bezier(0.34, 1.36, 0.64, 1);--co-motion-blur-sm:2px;--co-motion-blur-md:3px;--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-8);--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)}@media (prefers-reduced-motion: reduce){:root{--co-motion-duration-instant:0.01ms;--co-motion-duration-fast:0.01ms;--co-motion-duration-base:0.01ms;--co-motion-duration-slow:0.01ms;--co-motion-duration-slower:0.01ms}}@media (prefers-reduced-transparency: reduce){:root{--co-glass-filter:none}}: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
@@ -227,10 +227,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-menu-divider.entry.js').then(processMod, consoleError);
-                case 'co-menu-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-menu-item.entry.js').then(processMod, consoleError);
                 case 'co-modal':
                     return import(
                       /* webpackMode: "lazy" */
@@ -239,10 +235,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-navbar.entry.js').then(processMod, consoleError);
-                case 'co-number-field':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-number-field.entry.js').then(processMod, consoleError);
                 case 'co-page-header':
                     return import(
                       /* webpackMode: "lazy" */
@@ -343,10 +335,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-transfer-list.entry.js').then(processMod, consoleError);
-                case 'co-video':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-video.entry.js').then(processMod, consoleError);
                 case 'co-breadcrumb-item':
                     return import(
                       /* webpackMode: "lazy" */
@@ -371,6 +359,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-rich-text-toolbar.entry.js').then(processMod, consoleError);
+                case 'co-time-field':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-time-field.entry.js').then(processMod, consoleError);
                 case 'co-checkbox':
                     return import(
                       /* webpackMode: "lazy" */
@@ -379,10 +371,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-list-footer.entry.js').then(processMod, consoleError);
+                case 'co-video':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-video.entry.js').then(processMod, consoleError);
+                case 'co-avatar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-avatar.entry.js').then(processMod, consoleError);
                 case 'co-loader':
                     return import(
                       /* webpackMode: "lazy" */
                       './co-loader.entry.js').then(processMod, consoleError);
+                case 'co-tooltip':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-tooltip.entry.js').then(processMod, consoleError);
                 case 'co-audio-player':
                     return import(
                       /* webpackMode: "lazy" */
@@ -395,22 +399,26 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-carousel.entry.js').then(processMod, consoleError);
-                case 'co-color-picker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-color-picker.entry.js').then(processMod, consoleError);
                 case 'co-command-search':
                     return import(
                       /* webpackMode: "lazy" */
                       './co-command-search.entry.js').then(processMod, consoleError);
-                case 'co-data-table':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-data-table.entry.js').then(processMod, consoleError);
                 case 'co-event-calendar':
                     return import(
                       /* webpackMode: "lazy" */
                       './co-event-calendar.entry.js').then(processMod, consoleError);
+                case 'co-file-field':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-file-field.entry.js').then(processMod, consoleError);
+                case 'co-menu-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-menu-item.entry.js').then(processMod, consoleError);
+                case 'co-number-field':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-number-field.entry.js').then(processMod, consoleError);
                 case 'co-phone-field':
                     return import(
                       /* webpackMode: "lazy" */
@@ -431,22 +439,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-icon.entry.js').then(processMod, consoleError);
+                case 'co-color-picker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-color-picker.entry.js').then(processMod, consoleError);
                 case 'co-column-picker':
                     return import(
                       /* webpackMode: "lazy" */
                       './co-column-picker.entry.js').then(processMod, consoleError);
-                case 'co-file-field':
+                case 'co-data-table':
                     return import(
                       /* webpackMode: "lazy" */
-                      './co-file-field.entry.js').then(processMod, consoleError);
+                      './co-data-table.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-avatar_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-avatar_2.entry.js').then(processMod, consoleError);
                 case 'co-emoji-picker':
                     return import(
                       /* webpackMode: "lazy" */