@prolibu-suite/cobalt-core 0.1.2 → 0.2.0

package/dist/esm/dates-CyYF8IJE.js

@@ -0,0 +1,416 @@
+/**
+ * Cobalt date utilities — timezone-safe, date-only ("YYYY-MM-DD") helpers.
+ *
+ * Design rules (see the date-picker plan):
+ *   1. The value IS the string. `YYYY-MM-DD` is the source of truth. Compare
+ *      lexicographically — for ISO dates `"2026-06-03" < "2026-06-10"` holds.
+ *   2. Parse a string to a `Date` ONLY when unavoidable (Intl labels) and ALWAYS
+ *      via local parts: `new Date(y, m - 1, d)`. NEVER `new Date("2026-06-03")`
+ *      or `Date.parse(...)` — those parse as UTC midnight and shift the day in
+ *      negative-offset zones (e.g. es-CO / UTC-5).
+ *   3. Display formatting builds the string from the tuple — never via toISOString.
+ *
+ * Everything here is pure TS with zero dependencies so it can be consumed by
+ * `core` (Stencil web components), `form-core` and `form-vue` without creating a
+ * dependency cycle.
+ */
+const ISO_RE = /^(\d{4})-(\d{2})-(\d{2})$/;
+const pad2 = (n) => String(n).padStart(2, '0');
+// ── Core round-trip ─────────────────────────────────────────────────────────
+/** Build a LOCAL Date from a tuple. The only sanctioned string→Date path. */
+function toLocalDate(ymd) {
+    return new Date(ymd.year, ymd.month - 1, ymd.day);
+}
+/** Extract local-part tuple from a Date. Never uses UTC getters. */
+function fromLocalDate(d) {
+    return { year: d.getFullYear(), month: d.getMonth() + 1, day: d.getDate() };
+}
+/**
+ * True when `value` is a syntactically well-formed AND real calendar date
+ * (rejects "2026-02-31", "2026-13-01", etc.) in strict "YYYY-MM-DD" form.
+ */
+function isValidYMD(value) {
+    if (typeof value !== 'string')
+        return false;
+    const m = ISO_RE.exec(value);
+    if (!m)
+        return false;
+    const year = Number(m[1]);
+    const month = Number(m[2]);
+    const day = Number(m[3]);
+    if (month < 1 || month > 12 || day < 1 || day > 31)
+        return false;
+    // Reconstruct and confirm nothing rolled over (e.g. Feb 31 → Mar 3).
+    const d = new Date(year, month - 1, day);
+    return d.getFullYear() === year && d.getMonth() === month - 1 && d.getDate() === day;
+}
+/** Parse strict "YYYY-MM-DD" → tuple, or null when invalid. */
+function parseISO(value) {
+    if (!isValidYMD(value))
+        return null;
+    const m = ISO_RE.exec(value);
+    return { year: Number(m[1]), month: Number(m[2]), day: Number(m[3]) };
+}
+/** Format a tuple → "YYYY-MM-DD". */
+function formatISO(ymd) {
+    return `${String(ymd.year).padStart(4, '0')}-${pad2(ymd.month)}-${pad2(ymd.day)}`;
+}
+/** Today's local date as "YYYY-MM-DD". Never uses toISOString (UTC). */
+function todayYMD() {
+    return formatISO(fromLocalDate(new Date()));
+}
+// ── Flexible manual-input parsing ───────────────────────────────────────────
+/**
+ * Parse free-form user text into a normalized "YYYY-MM-DD".
+ *
+ * Accepts separators `/ . -`, partial input (year omitted → `defaultYear`),
+ * 2-digit years, and a canonical ISO string. Validates by reconstruction so
+ * impossible dates like "31/02/2026" come back as `{ status: 'invalid' }`.
+ *
+ * Returns `{ status: 'empty' }` for blank input (the field should commit `null`).
+ */
+function parseFlexible(input, opts = {}) {
+    const order = opts.order ?? 'dmy';
+    const pivot = opts.twoDigitYearPivot ?? 69;
+    const invalid = { status: 'invalid', value: null };
+    const raw = (input ?? '').trim();
+    if (raw === '')
+        return { status: 'empty', value: null };
+    // Fast path: already canonical ISO.
+    if (ISO_RE.test(raw)) {
+        return isValidYMD(raw) ? { status: 'valid', value: raw } : invalid;
+    }
+    // Tokenize on separators + whitespace; drop filler words ("de", "of").
+    const tokens = raw
+        .split(/[/.\-\s]+/)
+        .filter(Boolean)
+        .filter((t) => !FILLER_WORDS.has(normalizeName(t)));
+    if (tokens.length < 2 || tokens.length > 3)
+        return invalid;
+    // Classify tokens into numerics (with position) and an optional month name.
+    const monthIdx = monthNameIndex(opts.locale);
+    const numerics = [];
+    let monthFromName = null;
+    tokens.forEach((t, pos) => {
+        if (/^\d+$/.test(t)) {
+            numerics.push({ val: Number(t), pos });
+        }
+        else {
+            const m = monthIdx[normalizeName(t)];
+            if (m && monthFromName === null)
+                monthFromName = m;
+            else
+                monthFromName = -1; // unknown/duplicate name → force invalid
+        }
+    });
+    if (monthFromName === -1)
+        return invalid;
+    let day;
+    let month;
+    let year;
+    if (monthFromName !== null) {
+        // Month came from a name; the numerics are day and/or year.
+        month = monthFromName;
+        if (numerics.length === 2) {
+            const [a, b] = numerics; // already in original order
+            // Prefer an explicit 4-digit / >31 value as the year.
+            if (a.val > 31 || tokenLen(tokens, a.pos) === 4) {
+                year = a.val;
+                day = b.val;
+            }
+            else if (b.val > 31 || tokenLen(tokens, b.pos) === 4) {
+                year = b.val;
+                day = a.val;
+            }
+            else {
+                // Ambiguous → use order (ymd: year first, else year last).
+                year = order === 'ymd' ? a.val : b.val;
+                day = order === 'ymd' ? b.val : a.val;
+            }
+        }
+        else if (numerics.length === 1) {
+            day = numerics[0].val;
+            year = opts.defaultYear ?? new Date().getFullYear();
+        }
+        else {
+            return invalid;
+        }
+    }
+    else {
+        // All numeric.
+        const nums = numerics.map((n) => n.val);
+        if (nums.length === 2) {
+            const [a, b] = nums;
+            // With the year omitted, year-first locales (ymd) fall back to the ISO
+            // month-day order — only day-first locales (dmy) read it as day/month.
+            if (order === 'mdy' || order === 'ymd') {
+                month = a;
+                day = b;
+            }
+            else {
+                day = a;
+                month = b;
+            }
+            year = opts.defaultYear ?? new Date().getFullYear();
+        }
+        else {
+            const [a, b, c] = nums;
+            if (order === 'ymd') {
+                year = a;
+                month = b;
+                day = c;
+            }
+            else if (order === 'mdy') {
+                month = a;
+                day = b;
+                year = c;
+            }
+            else {
+                day = a;
+                month = b;
+                year = c;
+            }
+        }
+    }
+    year = normalizeYear(year, pivot);
+    const candidate = formatISO({ year, month, day });
+    return isValidYMD(candidate) ? { status: 'valid', value: candidate } : invalid;
+}
+function tokenLen(tokens, pos) {
+    return tokens[pos]?.length ?? 0;
+}
+function normalizeYear(year, pivot) {
+    if (year >= 100)
+        return year;
+    // 2-digit (or 1-digit) year.
+    return year <= pivot ? 2000 + year : 1900 + year;
+}
+const FILLER_WORDS = new Set(['de', 'del', 'of', 'the']);
+/** Lowercase, strip accents and a trailing period. */
+function normalizeName(s) {
+    return s
+        .normalize('NFD')
+        .replace(/[̀-ͯ]/g, '')
+        .toLowerCase()
+        .replace(/\.$/, '')
+        .trim();
+}
+// Hardcoded Spanish + English month names (normalized) as a stable fallback,
+// regardless of the runtime Intl data.
+const BASE_MONTHS = {
+    // Spanish
+    enero: 1, febrero: 2, marzo: 3, abril: 4, mayo: 5, junio: 6, julio: 7,
+    agosto: 8, septiembre: 9, setiembre: 9, octubre: 10, noviembre: 11, diciembre: 12,
+    ene: 1, feb: 2, mar: 3, abr: 4, may: 5, jun: 6, jul: 7, ago: 8,
+    sep: 9, set: 9, oct: 10, nov: 11, dic: 12,
+    // English
+    january: 1, february: 2, march: 3, april: 4, june: 6, july: 7,
+    august: 8, september: 9, october: 10, november: 11, december: 12,
+    jan: 1, apr: 4, aug: 8, dec: 12,
+    // Portuguese (accents already stripped by normalizeName: "março" → "marco")
+    janeiro: 1, fevereiro: 2, marco: 3, maio: 5, junho: 6, julho: 7,
+    setembro: 9, outubro: 10, novembro: 11, dezembro: 12,
+    fev: 2, mai: 5, out: 10, dez: 12,
+};
+const monthIndexCache = new Map();
+/** Build a normalized month-name → 1..12 lookup for a locale (memoized). */
+function monthNameIndex(locale) {
+    const key = locale || '_base';
+    const cached = monthIndexCache.get(key);
+    if (cached)
+        return cached;
+    const map = { ...BASE_MONTHS };
+    if (locale) {
+        for (let m = 0; m < 12; m++) {
+            const d = new Date(2020, m, 1);
+            for (const style of ['short', 'long']) {
+                const name = normalizeName(new Intl.DateTimeFormat(locale, { month: style }).format(d));
+                if (name) {
+                    map[name] = m + 1;
+                    // Also index the 3-letter prefix (covers locale-specific abbreviations).
+                    if (name.length >= 3)
+                        map[name.slice(0, 3)] = m + 1;
+                }
+            }
+        }
+    }
+    monthIndexCache.set(key, map);
+    return map;
+}
+// ── Display formatting ──────────────────────────────────────────────────────
+/**
+ * Format "YYYY-MM-DD" for display using a token pattern. Supported tokens:
+ * `yyyy`, `yy`, `MMMM` (full month name), `MMM` (short month name), `MM`, `M`,
+ * `dd`, `d`. Month names are localized via `Intl` (trailing "." stripped).
+ * Default pattern `dd/MM/yyyy`. Returns '' when value is null/empty/invalid.
+ *
+ * Uses a single regex pass (not chained .replace) so an inserted month name
+ * like "dic"/"ene" is never re-scanned by the `d`/`M` token replacers.
+ */
+function formatDisplay(value, displayFormat = 'dd/MM/yyyy', locale = 'en-US') {
+    if (!value)
+        return '';
+    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':
+                return String(ymd.year).padStart(4, '0');
+            case 'yy':
+                return String(ymd.year).slice(-2);
+            case 'MMMM':
+                return new Intl.DateTimeFormat(locale, { month: 'long' }).format(d);
+            case 'MMM':
+                return stripTrailingDot(new Intl.DateTimeFormat(locale, { month: 'short' }).format(d));
+            case 'MM':
+                return pad2(ymd.month);
+            case 'M':
+                return String(ymd.month);
+            case 'dd':
+                return pad2(ymd.day);
+            case 'd':
+                return String(ymd.day);
+            default:
+                return tok;
+        }
+    });
+}
+function stripTrailingDot(s) {
+    return s.replace(/\.$/, '');
+}
+// ── Comparison & arithmetic ─────────────────────────────────────────────────
+/** Lexicographic compare of two "YYYY-MM-DD" strings → -1 | 0 | 1. */
+function compareYMD(a, b) {
+    if (a === b)
+        return 0;
+    return a < b ? -1 : 1;
+}
+/** Add (or subtract) calendar days, returning "YYYY-MM-DD".
+ *  An unparseable input is returned unchanged (pass-through, NOT null —
+ *  callers chaining arithmetic keep their original value instead of crashing;
+ *  validate with `parseISO` first if you need to reject bad input). */
+function addDays(value, n) {
+    const ymd = parseISO(value);
+    if (!ymd)
+        return value;
+    const d = toLocalDate(ymd);
+    d.setDate(d.getDate() + n);
+    return formatISO(fromLocalDate(d));
+}
+/**
+ * Add (or subtract) months. Clamps the day to the target month's length so
+ * "2026-01-31" + 1 month → "2026-02-28" (not a March rollover).
+ * Unparseable input passes through unchanged (same contract as `addDays`).
+ */
+function addMonths(value, n) {
+    const ymd = parseISO(value);
+    if (!ymd)
+        return value;
+    const targetMonthIndex = ymd.month - 1 + n;
+    const targetYear = ymd.year + Math.floor(targetMonthIndex / 12);
+    const targetMonth = ((targetMonthIndex % 12) + 12) % 12; // 0-11
+    const lastDay = new Date(targetYear, targetMonth + 1, 0).getDate();
+    const day = Math.min(ymd.day, lastDay);
+    return formatISO({ year: targetYear, month: targetMonth + 1, day });
+}
+/** First day of the month for a given date. */
+function startOfMonth(value) {
+    const ymd = parseISO(value);
+    if (!ymd)
+        return value;
+    return formatISO({ year: ymd.year, month: ymd.month, day: 1 });
+}
+/** Whether `value` lies within [min, max] (inclusive). */
+function isWithinRange(value, min, max) {
+    if (min && compareYMD(value, min) < 0)
+        return false;
+    if (max && compareYMD(value, max) > 0)
+        return false;
+    return true;
+}
+/** Weekday for a date, 0=Sunday .. 6=Saturday (local, tz-safe). */
+function dayOfWeek(value) {
+    const ymd = parseISO(value);
+    if (!ymd)
+        return -1;
+    return toLocalDate(ymd).getDay();
+}
+/**
+ * Whether a date should be non-selectable given range/explicit/weekday rules.
+ * Invalid input counts as disabled.
+ */
+function isDisabled(value, opts = {}) {
+    if (!isValidYMD(value))
+        return true;
+    if (!isWithinRange(value, opts.min, opts.max))
+        return true;
+    if (opts.disabledDates && opts.disabledDates.includes(value))
+        return true;
+    if (opts.disabledDaysOfWeek && opts.disabledDaysOfWeek.includes(dayOfWeek(value)))
+        return true;
+    return false;
+}
+// ── Calendar grid ───────────────────────────────────────────────────────────
+/**
+ * Build a month grid of {value, inMonth} cells. Includes leading/trailing days
+ * from adjacent months so the calendar can render the `outside-month` state.
+ *
+ * @param year  full year
+ * @param month 1-12
+ * @param firstDayOfWeek 0=Sunday .. 6=Saturday. Default 1 (Monday).
+ * @param weeks number of week rows. Default 6 (stable height).
+ */
+function getMonthMatrix(year, month, firstDayOfWeek = 1, weeks = 6) {
+    const first = new Date(year, month - 1, 1);
+    const lead = (first.getDay() - firstDayOfWeek + 7) % 7;
+    const start = new Date(year, month - 1, 1 - lead);
+    const rows = [];
+    for (let w = 0; w < weeks; w++) {
+        const row = [];
+        for (let d = 0; d < 7; d++) {
+            const cur = new Date(start.getFullYear(), start.getMonth(), start.getDate() + (w * 7 + d));
+            row.push({
+                value: formatISO(fromLocalDate(cur)),
+                inMonth: cur.getMonth() === month - 1,
+            });
+        }
+        rows.push(row);
+    }
+    return rows;
+}
+// ── Locale-aware labels (Intl, fed by local-parts Dates) ────────────────────
+/**
+ * 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 fmt = new Intl.DateTimeFormat(locale, { weekday });
+    const labels = [];
+    // 2024-01-01 is a Monday; anchor from it then offset to firstDayOfWeek.
+    for (let i = 0; i < 7; i++) {
+        const offset = (i + (firstDayOfWeek - 1) + 7) % 7;
+        const d = new Date(2024, 0, 1 + offset); // local-parts Date
+        labels.push(fmt.format(d));
+    }
+    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));
+}
+/** 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));
+}
+
+export { todayYMD as a, addMonths as b, compareYMD as c, addDays as d, isDisabled as e, formatDisplay as f, getMonthLabel as g, getWeekdayLabels as h, isValidYMD as i, getMonthMatrix as j, getFullDateLabel as k, parseFlexible as l, parseISO as p, startOfMonth as s, toLocalDate as t };

package/dist/esm/{index-B0lqrhFo.js → index-BKmfyPZK.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-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-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)}: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-border-radius-md:var(--co-border-radius-lg);--co-font-size-11:11px;--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-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-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)}: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-border-radius-md:var(--co-border-radius-lg);--co-font-size-11:11px;--co-font-size-28:28px}";
 
 /*
  Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com
@@ -123,10 +123,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-autocomplete.entry.js').then(processMod, consoleError);
-                case 'co-avatar':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-avatar.entry.js').then(processMod, consoleError);
                 case 'co-badge':
                     return import(
                       /* webpackMode: "lazy" */
@@ -163,14 +159,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-data-table-pagination.entry.js').then(processMod, consoleError);
-                case 'co-date-range':
+                case 'co-date-picker':
                     return import(
                       /* webpackMode: "lazy" */
-                      './co-date-range.entry.js').then(processMod, consoleError);
-                case 'co-drawer':
+                      './co-date-picker.entry.js').then(processMod, consoleError);
+                case 'co-date-range':
                     return import(
                       /* webpackMode: "lazy" */
-                      './co-drawer.entry.js').then(processMod, consoleError);
+                      './co-date-range.entry.js').then(processMod, consoleError);
                 case 'co-empty-state':
                     return import(
                       /* webpackMode: "lazy" */
@@ -191,6 +187,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-input.entry.js').then(processMod, consoleError);
+                case 'co-json-field':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-json-field.entry.js').then(processMod, consoleError);
                 case 'co-list-item':
                     return import(
                       /* webpackMode: "lazy" */
@@ -227,6 +227,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-progress-bar.entry.js').then(processMod, consoleError);
+                case 'co-progress-circle':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-progress-circle.entry.js').then(processMod, consoleError);
                 case 'co-radio':
                     return import(
                       /* webpackMode: "lazy" */
@@ -243,6 +247,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-ref-field.entry.js').then(processMod, consoleError);
+                case 'co-rich-text-editor':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-rich-text-editor.entry.js').then(processMod, consoleError);
+                case 'co-rich-text-viewer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-rich-text-viewer.entry.js').then(processMod, consoleError);
                 case 'co-row':
                     return import(
                       /* webpackMode: "lazy" */
@@ -279,6 +291,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-tab-group.entry.js').then(processMod, consoleError);
+                case 'co-tags-field':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-tags-field.entry.js').then(processMod, consoleError);
+                case 'co-textarea':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-textarea.entry.js').then(processMod, consoleError);
                 case 'co-toast':
                     return import(
                       /* webpackMode: "lazy" */
@@ -299,6 +319,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-transfer-list.entry.js').then(processMod, consoleError);
+                case 'co-date-range-picker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-date-range-picker.entry.js').then(processMod, consoleError);
+                case 'co-rich-text-toolbar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-rich-text-toolbar.entry.js').then(processMod, consoleError);
                 case 'co-checkbox':
                     return import(
                       /* webpackMode: "lazy" */
@@ -323,6 +351,34 @@ 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-phone-field':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-phone-field.entry.js').then(processMod, consoleError);
+                case 'co-avatar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-avatar.entry.js').then(processMod, consoleError);
+                case 'co-lightbox':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-lightbox.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':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-file-field.entry.js').then(processMod, consoleError);
+                case 'co-calendar_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-calendar_3.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -348,6 +404,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 var styles = /* @__PURE__ */ new Map();
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
 var win = typeof window !== "undefined" ? window : {};
 var plt = {
   $flags$: 0,
@@ -1009,15 +1066,26 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       } catch (e) {
       }
     }
+    let xlink = false;
+    {
+      if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+        memberName = ln;
+        xlink = true;
+      }
+    }
     if (newValue == null || newValue === false) {
       if (newValue !== false || elm.getAttribute(memberName) === "") {
-        {
+        if (xlink) {
+          elm.removeAttributeNS(XLINK_NS, memberName);
+        } else {
           elm.removeAttribute(memberName);
         }
       }
     } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
       newValue = newValue === true ? "" : newValue;
-      {
+      if (xlink) {
+        elm.setAttributeNS(XLINK_NS, memberName, newValue);
+      } else {
         elm.setAttribute(memberName, newValue);
       }
     }