@prolibu-suite/cobalt-core 0.9.1 → 0.9.2

package/dist/types/components/co-emoji-picker/emojiPickerLogic.d.ts

@@ -0,0 +1,149 @@
+import { type EmojiCategory } from './emojiData';
+/** Categoría sintética de recientes: va primera y solo existe si hay historial. */
+export declare const RECENT_CATEGORY = "recent";
+/** Categorías del layout = las del dataset más la sintética de recientes. */
+export type GridCategory = EmojiCategory | typeof RECENT_CATEGORY;
+/** '0' sin tono · '1' tras el primer codepoint · '2' tras cada persona. */
+export type ToneFlag = '0' | '1' | '2';
+export interface EmojiEntry {
+    /** El carácter (puede ser una secuencia ZWJ de varios codepoints). */
+    char: string;
+    /** Nombre en inglés (pack base). Es el fallback de todo locale. */
+    name: string;
+    /** Slug de categoría. */
+    category: GridCategory;
+    /**
+     * Identidad de celda dentro del layout: key de render, id de DOM y valor de
+     * `activeIndex`. Las entradas de recientes viven en un espacio propio
+     * (`RECENT_INDEX_BASE + n`) porque el MISMO emoji aparece dos veces en la
+     * grilla —en recientes y en su categoría real— y dos celdas con el mismo id
+     * romperían `aria-activedescendant` y la navegación por teclado.
+     */
+    index: number;
+    /** Índice en el pack de locale. Difiere de `index` en los recientes. */
+    nameIndex: number;
+    /** Soporte de tono de piel del emoji base. */
+    tone: ToneFlag;
+}
+export type EmojiRow = {
+    kind: 'header';
+    category: GridCategory;
+} | {
+    kind: 'emoji';
+    entries: EmojiEntry[];
+};
+/** Alto uniforme de fila (header y grilla) en px. Uniforme a propósito: la
+ *  virtualización se reduce a `top = row * ROW_HEIGHT`, sin prefix-sums. */
+export declare const ROW_HEIGHT = 36;
+/** Filas de más renderizadas arriba y abajo del viewport. */
+export declare const OVERSCAN = 2;
+/** Columnas por defecto (espejo del default de la prop `columns`). */
+export declare const DEFAULT_COLUMNS = 8;
+/** Offset del espacio de índices de los recientes (ver `EmojiEntry.index`). */
+export declare const RECENT_INDEX_BASE = 1000000;
+/**
+ * Desempaqueta EMOJI_PACKED a entradas. Memoizado a nivel de módulo: se paga
+ * UNA vez por documento aunque se monten varios pickers.
+ */
+export declare function getEmojiEntries(): EmojiEntry[];
+/** Locales con pack de nombres propio. El resto usa los nombres en inglés. */
+export declare function hasLocalePack(lang: string): boolean;
+/**
+ * Nombres localizados, alineados por índice global con `getEmojiEntries()`.
+ * Devuelve null si el locale no tiene pack o si la carga falla — el llamador
+ * cae a los nombres en inglés (degradación, nunca excepción).
+ */
+export declare function loadLocaleNames(lang: string): Promise<string[] | null>;
+/** Los 5 modificadores Fitzpatrick, en orden claro → oscuro (U+1F3FB..U+1F3FF). */
+export declare const SKIN_TONES: readonly ["🏻", "🏼", "🏽", "🏾", "🏿"];
+export type SkinTone = (typeof SKIN_TONES)[number];
+/** Claves estables de la API pública: '' = por defecto (amarillo). */
+export declare const SKIN_TONE_KEYS: readonly ["", "light", "medium-light", "medium", "medium-dark", "dark"];
+export type SkinToneKey = (typeof SKIN_TONE_KEYS)[number];
+/** Modificador correspondiente a una clave pública, o '' si no aplica. */
+export declare function toneFromKey(key: string | undefined): string;
+/**
+ * Aplica un modificador de tono a un emoji según su flag.
+ *
+ * Reglas (las dos que exige Unicode, no una aproximación):
+ *  - El modificador REEMPLAZA al selector de variación U+FE0F que siga a la
+ *    base: ✌️ (270C FE0F) + medio = 270C 1F3FD, no 270C FE0F 1F3FD. Solo al de
+ *    la base — el FE0F de un componente posterior (♀️ en 🕵️‍♀️) se conserva.
+ *  - Las secuencias multi-persona (flag '2') llevan el modificador en CADA
+ *    persona: 👩‍❤️‍👨 tonado es 1F469 tono 200D 2764 FE0F 200D 1F468 tono. Con uno
+ *    solo la secuencia deja de ser RGI y el navegador la parte en dos glifos.
+ */
+export declare function applySkinTone(char: string, flag: ToneFlag, tone: string): string;
+/** Quita todo modificador de tono de un carácter (para volver a la base). */
+export declare function stripSkinTone(char: string): string;
+/**
+ * Resuelve un carácter (posiblemente tonado) a su entrada del dataset. Prueba la
+ * forma exacta —el caso común, sin costo— y cae a la clave normalizada.
+ */
+export declare function resolveEmoji(char: string): EmojiEntry | undefined;
+/**
+ * Entradas para la fila de recientes. Los caracteres los da el consumidor (es
+ * el dueño del historial), así que acá se sanea: se descarta lo que no resuelve
+ * contra el dataset, se deduplica conservando el orden, y se recorta a `max`.
+ *
+ * El carácter se conserva TAL CUAL vino —con su tono— y por eso la entrada sale
+ * con `tone: '0'`: ya está resuelto, no hay que volver a tonarlo.
+ */
+export declare function buildRecentEntries(recent: string[] | undefined, max: number): EmojiEntry[];
+/**
+ * Lista de recientes actualizada tras elegir `emoji` (MRU: más reciente
+ * primero, sin repetidos, recortada a `max`). Es una función pura para que el
+ * consumidor —dueño de la persistencia— no tenga que reimplementar la política.
+ */
+export declare function pushRecent(recent: string[] | undefined, emoji: string, max: number): string[];
+/**
+ * Filtra por nombre, rankeando por relevancia (`rankByMatch`: exacto > prefijo >
+ * prefijo de palabra > substring), insensible a acentos y mayúsculas.
+ *
+ * Cuando hay pack de locale busca contra el nombre localizado Y el inglés: los
+ * emoji sin traducción CLDR (la mayoría de las banderas) siguen siendo
+ * encontrables, y quien tipea en inglés sobre una UI en español también acierta.
+ */
+export declare function searchEmojis(entries: EmojiEntry[], query: string, localeNames: string[] | null): EmojiEntry[];
+/** Nombre a mostrar (tooltip / aria-label) para una entrada. */
+export declare function displayName(entry: EmojiEntry, localeNames: string[] | null): string;
+/**
+ * Aplana a filas de render. `grouped` inserta un header por categoría (modo
+ * idle); en modo búsqueda los resultados van en una grilla continua, porque
+ * vienen ordenados por relevancia y no por categoría.
+ */
+export declare function layoutRows(entries: EmojiEntry[], columns: number, grouped: boolean): EmojiRow[];
+/** Posición (fila, columna) de cada índice global dentro de un layout. */
+export declare function buildPositionMap(rows: EmojiRow[]): Map<number, {
+    row: number;
+    col: number;
+}>;
+/** Índice de fila donde arranca cada categoría (para el salto del strip). */
+export declare function categoryRowStarts(rows: EmojiRow[]): Map<GridCategory, number>;
+/** Categoría visible al tope del scroll — resalta el botón del strip. */
+export declare function categoryAtRow(rows: EmojiRow[], rowIdx: number): GridCategory | null;
+/**
+ * Ventana de filas a renderizar. 1906 emoji son ~240 filas: sin esto el panel
+ * monta ~1900 botones por apertura. Con la ventana quedan ~13 filas (~104
+ * botones) sin importar el tamaño del dataset.
+ */
+export declare function virtualSlice(scrollTop: number, viewportHeight: number, rowCount: number): {
+    totalHeight: number;
+    start: number;
+    end: number;
+    offsetY: number;
+};
+export type NavKey = 'ArrowRight' | 'ArrowLeft' | 'ArrowDown' | 'ArrowUp' | 'Home' | 'End' | 'PageDown' | 'PageUp';
+/**
+ * Siguiente índice global activo tras una tecla de navegación, o el actual si
+ * el movimiento no lleva a ninguna celda.
+ *
+ * Trabaja sobre el layout (no sobre el array plano) para que las filas
+ * parciales del final de cada categoría y los headers intercalados se comporten
+ * como los ve el usuario: bajar desde una fila corta cae en la última celda de
+ * la fila de abajo, y los headers se saltan solos.
+ */
+export declare function moveActive(rows: EmojiRow[], positions: Map<number, {
+    row: number;
+    col: number;
+}>, activeIndex: number, key: NavKey): number;

package/dist/types/components/co-modal/co-modal.d.ts

@@ -41,7 +41,9 @@ export declare class CoModal {
     coAfterClose: EventEmitter<void>;
     /** Open animation finished. */
     coAfterOpen: EventEmitter<void>;
+    hasFooter: boolean;
     private modalEl?;
+    private handleFooterSlotChange;
     private handleOverlayClick;
     private handleCloseClick;
     private stopPropagation;

package/dist/types/components.d.ts

@@ -2049,6 +2049,68 @@ export namespace Components {
          */
         "label": string;
     }
+    /**
+     * Selector de emoji: buscador + strip de categorías + grilla virtualizada.
+     * Es un PRIMITIVO de panel, igual que co-option-list: no renderiza trigger ni
+     * chrome (popover/dialog/ancho). El host lo compone — típicamente dentro de un
+     * `<co-popover>` colgado de su propio botón.
+     * Dataset: 1906 emoji del set RGI, empaquetados como texto (~16 KB gz). Los
+     * nombres localizados (es/pt) se cargan con `import()` dinámico solo cuando el
+     * `locale` los pide; en inglés no se descargan nunca.
+     * @event coSelect - El emoji elegido: `{ emoji, name }`.
+     * @event coClose - Escape con el buscador vacío (el host decide si cierra).
+     */
+    interface CoEmojiPicker {
+        /**
+          * Columnas de la grilla.
+          * @default 8
+         */
+        "columns": number;
+        /**
+          * Mensaje de "sin resultados". Vacío = el del `locale`.
+          * @default ''
+         */
+        "emptyMessage": string;
+        /**
+          * aria-label del panel. Vacío = el del `locale`.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Locale de los textos de UI y de los nombres de emoji ('es' | 'en' | 'pt').
+         */
+        "locale"?: string;
+        /**
+          * Emoji usados recientemente, del más nuevo al más viejo. Se pintan como una categoría propia al tope de la grilla; con la lista vacía la categoría no existe (ni fila, ni header, ni botón en el strip).  El historial lo posee el CONSUMIDOR, igual que el tono. Ningún componente de Cobalt escribe `localStorage`: el design system no conoce el scope de la preferencia (¿por usuario? ¿por workspace? ¿sincronizada al backend?) y escribir por su cuenta le impondría esa decisión a toda la suite. El consumidor recibe `coSelect` y actualiza esta prop; `pushRecent()` de `emojiPickerLogic` implementa la política MRU si no la quiere reescribir.  Es RECIENTES (orden temporal), no "frecuentes" (por conteo): lo último que usaste queda primero, sin contadores que se calcifiquen arriba con el uso.
+          * @default []
+         */
+        "recent": string[];
+        /**
+          * Tope de emoji recientes mostrados.
+          * @default 16
+         */
+        "recentLimit": number;
+        /**
+          * Placeholder del buscador. Vacío = el del `locale`.
+          * @default ''
+         */
+        "searchPlaceholder": string;
+        /**
+          * Muestra el buscador.
+          * @default true
+         */
+        "searchable": boolean;
+        /**
+          * Muestra el strip de categorías.
+          * @default true
+         */
+        "showCategories": boolean;
+        /**
+          * Tono de piel aplicado a toda la grilla: `''` (por defecto) | `'light'` | `'medium-light'` | `'medium'` | `'medium-dark'` | `'dark'`.  Es `mutable`: el componente la actualiza al elegir un tono para que funcione suelto, y emite `coSkinToneChange`. La PERSISTENCIA es del consumidor — Cobalt no escribe storage (ver el comentario de `recent`).
+          * @default ''
+         */
+        "skinTone": string;
+    }
     /**
      * Empty state placeholder — icon, title, description, and action buttons.
      */
@@ -4733,6 +4795,10 @@ export interface CoDropZoneCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoDropZoneElement;
 }
+export interface CoEmojiPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoEmojiPickerElement;
+}
 export interface CoEventCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoEventCalendarElement;
@@ -5682,6 +5748,36 @@ declare global {
         prototype: HTMLCoDropZoneElement;
         new (): HTMLCoDropZoneElement;
     };
+    interface HTMLCoEmojiPickerElementEventMap {
+        "coSelect": { emoji: string; name: string };
+        "coSkinToneChange": { skinTone: string };
+        "coClose": void;
+    }
+    /**
+     * Selector de emoji: buscador + strip de categorías + grilla virtualizada.
+     * Es un PRIMITIVO de panel, igual que co-option-list: no renderiza trigger ni
+     * chrome (popover/dialog/ancho). El host lo compone — típicamente dentro de un
+     * `<co-popover>` colgado de su propio botón.
+     * Dataset: 1906 emoji del set RGI, empaquetados como texto (~16 KB gz). Los
+     * nombres localizados (es/pt) se cargan con `import()` dinámico solo cuando el
+     * `locale` los pide; en inglés no se descargan nunca.
+     * @event coSelect - El emoji elegido: `{ emoji, name }`.
+     * @event coClose - Escape con el buscador vacío (el host decide si cierra).
+     */
+    interface HTMLCoEmojiPickerElement extends Components.CoEmojiPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoEmojiPickerElementEventMap>(type: K, listener: (this: HTMLCoEmojiPickerElement, ev: CoEmojiPickerCustomEvent<HTMLCoEmojiPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCoEmojiPickerElementEventMap>(type: K, listener: (this: HTMLCoEmojiPickerElement, ev: CoEmojiPickerCustomEvent<HTMLCoEmojiPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCoEmojiPickerElement: {
+        prototype: HTMLCoEmojiPickerElement;
+        new (): HTMLCoEmojiPickerElement;
+    };
     /**
      * Empty state placeholder — icon, title, description, and action buttons.
      */
@@ -6758,6 +6854,7 @@ declare global {
         "co-drawer": HTMLCoDrawerElement;
         "co-drive-card": HTMLCoDriveCardElement;
         "co-drop-zone": HTMLCoDropZoneElement;
+        "co-emoji-picker": HTMLCoEmojiPickerElement;
         "co-empty-state": HTMLCoEmptyStateElement;
         "co-event-calendar": HTMLCoEventCalendarElement;
         "co-event-popover": HTMLCoEventPopoverElement;
@@ -9091,6 +9188,80 @@ declare namespace LocalJSX {
          */
         "onCoDrop"?: (event: CoDropZoneCustomEvent<File[]>) => void;
     }
+    /**
+     * Selector de emoji: buscador + strip de categorías + grilla virtualizada.
+     * Es un PRIMITIVO de panel, igual que co-option-list: no renderiza trigger ni
+     * chrome (popover/dialog/ancho). El host lo compone — típicamente dentro de un
+     * `<co-popover>` colgado de su propio botón.
+     * Dataset: 1906 emoji del set RGI, empaquetados como texto (~16 KB gz). Los
+     * nombres localizados (es/pt) se cargan con `import()` dinámico solo cuando el
+     * `locale` los pide; en inglés no se descargan nunca.
+     * @event coSelect - El emoji elegido: `{ emoji, name }`.
+     * @event coClose - Escape con el buscador vacío (el host decide si cierra).
+     */
+    interface CoEmojiPicker {
+        /**
+          * Columnas de la grilla.
+          * @default 8
+         */
+        "columns"?: number;
+        /**
+          * Mensaje de "sin resultados". Vacío = el del `locale`.
+          * @default ''
+         */
+        "emptyMessage"?: string;
+        /**
+          * aria-label del panel. Vacío = el del `locale`.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Locale de los textos de UI y de los nombres de emoji ('es' | 'en' | 'pt').
+         */
+        "locale"?: string;
+        /**
+          * Emitido con Escape y el buscador ya vacío.
+         */
+        "onCoClose"?: (event: CoEmojiPickerCustomEvent<void>) => void;
+        /**
+          * Emitido al elegir un emoji. `emoji` ya viene con el tono aplicado.
+         */
+        "onCoSelect"?: (event: CoEmojiPickerCustomEvent<{ emoji: string; name: string }>) => void;
+        /**
+          * Emitido al cambiar el tono de piel — el consumidor lo persiste.
+         */
+        "onCoSkinToneChange"?: (event: CoEmojiPickerCustomEvent<{ skinTone: string }>) => void;
+        /**
+          * Emoji usados recientemente, del más nuevo al más viejo. Se pintan como una categoría propia al tope de la grilla; con la lista vacía la categoría no existe (ni fila, ni header, ni botón en el strip).  El historial lo posee el CONSUMIDOR, igual que el tono. Ningún componente de Cobalt escribe `localStorage`: el design system no conoce el scope de la preferencia (¿por usuario? ¿por workspace? ¿sincronizada al backend?) y escribir por su cuenta le impondría esa decisión a toda la suite. El consumidor recibe `coSelect` y actualiza esta prop; `pushRecent()` de `emojiPickerLogic` implementa la política MRU si no la quiere reescribir.  Es RECIENTES (orden temporal), no "frecuentes" (por conteo): lo último que usaste queda primero, sin contadores que se calcifiquen arriba con el uso.
+          * @default []
+         */
+        "recent"?: string[];
+        /**
+          * Tope de emoji recientes mostrados.
+          * @default 16
+         */
+        "recentLimit"?: number;
+        /**
+          * Placeholder del buscador. Vacío = el del `locale`.
+          * @default ''
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * Muestra el buscador.
+          * @default true
+         */
+        "searchable"?: boolean;
+        /**
+          * Muestra el strip de categorías.
+          * @default true
+         */
+        "showCategories"?: boolean;
+        /**
+          * Tono de piel aplicado a toda la grilla: `''` (por defecto) | `'light'` | `'medium-light'` | `'medium'` | `'medium-dark'` | `'dark'`.  Es `mutable`: el componente la actualiza al elegir un tono para que funcione suelto, y emite `coSkinToneChange`. La PERSISTENCIA es del consumidor — Cobalt no escribe storage (ver el comentario de `recent`).
+          * @default ''
+         */
+        "skinTone"?: string;
+    }
     /**
      * Empty state placeholder — icon, title, description, and action buttons.
      */
@@ -12417,6 +12588,17 @@ declare namespace LocalJSX {
         "label": string;
         "icon": string;
     }
+    interface CoEmojiPickerAttributes {
+        "locale": string;
+        "searchPlaceholder": string;
+        "emptyMessage": string;
+        "label": string;
+        "searchable": boolean;
+        "showCategories": boolean;
+        "columns": number;
+        "skinTone": string;
+        "recentLimit": number;
+    }
     interface CoEmptyStateAttributes {
         "icon": string;
         "heading": string;
@@ -13065,6 +13247,7 @@ declare namespace LocalJSX {
         "co-drawer": Omit<CoDrawer, keyof CoDrawerAttributes> & { [K in keyof CoDrawer & keyof CoDrawerAttributes]?: CoDrawer[K] } & { [K in keyof CoDrawer & keyof CoDrawerAttributes as `attr:${K}`]?: CoDrawerAttributes[K] } & { [K in keyof CoDrawer & keyof CoDrawerAttributes as `prop:${K}`]?: CoDrawer[K] };
         "co-drive-card": Omit<CoDriveCard, keyof CoDriveCardAttributes> & { [K in keyof CoDriveCard & keyof CoDriveCardAttributes]?: CoDriveCard[K] } & { [K in keyof CoDriveCard & keyof CoDriveCardAttributes as `attr:${K}`]?: CoDriveCardAttributes[K] } & { [K in keyof CoDriveCard & keyof CoDriveCardAttributes as `prop:${K}`]?: CoDriveCard[K] };
         "co-drop-zone": Omit<CoDropZone, keyof CoDropZoneAttributes> & { [K in keyof CoDropZone & keyof CoDropZoneAttributes]?: CoDropZone[K] } & { [K in keyof CoDropZone & keyof CoDropZoneAttributes as `attr:${K}`]?: CoDropZoneAttributes[K] } & { [K in keyof CoDropZone & keyof CoDropZoneAttributes as `prop:${K}`]?: CoDropZone[K] };
+        "co-emoji-picker": Omit<CoEmojiPicker, keyof CoEmojiPickerAttributes> & { [K in keyof CoEmojiPicker & keyof CoEmojiPickerAttributes]?: CoEmojiPicker[K] } & { [K in keyof CoEmojiPicker & keyof CoEmojiPickerAttributes as `attr:${K}`]?: CoEmojiPickerAttributes[K] } & { [K in keyof CoEmojiPicker & keyof CoEmojiPickerAttributes as `prop:${K}`]?: CoEmojiPicker[K] };
         "co-empty-state": Omit<CoEmptyState, keyof CoEmptyStateAttributes> & { [K in keyof CoEmptyState & keyof CoEmptyStateAttributes]?: CoEmptyState[K] } & { [K in keyof CoEmptyState & keyof CoEmptyStateAttributes as `attr:${K}`]?: CoEmptyStateAttributes[K] } & { [K in keyof CoEmptyState & keyof CoEmptyStateAttributes as `prop:${K}`]?: CoEmptyState[K] };
         "co-event-calendar": Omit<CoEventCalendar, keyof CoEventCalendarAttributes> & { [K in keyof CoEventCalendar & keyof CoEventCalendarAttributes]?: CoEventCalendar[K] } & { [K in keyof CoEventCalendar & keyof CoEventCalendarAttributes as `attr:${K}`]?: CoEventCalendarAttributes[K] } & { [K in keyof CoEventCalendar & keyof CoEventCalendarAttributes as `prop:${K}`]?: CoEventCalendar[K] };
         "co-event-popover": Omit<CoEventPopover, keyof CoEventPopoverAttributes> & { [K in keyof CoEventPopover & keyof CoEventPopoverAttributes]?: CoEventPopover[K] } & { [K in keyof CoEventPopover & keyof CoEventPopoverAttributes as `attr:${K}`]?: CoEventPopoverAttributes[K] } & { [K in keyof CoEventPopover & keyof CoEventPopoverAttributes as `prop:${K}`]?: CoEventPopover[K] };
@@ -13344,6 +13527,18 @@ declare module "@stencil/core" {
              * Report ref: 3.17 (446–449); drag overlay spec: report lines 135–136.
              */
             "co-drop-zone": LocalJSX.IntrinsicElements["co-drop-zone"] & JSXBase.HTMLAttributes<HTMLCoDropZoneElement>;
+            /**
+             * Selector de emoji: buscador + strip de categorías + grilla virtualizada.
+             * Es un PRIMITIVO de panel, igual que co-option-list: no renderiza trigger ni
+             * chrome (popover/dialog/ancho). El host lo compone — típicamente dentro de un
+             * `<co-popover>` colgado de su propio botón.
+             * Dataset: 1906 emoji del set RGI, empaquetados como texto (~16 KB gz). Los
+             * nombres localizados (es/pt) se cargan con `import()` dinámico solo cuando el
+             * `locale` los pide; en inglés no se descargan nunca.
+             * @event coSelect - El emoji elegido: `{ emoji, name }`.
+             * @event coClose - Escape con el buscador vacío (el host decide si cierra).
+             */
+            "co-emoji-picker": LocalJSX.IntrinsicElements["co-emoji-picker"] & JSXBase.HTMLAttributes<HTMLCoEmojiPickerElement>;
             /**
              * Empty state placeholder — icon, title, description, and action buttons.
              */

package/dist/types/utils/emojiI18n.d.ts

@@ -0,0 +1,22 @@
+export interface EmojiStrings {
+    /** Placeholder del buscador. */
+    searchPlaceholder: string;
+    /** Mensaje cuando la búsqueda no devuelve nada. */
+    emptyMessage: string;
+    /** aria-label del panel completo. */
+    pickerLabel: string;
+    /** aria-label de la grilla de resultados. */
+    gridLabel: string;
+    /** aria-label del strip de categorías. */
+    categoriesLabel: string;
+    /** Nombres visibles de cada categoría, por slug. */
+    categories: Record<string, string>;
+    /** aria-label del botón que abre el selector de tono. */
+    skinToneLabel: string;
+    /** Nombres de los 6 tonos, alineados con SKIN_TONE_KEYS ('' primero). */
+    skinTones: string[];
+}
+/** Ícono Phosphor de cada categoría, para el strip de navegación. */
+export declare const EMOJI_CATEGORY_ICONS: Record<string, string>;
+/** Resolve the built-in UI strings for a locale. */
+export declare function getEmojiStrings(locale?: string): EmojiStrings;

package/dist/types/utils/slotContent.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Slotted-content detection for shadow-DOM wrappers.
+ *
+ * WHY THIS EXISTS — `:empty` cannot see across a `<slot>`. A wrapper that holds
+ * only `<slot name="footer" />` always has ONE element child (the `<slot>`
+ * itself), so `.wrapper:empty` NEVER matches, and the wrapper keeps painting its
+ * padding / border-top even when the consumer projects nothing. The classic
+ * symptom is a footer strip with a divider line under an otherwise empty modal
+ * or drawer, which consumers then patch away with `::part(footer){display:none}`.
+ *
+ * Slotted presence therefore has to be tracked in JS, driven by `slotchange`,
+ * and mapped to a `--empty` / `--show` modifier class the CSS can key off.
+ *
+ * The `<slot>` itself must stay MOUNTED for this to work: never gate the slot
+ * behind the resulting flag (`{hasFooter && <slot/>}`), or the slot disappears,
+ * `slotchange` can never fire again and content projected later never shows up.
+ * Hide the WRAPPER, keep the slot.
+ */
+export declare function slotHasContent(e: Event): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prolibu-suite/cobalt-core",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Cobalt Design System — Framework-agnostic Web Components built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -50,10 +50,10 @@
     "@phosphor-icons/core": "^2.1.1",
     "dompurify": "^3.2.6",
     "overlayscrollbars": "^2.16.0",
-    "@prolibu-suite/cobalt-calendar-utils": "0.1.0",
     "@prolibu-suite/cobalt-rich-text": "0.1.2",
-    "@prolibu-suite/cobalt-date-utils": "0.1.1",
-    "@prolibu-suite/cobalt-tokens": "0.4.0"
+    "@prolibu-suite/cobalt-tokens": "0.4.0",
+    "@prolibu-suite/cobalt-calendar-utils": "0.1.0",
+    "@prolibu-suite/cobalt-date-utils": "0.1.1"
   },
   "devDependencies": {
     "@stencil/core": "^4.43.4",

package/dist/cobalt/p-02f4b71a.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t}from"./p-CrtiywTB.js";const e=class{constructor(t){i(this,t),this.video=!1,this.height="132px",this.radius=10}toCss(i){if("number"==typeof i)return`${i}px`;const t=String(i).trim();return/^-?\d*\.?\d+$/.test(t)?`${t}px`:t}render(){var i;return t("div",{key:"42fce6b31a7fe5a35b41b28d96a67c800151bcec",class:{"co-media-thumb":!0,"co-media-thumb--video":this.video},part:"thumb",style:{height:this.toCss(this.height),borderRadius:`${this.radius}px`}},this.src?t("img",{class:"co-media-thumb__img",src:this.src,alt:null!==(i=this.alt)&&void 0!==i?i:"",part:"img"}):t("slot",null),this.video&&t("div",{key:"4430246548961644d9f42f92553500940f4df104",class:"co-media-thumb__scrim",part:"scrim"},t("div",{key:"77caecbab8334f1cfdc962ad0324a3955b96efa4",class:"co-media-thumb__play",part:"play"},t("svg",{key:"ebec80f90e363b1702bbb4c7dbc769d2e864a9a5",class:"co-media-thumb__play-icon",width:"16",height:"18",viewBox:"0 0 16 18",fill:"none","aria-hidden":"true"},t("path",{key:"8e8d03f91df6cf4fb9cf18f03805739689563eb0",d:"M2 2l12 7-12 7z",fill:"var(--co-color-base-negro, #1f1c1b)"})))))}};e.style=":host{display:block}.co-media-thumb{position:relative;overflow:hidden;width:100%;background:var(--co-color-gray-100, #f6f6f6);box-sizing:border-box}.co-media-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.co-media-thumb__scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(31, 28, 27, 0.28)}.co-media-thumb__play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255, 255, 255, 0.92)}.co-media-thumb__play-icon{display:block;margin-left:2px;}";export{e as co_media_thumb}

package/dist/cobalt/p-2f778a5a.entry.js

@@ -1 +0,0 @@
-import{r as a,c as e,h as d}from"./p-CrtiywTB.js";const o=class{constructor(d){a(this,d),this.coModeChange=e(this,"coModeChange",7),this.mode="full"}render(){return d("nav",{key:"ad5f66c721365f3a9ca2192765df243e8dea492e",class:{"co-sidebar":!0,[`co-sidebar--${this.mode}`]:!0},part:"sidebar"},d("div",{key:"45a2250516e1080f79b4a4554a0db7715c30066d",class:"co-sidebar__header",part:"header"},d("slot",{key:"04a468d4eb6cf9bbd2acc482ba50defc4271166e",name:"header"})),d("div",{key:"730e37997945ce8bc7bc2d177beb25bbd0a1813f",class:"co-sidebar__body",part:"body"},d("slot",{key:"22c20554c8f2d85952d43484cda5903dbf33588d"})),d("div",{key:"6bb53d0394b9107ea1553e21047d51ea5fe0f292",class:"co-sidebar__footer",part:"footer"},d("slot",{key:"2b326d1beed32288d50ba17abad459929ed1e940",name:"footer"})))}};o.style=":host{display:flex;height:100%}.co-sidebar{display:flex;flex-direction:column;background:var(--co-semantic-surface-page);border-right:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-sidebar--full{width:256px}.co-sidebar--min{width:58px;align-items:center}.co-sidebar__header{padding:var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__header{padding:var(--co-spacing-md)}.co-sidebar__body{flex:1;overflow-y:auto;padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-sidebar--min .co-sidebar__body{padding:var(--co-spacing-sm2)}.co-sidebar__footer{padding:var(--co-spacing-md) var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__footer{padding:var(--co-spacing-md)}.co-sidebar__header:empty,.co-sidebar__footer:empty{display:none}";export{o as co_sidebar}

package/dist/cobalt/p-315586b0.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as a,H as o,a as s}from"./p-CrtiywTB.js";import{c as e}from"./p-BMdapAL8.js";const r=class{constructor(a){t(this,a),this.coClose=i(this,"coClose",3),this.open=!1,this.placement="right-start",this.dot=!0,this.closeOnEscape=!0,this.closeOnClickOutside=!0,this.position=()=>{if(!this.open||!this.panelEl||!this.anchorRect)return;const t=this.anchorRect,i={top:t.top,left:t.left,right:t.left+t.width,bottom:t.top+t.height,width:t.width,height:t.height},a=this.panelEl.getBoundingClientRect(),{top:o,left:s}=e(i,a,{placement:this.placement,offset:8,flip:!0});this.panelEl.style.top=`${o}px`,this.panelEl.style.left=`${s}px`},this.onScroll=()=>{this.open&&this.requestClose()},this.onKeydown=t=>{this.open&&this.closeOnEscape&&"Escape"===t.key&&(t.stopPropagation(),this.requestClose())},this.onPointerDown=t=>{if(!this.open||!this.closeOnClickOutside||!this.panelEl)return;const i=t.composedPath();i.includes(this.panelEl)||i.includes(this.el)||this.requestClose()}}componentDidLoad(){this.open&&this.onOpenChange(!0)}onOpenChange(t){var i;t?(this.prevFocus=null!==(i=document.activeElement)&&void 0!==i?i:void 0,requestAnimationFrame((()=>this.promoteAndPosition()))):(this.dismissPanel(),this.prevFocus&&this.prevFocus.focus())}onAnchorChange(){this.open&&this.position()}disconnectedCallback(){this.teardownListeners()}promoteAndPosition(){var t,i;if(this.open&&this.panelEl){try{null===(i=(t=this.panelEl).showPopover)||void 0===i||i.call(t)}catch(t){}this.position(),this.panelEl.focus(),window.addEventListener("resize",this.onScroll),window.addEventListener("scroll",this.onScroll,!0),window.addEventListener("keydown",this.onKeydown,!0),window.addEventListener("pointerdown",this.onPointerDown,!0)}}dismissPanel(){var t,i;try{null===(i=null===(t=this.panelEl)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)}catch(t){}this.teardownListeners()}teardownListeners(){window.removeEventListener("resize",this.onScroll),window.removeEventListener("scroll",this.onScroll,!0),window.removeEventListener("keydown",this.onKeydown,!0),window.removeEventListener("pointerdown",this.onPointerDown,!0)}requestClose(){this.coClose.emit()}render(){return a(o,{key:"9d9ef1be12cef8d6703df32d7e768bd4b33f5894"},a("div",{key:"ea63b1ab102045fc94c9d095cfcace4975f3fa70",class:"pop",popover:"manual",role:"dialog","aria-modal":"false","aria-label":this.popoverLabel,tabIndex:-1,ref:t=>this.panelEl=t},a("div",{key:"c7f1c90eadd6fad31c60e6ac9878d7a5aa473ba0",class:"pop__actions",part:"actions"},a("slot",{key:"84dd97edf67abeabba540914167b5bc3873587b3",name:"actions"})),a("div",{key:"41b360d62f4e61826a67a3445a0554a29a80d58a",class:"pop__head"},this.dot&&a("span",{key:"7b5d2f30b23464a73164f056719ae65d28786696",class:"pop__dot",style:this.color?{background:this.color}:{}}),a("div",{key:"f9ef28f360297b6e145929ecbbcc4145b1ea855c",class:"pop__body",part:"body"},a("slot",{key:"9029fc9c2c99a8202185a21f1a0212145b61334b"})))))}get el(){return s(this)}static get watchers(){return{open:[{onOpenChange:0}],anchorRect:[{onAnchorChange:0}]}}};r.style=":host{display:contents}.pop{position:fixed;margin:0;inset:auto;width:400px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-md, 14px);box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));padding:0;z-index:1000;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);animation:co-pop-in var(--co-motion-duration-fast) var(--co-motion-ease-out);outline:none}@keyframes co-pop-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.pop__actions{display:flex;justify-content:flex-end;gap:var(--co-spacing-xxs);padding:var(--co-spacing-sm2) var(--co-spacing-sm2) 0}.pop__head{display:flex;gap:var(--co-spacing-md);padding:var(--co-spacing-xs) var(--co-spacing-xl) var(--co-spacing-xl)}.pop__dot{flex:0 0 auto;width:14px;height:14px;border-radius:var(--co-border-radius-xxs);margin-top:5px;background:var(--co-color-primary-azul)}.pop__body{min-width:0;flex:1 1 auto}";export{r as co_event_popover}

package/dist/cobalt/p-6556465f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,a as o}from"./p-CrtiywTB.js";const i=class{constructor(s){t(this,s),this.coOpen=e(this,"coOpen",3),this.coClose=e(this,"coClose",3),this.placement="bottom-end",this.offset=4,this.autoClose=!0,this.open=!1,this.handleKeydown=t=>{if(this.open)switch(t.key){case"Escape":t.preventDefault(),t.stopPropagation(),this.open=!1;break;case"ArrowDown":case"ArrowUp":t.preventDefault(),this.moveFocus("ArrowDown"===t.key?1:-1)}},this.handlePopoverOpen=()=>{this.open=!0,this.coOpen.emit()},this.handlePopoverClose=()=>{this.open=!1,this.coClose.emit()}}handleMenuSelect(){this.autoClose&&(this.open=!1)}onOpenChange(t){t?(document.addEventListener("keydown",this.handleKeydown,!0),requestAnimationFrame((()=>this.focusFirstItem()))):document.removeEventListener("keydown",this.handleKeydown,!0)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeydown,!0)}async focusFirstItem(){var t,e;null===(e=null===(t=this.getMenuItems()[0])||void 0===t?void 0:t.focusItem)||void 0===e||e.call(t)}getMenuItems(){return Array.from(this.el.querySelectorAll("co-menu-item"))}moveFocus(t){var e,s;const o=this.getMenuItems().filter((t=>!t.disabled));if(0===o.length)return;const i=document.activeElement;let n=o.findIndex((t=>t===i||t.contains(i)));-1===n&&(n=t>0?-1:o.length),null===(s=null===(e=o[(n+t+o.length)%o.length])||void 0===e?void 0:e.focusItem)||void 0===s||s.call(e)}render(){return s("co-popover",{key:"afc38289103988c2e71fd219e397f475924ebddc",placement:this.placement,offset:this.offset,open:this.open,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},s("slot",{key:"35c3defb8ea82fc1a077cd77f75168d1455d8a5c",name:"trigger",slot:"trigger"}),s("div",{key:"4a741c330a25f412396a4331dd63e839334acba4",class:"co-menu",role:"menu",style:this.width?{width:this.width,minWidth:this.width}:void 0},s("slot",{key:"3448b69c6c6be4aa2fcf8dcbe1cef4298b266699"})))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};i.style=":host{display:contents}.co-menu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:200px;display:flex;flex-direction:column;gap:2px;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default)}";export{i as co_menu}

package/dist/cobalt/p-7fbd3359.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-CrtiywTB.js";const c=class{constructor(a){e(this,a)}render(){return a("div",{key:"305f42c88d10f238351f362b72283abe82eaeb20",class:"co-page-header",part:"page-header"},a("div",{key:"10185fe127049bfece585c59f92824888113861e",class:"co-page-header__left"},this.icon&&a("span",{key:"017bc4f2aed8d05999c581ce0d7a4797aa84eff6",class:"co-page-header__icon"},a("co-icon",{key:"7d5863437875aa09ad3bbe9e12c0b5d5c9f5c0c7",name:this.icon,size:24})),a("span",{key:"e62ead8cb061045d8995689dce3009e9843e3997",class:"co-page-header__title"},a("slot",{key:"9e1d01a94942daeeb1c56f1d0f05534b45125422"},this.heading))),a("div",{key:"5a2dd08e5b11ab33e64ddb581196d8535deb0925",class:"co-page-header__actions"},a("slot",{key:"7fd3a5ea06593c9208a59ba2812bb827f1d39815",name:"actions"})))}};c.style=":host{display:block}.co-page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-lg) var(--co-spacing-xl);font-family:var(--co-font-family-primary);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-page);min-height:72px;box-sizing:border-box}.co-page-header__left{display:flex;align-items:center;gap:var(--co-spacing-md)}.co-page-header__icon{display:flex;color:var(--co-semantic-text-muted)}.co-page-header__title{font-size:var(--co-font-size-18);font-weight:600;color:var(--co-semantic-text-default)}.co-page-header__actions{display:flex;align-items:center;gap:var(--co-spacing-md)}.co-page-header__actions:empty{display:none}";export{c as co_page_header}

package/dist/cobalt/p-82c8f07b.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as a,a as r}from"./p-CrtiywTB.js";import{g as o}from"./p-CnNpoKwg.js";import{b as i,d as s,a as c,p as n,i as d,h as l,s as h,c as f,e as p,j as u,g,k as m,f as b,l as v}from"./p-BU7SQCje.js";import{R as _}from"./p-T4la7ly_.js";const w=class{constructor(a){e(this,a),this.coSelect=t(this,"coSelect",7),this.coRangeSelect=t(this,"coRangeSelect",7),this.mode="single",this.locale="es-CO",this.firstDayOfWeek=1,this.hoverDay=null,this.view="days",this.shouldFocusGrid=!1,this.handleDayHover=e=>{"range"===this.mode&&(this.hoverDay=e)},this.handlePrev=()=>this.step(-1),this.handleNext=()=>this.step(1),this.toggleView=()=>{this.view="days"===this.view?"months":"months"===this.view?"years":"days"},this.handleGridKeyDown=e=>{const t=this.focused;let a=!0;switch(e.key){case"ArrowLeft":this.moveFocus(s(t,-1));break;case"ArrowRight":this.moveFocus(s(t,1));break;case"ArrowUp":this.moveFocus(s(t,-7));break;case"ArrowDown":this.moveFocus(s(t,7));break;case"Home":this.moveFocus(y(t,this.firstDayOfWeek));break;case"End":this.moveFocus(s(y(t,this.firstDayOfWeek),6));break;case"PageUp":this.moveFocus(i(t,e.shiftKey?-12:-1));break;case"PageDown":this.moveFocus(i(t,e.shiftKey?12:1));break;case"Enter":case" ":this.selectDay(t);break;default:a=!1}a&&(e.preventDefault(),e.stopPropagation())}}componentWillLoad(){var e;const t=null!==(e=this.anchorValue)&&void 0!==e?e:c(),a=n(t);this.viewYear=a.year,this.viewMonth=a.month,this.focused=this.initialFocus()}onValueChange(){if(!this.selectedValue)return;const e=n(this.selectedValue);this.viewYear=e.year,this.viewMonth=e.month,this.focused=this.selectedValue}async focusGrid(){this.shouldFocusGrid=!0,this.focusFocusedCell()}get selectedValue(){return d(this.value)?this.value:null}get rangeStartV(){return d(this.rangeStart)?this.rangeStart:null}get rangeEndV(){return d(this.rangeEnd)?this.rangeEnd:null}get anchorValue(){return"range"===this.mode?this.rangeStartV:this.selectedValue}get disabledOpts(){return{min:this.min,max:this.max,disabledDates:x(this.disabledDates),disabledDaysOfWeek:L(this.disabledDaysOfWeek)}}isDayDisabled(e){return l(e,this.disabledOpts)}initialFocus(){const e=this.anchorValue;if(e&&!this.isDayDisabled(e))return e;const t=c(),a=n(t);if(a.year===this.viewYear&&a.month===this.viewMonth&&!this.isDayDisabled(t))return t;const r=`${String(this.viewYear).padStart(4,"0")}-${String(this.viewMonth).padStart(2,"0")}-01`;let o=r;for(let e=0;e<31;e++){const e=n(o);if(!e||e.month!==this.viewMonth)break;if(!this.isDayDisabled(o))return o;o=s(o,1)}return r}selectDay(e){this.isDayDisabled(e)||(this.focused=e,"range"===this.mode?this.selectRangeDay(e):this.coSelect.emit(e))}selectRangeDay(e){const t=this.rangeStartV;let a;a=!t||t&&this.rangeEndV?{start:e,end:null}:f(e,t)<0?{start:e,end:t}:{start:t,end:e},this.coRangeSelect.emit(a)}moveFocus(e){this.focused=e;const t=n(e);t.year===this.viewYear&&t.month===this.viewMonth||(this.viewYear=t.year,this.viewMonth=t.month),this.shouldFocusGrid=!0}step(e){if("days"===this.view){const t=i(`${this.viewYear}-${String(this.viewMonth).padStart(2,"0")}-01`,e),a=n(t);this.viewYear=a.year,this.viewMonth=a.month}else this.viewYear+="months"===this.view?e:10*e}selectMonth(e){this.viewMonth=e,this.view="days"}selectYear(e){this.viewYear=e,this.view="months"}get decadeStart(){return 10*Math.floor(this.viewYear/10)}get selectedYM(){const e="range"===this.mode?this.rangeStartV:this.selectedValue;if(!e)return null;const t=n(e);return{year:t.year,month:t.month}}isMonthDisabled(e,t){const a=`${String(e).padStart(4,"0")}-${String(t).padStart(2,"0")}-01`,r=s(h(i(a,1)),-1);return!!(this.min&&f(r,this.min)<0)||!!(this.max&&f(a,this.max)>0)}isYearDisabled(e){const t=`${String(e).padStart(4,"0")}-01-01`,a=`${String(e).padStart(4,"0")}-12-31`;return!!(this.min&&f(a,this.min)<0)||!!(this.max&&f(t,this.max)>0)}componentDidRender(){this.shouldFocusGrid&&(this.shouldFocusGrid=!1,this.focusFocusedCell())}focusFocusedCell(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(`[data-date="${this.focused}"]`);null==t||t.focus()}rangeFlags(e){const t=this.rangeStartV,a=this.rangeEndV;if(!t)return{isStart:!1,isEnd:!1,inRange:!1};const r=null!=a?a:this.hoverDay&&!a?this.hoverDay:null;if(!r)return{isStart:0===f(e,t),isEnd:!1,inRange:!1};const o=f(t,r)<=0?t:r,i=f(t,r)<=0?r:t;return{isStart:0===f(e,o),isEnd:0===f(e,i),inRange:f(e,o)>0&&f(e,i)<0}}dayClass(e,t,a){const r=0===f(e,c());if("range"===this.mode){const{isStart:o,isEnd:i,inRange:s}=this.rangeFlags(e);return{"co-calendar__day":!0,"co-calendar__day--outside":!t,"co-calendar__day--today":r&&!(o||i)&&!s,"co-calendar__day--range-start":o,"co-calendar__day--range-end":i,"co-calendar__day--in-range":s,"co-calendar__day--disabled":a}}const o=this.selectedValue,i=!!o&&0===f(e,o);return{"co-calendar__day":!0,"co-calendar__day--outside":!t,"co-calendar__day--today":r&&!i,"co-calendar__day--selected":i,"co-calendar__day--disabled":a}}headerTitle(){return"months"===this.view?String(this.viewYear):"years"===this.view?`${this.decadeStart}–${this.decadeStart+9}`:p(this.viewYear,this.viewMonth,this.locale,"long")}renderDays(e){const t=p(this.viewYear,this.viewMonth,this.locale,"long"),r=u(this.locale,this.firstDayOfWeek,"short"),o=u(this.locale,this.firstDayOfWeek,"long"),i=g(this.viewYear,this.viewMonth,this.firstDayOfWeek);return a("div",{class:"co-calendar__grid",part:"grid",role:"grid","aria-label":t,onKeyDown:this.handleGridKeyDown},a("div",{class:"co-calendar__row co-calendar__row--dow",role:"row"},r.map(((e,t)=>a("span",{class:"co-calendar__dow",role:"columnheader","aria-label":o[t]},e)))),i.map((e=>a("div",{class:"co-calendar__row",role:"row"},e.map((e=>{const t=this.isDayDisabled(e.value),r=0===f(e.value,this.focused),o=0===f(e.value,c());let i;if("range"===this.mode){const{isStart:t,isEnd:a}=this.rangeFlags(e.value);i=t||a}else{const t=this.selectedValue;i=!!t&&0===f(e.value,t)}const s=n(e.value).day;return a("button",{type:"button",role:"gridcell","data-date":e.value,class:this.dayClass(e.value,e.inMonth,t),tabIndex:r?0:-1,"aria-selected":i?"true":"false","aria-current":o?"date":void 0,"aria-disabled":t?"true":void 0,"aria-label":m(e.value,this.locale),onClick:()=>this.selectDay(e.value),onMouseEnter:()=>this.handleDayHover(e.value),onMouseLeave:()=>this.handleDayHover(null)},s)}))))))}renderMonths(){const e=this.selectedYM,t=new Date;return a("div",{class:"co-calendar__panel",part:"grid"},Array.from({length:12},((r,o)=>{const i=o+1,s=new Intl.DateTimeFormat(this.locale,{month:"short"}).format(new Date(this.viewYear,o,1)),c=this.isMonthDisabled(this.viewYear,i),n=!!e&&e.year===this.viewYear&&e.month===i,d=t.getFullYear()===this.viewYear&&t.getMonth()===o;return a("button",{type:"button",class:{"co-calendar__cell":!0,"co-calendar__cell--selected":n,"co-calendar__cell--today":d&&!n,"co-calendar__cell--disabled":c},disabled:c,"aria-current":d?"date":void 0,onClick:()=>this.selectMonth(i)},s)})))}renderYears(){const e=this.selectedYM,t=(new Date).getFullYear(),r=this.decadeStart-1;return a("div",{class:"co-calendar__panel",part:"grid"},Array.from({length:12},((o,i)=>{const s=r+i,c=this.isYearDisabled(s),n=!!e&&e.year===s,d=t===s;return a("button",{type:"button",class:{"co-calendar__cell":!0,"co-calendar__cell--muted":s<this.decadeStart||s>this.decadeStart+9,"co-calendar__cell--selected":n,"co-calendar__cell--today":d&&!n,"co-calendar__cell--disabled":c},disabled:c,"aria-current":d?"date":void 0,onClick:()=>this.selectYear(s)},s)})))}render(){var e,t;const r=o(this.locale);return a("div",{key:"795529e38ec7b72934d786b9dcaa5046e73fbde8",class:"co-calendar",part:"root"},a("div",{key:"f409d1670f4f649d8e91f21915e0008d9ed330ac",class:"co-calendar__header",part:"header"},a("button",{key:"23a4f12ec30cd86e49661daf755a6d2e23b209ad",type:"button",class:"co-calendar__nav",onClick:this.handlePrev,"aria-label":null!==(e=this.prevMonthLabel)&&void 0!==e?e:r.prevMonth},a("co-icon",{key:"ce6b736011e3ed13781cac180fe4542ec38c75c3",name:"caret-left",size:16})),a("button",{key:"b1fcbb3d09e33b0b462bc278b46e14a348f9f9a9",type:"button",class:"co-calendar__title","aria-live":"polite",onClick:this.toggleView},this.headerTitle(),a("co-icon",{key:"dbe1800ed74e234dc8f334183e504d19d8ab9d74",name:"caret-down",size:12,class:"co-calendar__title-caret"})),a("button",{key:"bdbda5999d20cb799aeabe48ebad6e8a4d7d89ff",type:"button",class:"co-calendar__nav",onClick:this.handleNext,"aria-label":null!==(t=this.nextMonthLabel)&&void 0!==t?t:r.nextMonth},a("co-icon",{key:"ec2e268c38d04d1f298cfb12d29647b530b03a94",name:"caret-right",size:16}))),"days"===this.view&&this.renderDays(r),"months"===this.view&&this.renderMonths(),"years"===this.view&&this.renderYears())}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}]}}};function y(e,t){const a=n(e);if(!a)return e;const r=new Date(a.year,a.month-1,a.day).getDay();return s(e,-(r-t+7)%7)}function x(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){const t=e.trim();try{const e=JSON.parse(t);if(Array.isArray(e))return e.map(String)}catch(e){}return t.split(",").map((e=>e.trim())).filter(Boolean)}return[]}function L(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){const t=e.trim();try{const e=JSON.parse(t);if(Array.isArray(e))return e.map(Number).filter((e=>!Number.isNaN(e)))}catch(e){}return t.split(",").map((e=>Number(e.trim()))).filter((e=>!Number.isNaN(e)))}return[]}w.style=":host{display:inline-block;font-family:var(--co-font-family-primary);--co-calendar-day-size:36px}:host([data-touch]){--co-calendar-day-size:44px}.co-calendar{display:flex;flex-direction:column;gap:var(--co-spacing-sm);width:max-content}.co-calendar__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-calendar__month{font-size:var(--co-font-size-14);font-weight:600;color:var(--co-semantic-text-default);text-transform:capitalize}.co-calendar__title{display:inline-flex;align-items:center;gap:var(--co-spacing-xxs);background:none;border:0;cursor:pointer;font-family:inherit;font-size:var(--co-font-size-14);font-weight:600;color:var(--co-semantic-text-default);text-transform:capitalize;padding:var(--co-spacing-xxs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs)}.co-calendar__title:hover{background:var(--co-semantic-surface-hover)}.co-calendar__title:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.co-calendar__title-caret{color:var(--co-semantic-text-muted)}.co-calendar__panel{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--co-spacing-xs);width:calc(var(--co-calendar-day-size) * 7 + 12px);padding-top:var(--co-spacing-xs)}.co-calendar__cell{height:calc(var(--co-calendar-day-size) + 8px);display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--co-border-radius-xs);font-family:inherit;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);cursor:pointer;text-transform:capitalize;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-calendar__cell:hover:not(.co-calendar__cell--disabled):not(.co-calendar__cell--selected){background:var(--co-semantic-surface-hover)}.co-calendar__cell:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.co-calendar__cell--muted{color:var(--co-semantic-text-muted)}.co-calendar__cell--today{border-color:var(--co-semantic-surface-primary);font-weight:600}.co-calendar__cell--selected{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-weight:600}.co-calendar__cell--disabled{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-calendar__nav{background:none;border:0;cursor:pointer;padding:var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);display:inline-flex;align-items:center;color:var(--co-semantic-text-default)}.co-calendar__nav:hover{background:var(--co-semantic-surface-hover)}.co-calendar__nav:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.co-calendar__grid{display:flex;flex-direction:column;gap:2px}.co-calendar__row{display:grid;grid-template-columns:repeat(7, var(--co-calendar-day-size));gap:2px}.co-calendar__row--dow{margin-bottom:2px}.co-calendar__dow{height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--co-font-size-10, 10px);font-weight:600;color:var(--co-semantic-text-muted);text-transform:uppercase;letter-spacing:0.04em}.co-calendar__day{width:var(--co-calendar-day-size);height:var(--co-calendar-day-size);display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-calendar__day:hover:not(.co-calendar__day--disabled):not(.co-calendar__day--selected){background:var(--co-semantic-surface-hover)}.co-calendar__day:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.co-calendar__day--outside{color:var(--co-semantic-text-muted)}.co-calendar__day--today{border-color:var(--co-semantic-surface-primary);font-weight:600}.co-calendar__day--selected{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-weight:600}.co-calendar__day--disabled{color:var(--co-semantic-text-disabled);cursor:not-allowed;pointer-events:none}.co-calendar__day--in-range{background:color-mix(in srgb, var(--co-semantic-surface-primary) 8%, transparent);border-radius:0;color:var(--co-semantic-text-default)}.co-calendar__day--range-start,.co-calendar__day--range-end{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-weight:600}.co-calendar__day--range-start:not(.co-calendar__day--range-end){border-top-right-radius:0;border-bottom-right-radius:0}.co-calendar__day--range-end:not(.co-calendar__day--range-start){border-top-left-radius:0;border-bottom-left-radius:0}";const k=class{constructor(a){e(this,a),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.coInvalid=t(this,"coInvalid",7),this.coClear=t(this,"coClear",7),this.coFocus=t(this,"coFocus",7),this.coBlur=t(this,"coBlur",7),this.value=null,this.size="md",this.locale="es-CO",this.displayFormat="d MMM yyyy",this.disabled=!1,this.readonly=!1,this.required=!1,this.clearable=!0,this.invalid=!1,this.layout="vertical",this.draft="",this.internalInvalid=!1,this.hasFocus=!1,this.handleInput=e=>{this.draft=e.target.value,this.internalInvalid=!1,this.coInput.emit(this.draft)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.commit(),this.coBlur.emit()},this.handleKeyDown=e=>{"Enter"===e.key&&(this.commit()||(e.preventDefault(),e.stopPropagation()))},this.handleClear=()=>{var e;this.draft="",this.internalInvalid=!1,null!==this.value&&(this.value=null,this.coChange.emit(null)),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus()}}componentWillLoad(){this.draft=b(this.value,this.displayFormat,this.locale)}onValueChange(){this.hasFocus||(this.draft=b(this.value,this.displayFormat,this.locale),this.internalInvalid=!1)}async focusInput(){var e;null===(e=this.inputEl)||void 0===e||e.focus()}get order(){const e=this.displayFormat.toLowerCase();return e.startsWith("y")?"ymd":e.startsWith("m")?"mdy":"dmy"}get isInvalid(){return this.invalid||this.internalInvalid}get hasValue(){return""!==this.draft.trim()}commit(){const e=v(this.draft,{order:this.order,locale:this.locale});if("empty"===e.status)return this.internalInvalid=!1,null!==this.value&&(this.value=null,this.coChange.emit(null)),!0;if("invalid"===e.status||null===e.value)return this.internalInvalid=!0,this.coInvalid.emit({raw:this.draft}),!1;const t=e.value;return l(t,{min:this.min,max:this.max,disabledDates:z(this.disabledDates),disabledDaysOfWeek:C(this.disabledDaysOfWeek)})?(this.internalInvalid=!0,this.coInvalid.emit({raw:this.draft}),!1):(this.internalInvalid=!1,this.draft=b(t,this.displayFormat,this.locale),this.value!==t&&(this.value=t,this.coChange.emit(t)),!0)}render(){var e,t;const r=o(this.locale),i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,s=this.placeholder||r.setDate,c=this.isInvalid?this.errorMessage:this.helperText;return a("div",{key:"76448762ebc35a510daa099e2b10fffb304a09c1",class:{"co-date-field":!0,"co-date-field--disabled":this.disabled,"co-date-field--focused":this.hasFocus,"co-date-field--filled":this.hasValue,"co-date-field--invalid":this.isInvalid,[`co-date-field--${this.size}`]:!0},part:"wrapper"},this.label&&a("div",{key:"e50f105a589cc7a4098281d2466b875fc70c706c",class:"co-date-field__labels"},a("label",{key:"3dbb87b7f1a4b229afa920352f352cefa0b5be51",class:"co-date-field__label",part:"label"},this.label,a(_,{key:"adad4708c70542e18e241c73dc16522ffc83a52f",required:this.required}))),a("div",{key:"ef8bbba2b0070c21cbff8feba625ada99a75e50f",class:"co-date-field__field-row"},a("div",{key:"a385b086440ef6842049159424664d1f4a9a5cb5",class:"co-date-field__field",part:"field"},a("co-icon",{key:"5ebc11e2f8a0ccaa0534682c6633228c66565396",name:"calendar",size:16,class:"co-date-field__icon"}),a("div",{key:"8ee80f5304623f8da75f20eb93d6fe3eb927d0f1",class:"co-date-field__input-wrapper"},a("input",{key:"c156767ea4818750c5b00f2f965c026417ef6bd2",ref:e=>this.inputEl=e,class:"co-date-field__native",type:"text",inputMode:"numeric",autocomplete:"off",value:this.draft,placeholder:s,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:r.dateLabel,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&a("button",{key:"4d0b388e20ad3f862e310c951ad7a07d620f9d76",class:{"co-date-field__clear":!0,"co-date-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClear,"aria-label":null!==(e=this.clearLabel)&&void 0!==e?e:r.clearDate,part:"clear"},a("co-icon",{key:"8eb87bc05e53b340b97bdb5f17a3bbd08e2844fc",name:"x-circle",size:16,weight:"fill"})))),this.name&&a("input",{key:"b182c4196a15168a1ad654f00e4c83823b0bf894",type:"hidden",name:this.name,value:null!==(t=this.value)&&void 0!==t?t:""}),c&&a("div",{key:"f2cdef4f478972926e417c03aa6c23269c87fd32",class:{"co-date-field__helper":!0,"co-date-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&a("co-icon",{key:"e4a0acf05080876968835be09f4cf04b4b3ee80f",name:"warning-circle",size:14,class:"co-date-field__helper-icon"}),a("span",{key:"2329cec15faab426f09107615e3038428b26182f",class:"co-date-field__helper-text"},c)))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}]}}};function z(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){try{const t=JSON.parse(e);if(Array.isArray(t))return t.map(String)}catch(e){}return e.split(",").map((e=>e.trim())).filter(Boolean)}return[]}function C(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){try{const t=JSON.parse(e);if(Array.isArray(t))return t.map(Number).filter((e=>!Number.isNaN(e)))}catch(e){}return e.split(",").map((e=>Number(e.trim()))).filter((e=>!Number.isNaN(e)))}return[]}k.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-date-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-field__field-row{display:flex;align-items:stretch}.co-date-field--s .co-date-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm)}.co-date-field--sm .co-date-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm)}.co-date-field--lg .co-date-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg)}.co-date-field__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-date-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-date-field__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-date-field__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-date-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-date-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-date-field__clear--hidden{visibility:hidden;pointer-events:none}.co-date-field__clear:hover{color:var(--co-semantic-text-default)}.co-date-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-date-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-date-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-date-field--focused .co-date-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-field--disabled .co-date-field__labels .co-date-field__label{color:var(--co-semantic-text-disabled)}.co-date-field--disabled .co-date-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-date-field--disabled .co-date-field__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-date-field--disabled .co-date-field__native::placeholder{color:var(--co-semantic-text-disabled)}.co-date-field--disabled .co-date-field__icon{color:var(--co-semantic-text-disabled)}.co-date-field--invalid .co-date-field__field{border-color:var(--co-semantic-status-error)}.co-date-field--invalid.co-date-field--focused .co-date-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-date-field__helper--error .co-date-field__helper-icon,.co-date-field__helper--error .co-date-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-date-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-field__label{white-space:normal}:host([layout='horizontal']) .co-date-field>:not(.co-date-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";const S=class{constructor(a){e(this,a),this.coClose=t(this,"coClose",7),this.coOpen=t(this,"coOpen",7),this.coAfterOpen=t(this,"coAfterOpen",7),this.coAfterClose=t(this,"coAfterClose",7),this.open=!1,this.position="right",this.size="md",this.heading="",this.description="",this.icon="",this.closable=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.modeless=!1,this.loading=!1,this.handleOverlayClose=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleCloseClick=()=>{this.coClose.emit()},this.stopPropagation=e=>{e.stopPropagation()},this.handleTransitionEnd=e=>{"transform"===e.propertyName&&(this.open?this.coAfterOpen.emit():this.coAfterClose.emit())},this.promoteModeless=e=>{e&&(this.asideEl=e);const t=this.asideEl;if(this.modeless&&t&&"function"==typeof t.showPopover)try{t.matches(":popover-open")||t.showPopover()}catch(e){}}}onOpenChange(e,t){e&&!t&&this.coOpen.emit()}handleKey(e){this.open&&this.closeOnEscape&&"Escape"===e.key&&(this.modeless&&document.querySelector("co-drawer[open]:not([modeless]), co-modal[open]")||this.coClose.emit())}componentDidLoad(){this.promoteModeless()}render(){const e=a("aside",{class:{"co-drawer":!0,"co-drawer--open":this.open,"co-drawer--modeless":this.modeless,[`co-drawer--${this.position}`]:!0,[`co-drawer--${this.size}`]:!0},popover:this.modeless?"manual":void 0,ref:this.modeless?this.promoteModeless:void 0,part:"drawer",role:"dialog","aria-modal":this.modeless?"false":"true","aria-labelledby":"co-drawer-heading",onClick:this.stopPropagation,onTransitionEnd:this.handleTransitionEnd},a("div",{class:"co-drawer__card",part:"card"},a("header",{class:"co-drawer__header",part:"header"},a("div",{class:"co-drawer__header-content"},a("slot",{name:"header"},a("div",{class:"co-drawer__heading-row"},this.icon&&a("co-icon",{name:this.icon,size:20,class:"co-drawer__icon"}),a("h2",{class:"co-drawer__heading",id:"co-drawer-heading"},this.heading)),this.description&&a("p",{class:"co-drawer__description"},this.description))),this.closable&&a("button",{class:"co-drawer__close",type:"button","aria-label":"Close",onClick:this.handleCloseClick},a("co-icon",{name:"x",size:20}))),a("div",{class:"co-drawer__tabs",part:"tabs"},a("slot",{name:"tabs"})),a("div",{class:"co-drawer__body",part:"body"},a("slot",null),a("co-loader",{overlay:!0,visible:this.loading,part:"loader"})),a("footer",{class:"co-drawer__footer",part:"footer"},a("slot",{name:"footer"}))));return this.modeless?e:a("co-overlay",{open:this.open,onCoClose:this.handleOverlayClose},e)}get el(){return r(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};S.style=':host{display:contents}.co-drawer{position:fixed;display:flex;flex-direction:column;font-family:var(--co-font-family-primary);transition:transform var(--co-motion-duration-slow) var(--co-motion-ease-in-out);will-change:transform;z-index:1;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-drawer-r:var(--co-shell-r, var(--co-border-radius-md));--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>")}.co-drawer--right{top:0;right:0;margin:6px;height:100vh;height:-webkit-fill-available;transform:translateX(calc(100% + 12px))}.co-drawer--right.co-drawer--open{transform:translateX(0)}.co-drawer--left{top:0;left:0;margin:6px;height:100vh;height:-webkit-fill-available;transform:translateX(calc(-100% - 12px))}.co-drawer--left.co-drawer--open{transform:translateX(0)}.co-drawer--bottom{bottom:0;left:0;right:0;margin:6px;width:auto;transform:translateY(calc(100% + 12px))}.co-drawer--bottom.co-drawer--open{transform:translateY(0)}.co-drawer--right.co-drawer--sm,.co-drawer--left.co-drawer--sm{width:400px;max-width:100vw}.co-drawer--right.co-drawer--md,.co-drawer--left.co-drawer--md{width:520px;max-width:100vw}.co-drawer--right.co-drawer--lg,.co-drawer--left.co-drawer--lg{width:672px;max-width:100vw}.co-drawer--right.co-drawer--xl,.co-drawer--left.co-drawer--xl{width:960px;max-width:100vw}.co-drawer--right.co-drawer--full,.co-drawer--left.co-drawer--full{width:100vw}.co-drawer--bottom.co-drawer--sm{height:40vh}.co-drawer--bottom.co-drawer--md{height:60vh}.co-drawer--bottom.co-drawer--lg{height:80vh}.co-drawer--bottom.co-drawer--xl{height:95vh}.co-drawer--bottom.co-drawer--full{height:100vh}.co-drawer__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--co-semantic-surface-page);border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-drawer-r) var(--co-drawer-r) no-repeat,     var(--co-sq-tr) top right / var(--co-drawer-r) var(--co-drawer-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-drawer-r) var(--co-drawer-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-drawer-r) var(--co-drawer-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-drawer-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-drawer-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-drawer-r) var(--co-drawer-r) no-repeat,     var(--co-sq-tr) top right / var(--co-drawer-r) var(--co-drawer-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-drawer-r) var(--co-drawer-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-drawer-r) var(--co-drawer-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-drawer-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-drawer-r) + 2px) 100% no-repeat}.co-drawer__header{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl);border-bottom:1px solid var(--co-semantic-border-default);flex-shrink:0}.co-drawer__header-content{flex:1;min-width:0}.co-drawer__heading-row{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px)}.co-drawer__icon{flex-shrink:0;color:var(--co-semantic-text-secondary)}.co-drawer__heading{margin:0;font-size:var(--co-font-size-18);font-weight:600;color:var(--co-semantic-text-default);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-drawer__description{margin:var(--co-spacing-xs) 0 0;font-size:var(--co-font-size-13, 13px);font-weight:400;color:var(--co-semantic-text-muted);line-height:1.4}.co-drawer__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-drawer__close:hover{background:var(--co-semantic-surface-hover)}.co-drawer__close:focus-visible{outline:2px solid var(--co-color-primary-azul);outline-offset:2px}.co-drawer__tabs{flex-shrink:0;border-bottom:1px solid var(--co-semantic-border-default)}.co-drawer__tabs:empty{display:none}.co-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--co-spacing-xl);position:relative}.co-drawer__body{scrollbar-width:thin;scrollbar-color:transparent transparent}.co-drawer__body:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.co-drawer__body::-webkit-scrollbar{width:6px}.co-drawer__body::-webkit-scrollbar-track{background:transparent}.co-drawer__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.co-drawer__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.co-drawer__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.co-drawer__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.co-drawer__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);flex-shrink:0}.co-drawer__footer:empty{display:none}@media (max-width: 600px){.co-drawer--right,.co-drawer--left{width:100vw !important}}.co-drawer--modeless{z-index:1000;border:0;padding:0;background:transparent}.co-drawer--modeless.co-drawer--right{left:auto;bottom:auto}.co-drawer--modeless.co-drawer--left{right:auto;bottom:auto}.co-drawer--modeless.co-drawer--bottom{top:auto}';export{w as co_calendar,k as co_date_field,S as co_drawer}