@prolibu-suite/cobalt-core 0.10.4 → 0.11.0

package/dist/types/components.d.ts

@@ -9,7 +9,9 @@ import { AutocompleteOption } from "./components/co-autocomplete/co-autocomplete
 import { CoAvatarGroupItem } from "./components/co-avatar-group/co-avatar-group";
 import { CoCalendarEvent, NormalizedEvent } from "@prolibu-suite/cobalt-calendar-utils";
 import { CheckboxOption } from "./components/co-checkbox-group/co-checkbox-group";
+import { ColorAreaDetail } from "./components/co-color-area/co-color-area";
 import { ColorPreset } from "./components/co-color-picker/presets";
+import { ColorSliderChannel } from "./components/co-color-slider/co-color-slider";
 import { ColumnOption, ColumnSection } from "./components/co-column-picker/utils/column-picker-tree";
 import { ComboboxOption } from "./components/co-combobox/co-combobox";
 import { CommandItem } from "./components/co-command-search/co-command-search";
@@ -17,23 +19,28 @@ import { CoDataTableColumn } from "./components/co-data-table/co-data-table";
 import { Placement } from "./utils/positioning";
 import { DateRangeValue } from "./components/co-date-range-picker/co-date-range-picker";
 import { DateRangeValue as DateRangeValue1 } from "./components/co-date-range-picker/co-date-range-picker";
+import { DocumentActionDetail, DocumentFeatures, DocumentHeaderDetail, DocumentMargins, DocumentPageSize } from "./components/co-document-editor/co-document-editor";
+import { Editor, FieldInfo, ImageUploadHandler, MergeFieldAttributes, RichTextOutput, RichTextPreset, ToolbarExtraItem, ToolbarVariant } from "@prolibu-suite/cobalt-rich-text";
+import { GradientStop, GradientStopAddDetail, GradientStopMoveDetail } from "./utils/gradientStops";
 import { IconWeight } from "./components/co-icon/iconLoader";
 import { PopoverPlacement } from "./components/co-popover/co-popover";
 import { OptionListItem } from "./components/co-option-list/optionListLogic";
 import { PopoverPlacement as PopoverPlacement1 } from "./components/co-popover/co-popover";
 import { RadioOption } from "./components/co-radio-group/co-radio-group";
 import { RefFieldOption } from "./components/co-ref-field/co-ref-field";
-import { Editor, RichTextOutput, RichTextPreset, ToolbarVariant } from "@prolibu-suite/cobalt-rich-text";
 import { CoSegment } from "./components/co-segmented-bar/co-segmented-bar";
 import { SelectOption } from "./components/co-select/co-select";
 import { NavigateDetail } from "./components/co-sidebar-nav/co-sidebar-nav";
 import { CoToastActionsLayout, CoToastVariant } from "./components/co-toast/co-toast";
 import { TransferOption } from "./components/co-transfer-list/co-transfer-list";
+import { TreeItemSelection, TreeItemSize } from "./components/co-tree-item/co-tree-item";
 export { AutocompleteOption } from "./components/co-autocomplete/co-autocomplete";
 export { CoAvatarGroupItem } from "./components/co-avatar-group/co-avatar-group";
 export { CoCalendarEvent, NormalizedEvent } from "@prolibu-suite/cobalt-calendar-utils";
 export { CheckboxOption } from "./components/co-checkbox-group/co-checkbox-group";
+export { ColorAreaDetail } from "./components/co-color-area/co-color-area";
 export { ColorPreset } from "./components/co-color-picker/presets";
+export { ColorSliderChannel } from "./components/co-color-slider/co-color-slider";
 export { ColumnOption, ColumnSection } from "./components/co-column-picker/utils/column-picker-tree";
 export { ComboboxOption } from "./components/co-combobox/co-combobox";
 export { CommandItem } from "./components/co-command-search/co-command-search";
@@ -41,18 +48,21 @@ export { CoDataTableColumn } from "./components/co-data-table/co-data-table";
 export { Placement } from "./utils/positioning";
 export { DateRangeValue } from "./components/co-date-range-picker/co-date-range-picker";
 export { DateRangeValue as DateRangeValue1 } from "./components/co-date-range-picker/co-date-range-picker";
+export { DocumentActionDetail, DocumentFeatures, DocumentHeaderDetail, DocumentMargins, DocumentPageSize } from "./components/co-document-editor/co-document-editor";
+export { Editor, FieldInfo, ImageUploadHandler, MergeFieldAttributes, RichTextOutput, RichTextPreset, ToolbarExtraItem, ToolbarVariant } from "@prolibu-suite/cobalt-rich-text";
+export { GradientStop, GradientStopAddDetail, GradientStopMoveDetail } from "./utils/gradientStops";
 export { IconWeight } from "./components/co-icon/iconLoader";
 export { PopoverPlacement } from "./components/co-popover/co-popover";
 export { OptionListItem } from "./components/co-option-list/optionListLogic";
 export { PopoverPlacement as PopoverPlacement1 } from "./components/co-popover/co-popover";
 export { RadioOption } from "./components/co-radio-group/co-radio-group";
 export { RefFieldOption } from "./components/co-ref-field/co-ref-field";
-export { Editor, RichTextOutput, RichTextPreset, ToolbarVariant } from "@prolibu-suite/cobalt-rich-text";
 export { CoSegment } from "./components/co-segmented-bar/co-segmented-bar";
 export { SelectOption } from "./components/co-select/co-select";
 export { NavigateDetail } from "./components/co-sidebar-nav/co-sidebar-nav";
 export { CoToastActionsLayout, CoToastVariant } from "./components/co-toast/co-toast";
 export { TransferOption } from "./components/co-transfer-list/co-transfer-list";
+export { TreeItemSelection, TreeItemSize } from "./components/co-tree-item/co-tree-item";
 export namespace Components {
     /**
      * Collapsible section. The caret button is the accessible toggle (keyboard,
@@ -280,10 +290,10 @@ export namespace Components {
          */
         "ringColor"?: string;
         /**
-          * Shape of the avatar
+          * Shape of the avatar. `rounded` (Task C12) = radio chico (`--co-border-radius-xs`), sin máscara squircle — esquinas de radio fijo, no la superelipse de `square`.
           * @default 'circle'
          */
-        "shape": 'circle' | 'square';
+        "shape": 'circle' | 'square' | 'rounded';
         /**
           * Size of the avatar
           * @default 'md'
@@ -467,6 +477,11 @@ export namespace Components {
           * @default false
          */
         "elevated": boolean;
+        /**
+          * Ocupa el 100% del ancho del contenedor (Task C2, Fase 2 Cobalt). Reflejado como atributo `full-width`.
+          * @default false
+         */
+        "fullWidth": boolean;
         /**
           * Phosphor icon name for the left position (e.g. "plus", "arrow-left")
          */
@@ -494,10 +509,10 @@ export namespace Components {
          */
         "shape": 'rounded' | 'square';
         /**
-          * Size
+          * Size. "sm" (Task C2, Fase 2 Cobalt): 32px fijo — escala unificada de tallas nuevas del editor (xs=24/s=28/sm=32).
           * @default 'm'
          */
-        "size": 'l' | 'm' | 's' | 'xs';
+        "size": 'l' | 'm' | 's' | 'xs' | 'sm';
         /**
           * Surface the button sits on. On "dark", ghost/stroke variants switch to white ink + blanco-16 hover; danger keeps its solid error fill but swaps the fade-hover for a lighten-hover + white focus ring (dark bars dim a faded red). Receta oficial de acciones de barra (co-action-bar): `variant="ghost"|"stroke" surface="dark"`; Eliminar = `variant="danger" surface="dark"`.
           * @default 'light'
@@ -513,10 +528,10 @@ export namespace Components {
          */
         "type": 'button' | 'submit' | 'reset';
         /**
-          * Visual style
+          * Visual style. "soft" (Task C2, Fase 2 Cobalt): fondo gray-100 sólido, sin backdrop-filter — pensado para toolbars/paneles del editor.
           * @default 'primary'
          */
-        "variant": 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success';
+        "variant": 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success' | 'soft';
     }
     interface CoButtonGroup {
         /**
@@ -571,6 +586,14 @@ export namespace Components {
           * @default 'es-CO'
          */
         "locale": string;
+        /**
+          * Fechas `YYYY-MM-DD` que se MARCAN (feriados, hitos) sin deshabilitarlas: se pueden seleccionar igual. Array, JSON o CSV, como `disabledDates`. Color por la custom property `--co-calendar-marked-bg` (default: token de Cobalt).
+         */
+        "markedDates"?: string[] | string;
+        /**
+          * Texto accesible que se suma al día marcado («Feriado»). Lo traduce el anfitrión.
+         */
+        "markedLabel"?: string;
         /**
           * Latest selectable date, "YYYY-MM-DD".
          */
@@ -584,6 +607,10 @@ export namespace Components {
           * @default 'single'
          */
         "mode": 'single' | 'range';
+        /**
+          * Mes que muestra la vista (`YYYY-MM`), por encima del ancla de la selección. Para poner dos calendarios lado a lado (inicio y fin de un rango en meses distintos).
+         */
+        "month"?: string;
         /**
           * Override the "next month" button aria-label (defaults from `locale`).
          */
@@ -871,6 +898,11 @@ export namespace Components {
           * Label text displayed beside the checkbox
          */
         "label"?: string;
+        /**
+          * Talla del label: 'default' (14px, sin cambios) o 'xs' (12px/400/text-default, gap 6). Con 'xs' la caja SIN MARCAR pasa a fondo transparente + borde `--co-semantic-border-default` pleno (hoy surface-secondary 35% + borde 75%); el estado marcado no cambia. Aditivo — el default sigue siendo idéntico.
+          * @default 'default'
+         */
+        "labelSize": 'default' | 'xs';
         /**
           * Size: small=16px, medium=20px, large=24px (overlay appearance: small=20px, medium/large=22px)
           * @default 'small'
@@ -1013,6 +1045,46 @@ export namespace Components {
          */
         "variant": 'filled' | 'outlined' | 'filter';
     }
+    /**
+     * Área saturación/valor (el "cuadrado" del picker de color). El tono viene de
+     * afuera (`hue`, normalmente de un `co-color-slider channel="hue"`); el usuario
+     * elige saturación (eje X) y valor (eje Y) arrastrando o con el teclado.
+     * Contrato de eventos (pensado para el historial de deshacer del editor):
+     *  - `coInput`  → en cada movimiento del arrastre (vista previa) y en cada paso
+     *                 de teclado.
+     *  - `coChange` → UNA vez al terminar el gesto (pointerup/pointercancel), solo
+     *                 si el gesto cambió el valor, o tras cada paso de teclado que
+     *                 lo cambie. Es el punto de commit: nunca un commit vacío.
+     * Los valores de puntero NO se redondean (una caja de 236 px da ~0,4 % por
+     * píxel; redondear a enteros dejaría hex inalcanzables). El teclado suma ±1
+     * (±10 con Shift) sobre el valor vigente. Quien muestre números redondea.
+     */
+    interface CoColorArea {
+        /**
+          * Deshabilita puntero y teclado; no emite nada.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Tono 0–360. Pinta el fondo; el área no lo modifica.
+          * @default 0
+         */
+        "hue": number;
+        /**
+          * Nombre accesible del slider (`aria-label`).
+         */
+        "label"?: string;
+        /**
+          * Saturación 0–100 (eje X). Mutable: el área se actualiza sola al arrastrar.
+          * @default 100
+         */
+        "saturation": number;
+        /**
+          * Valor/brillo 0–100 (eje Y, 100 arriba). Mutable: el área se actualiza sola al arrastrar.
+          * @default 100
+         */
+        "value": number;
+    }
     /**
      * Color picker with preset swatches. Shows a trigger with the current color
      * swatch + hex value, and opens a popover panel with a saturation/brightness
@@ -1086,6 +1158,43 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Slider de un canal del picker de color: tono (`hue`, 0–360) u opacidad
+     * (`alpha`, 0–100, sobre el color base `color`).
+     * Contrato de eventos (mismo que `co-color-area`, pensado para el historial del
+     * editor): `coInput` en cada movimiento del arrastre y en cada paso de teclado;
+     * `coChange` UNA vez al terminar el gesto (pointerup/pointercancel), solo si el
+     * gesto cambió el valor, o tras cada paso de teclado que lo cambie — nunca un
+     * commit vacío. Ambos llevan el valor numérico.
+     * El thumb (16 px) va INSET: su centro recorre [8 px, ancho − 8 px], así nunca
+     * se sale del track de 16 px de alto. El puntero usa el mismo mapeo, de modo
+     * que el color bajo el thumb es exactamente el valor emitido.
+     */
+    interface CoColorSlider {
+        /**
+          * Canal: `hue` (0–360, gradiente HSL uniforme) o `alpha` (0–100, damero).
+          * @default 'hue'
+         */
+        "channel": ColorSliderChannel;
+        /**
+          * Color base para `channel="alpha"` (cualquier color CSS; el track va de transparente a él).
+         */
+        "color"?: string;
+        /**
+          * Deshabilita puntero y teclado; no emite nada.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Nombre accesible del slider (`aria-label`).
+         */
+        "label"?: string;
+        /**
+          * Valor actual (tono 0–360 / alpha 0–100). Mutable: el slider se actualiza solo al arrastrar.
+          * @default 0
+         */
+        "value": number;
+    }
     interface CoColumnPicker {
         /**
           * @default 'Clear'
@@ -1826,7 +1935,7 @@ export namespace Components {
      * (`@prolibu-suite/cobalt-calendar-utils`), so DST comes from the platform tz
      * database — the same boundary `co-calendar-timegrid` uses. A date-only value
      * ("2026-07-25") is NOT an instant: it is read as that wall-clock day in
-     * `timeZone` at {@link DEFAULT_MINUTES} (09:00), never as UTC midnight (which
+     * `timeZone` at `DEFAULT_MINUTES` (09:00), never as UTC midnight (which
      * would shift the day west of UTC).
      * INTERACTION (Google):
      *   - Click the field → opens. Picking a DAY commits (with the current DRAFT
@@ -1953,6 +2062,105 @@ export namespace Components {
          */
         "variant": 'default' | 'flat';
     }
+    /**
+     * Editor de documentos paginado: hoja fija, encabezado en banda, campos y
+     * firmas (spec contracts-v2-contract-editor §4.2). Recibe y devuelve SOLO el
+     * cuerpo (HTML de impresión) y el HTML del encabezado; no sabe de contratos.
+     * Nunca serializa por tecla: `coChange` solo avisa y el host pide
+     * `getPrintHtml()` cuando lo necesita.
+     * `shadow: false` (como co-rich-text-editor): ProseMirror arma su DOM de forma
+     * imperativa y el CSS de impresión del host tiene que alcanzarlo.
+     */
+    interface CoDocumentEditor {
+        /**
+          * Botones del host al final de la barra (objeto o JSON): `[{id, label, icon?}]`.
+         */
+        "extraItems"?: string | ToolbarExtraItem[];
+        /**
+          * `{fields, signatureSlots}` (objeto o JSON).
+         */
+        "features"?: string | DocumentFeatures;
+        /**
+          * Emite YA el `coChange` pendiente (no-op si no hay). El host lo llama antes de decidir «cambios sin aplicar» (cerrar, navegar): `coChange` sale al final de la ventana de 250 ms y una edición recién tipeada todavía no avisó. El blur del editor y un Escape dentro del componente lo hacen solos.
+         */
+        "flushChange": () => Promise<void>;
+        "focusEditor": () => Promise<void>;
+        "getEditorInstance": () => Promise<Editor | null>;
+        /**
+          * HTML del encabezado confirmado: el de la prop tal cual, o la forma canónica si pasó por la banda o por `setFieldValues`. Lo que se está editando en la banda sin confirmar NO cuenta.
+         */
+        "getHeaderHtml": () => Promise<string>;
+        "getJSON": () => Promise<object | null>;
+        /**
+          * Cuerpo en la forma canónica de impresión (spec §3.4).
+         */
+        "getPrintHtml": () => Promise<string>;
+        /**
+          * Alto de la banda del encabezado en px (cuando hay encabezado).
+          * @default 45
+         */
+        "headerHeight": number;
+        /**
+          * HTML del encabezado (banda superior de cada hoja). Vacío = sin encabezado.
+          * @default ''
+         */
+        "headerHtml": string;
+        /**
+          * `(file) => Promise<{src, fileId?}>` (propiedad JS).
+         */
+        "imageUpload"?: ImageUploadHandler;
+        "insertField": (name: string, opts?: Partial<Omit<MergeFieldAttributes, "name">>) => Promise<void>;
+        "insertSignatureSlot": () => Promise<void>;
+        /**
+          * ¿Cuerpo vacío? En print un documento vacío NO serializa a `''` (`<p><br class="ProseMirror-trailingBreak"></p>`): el host pregunta acá.
+         */
+        "isEmpty": () => Promise<boolean>;
+        /**
+          * Nombre accesible del área de edición.
+         */
+        "label"?: string;
+        /**
+          * BCP-47 para los textos de la UI ('es', 'en', 'pt-BR'…).
+          * @default 'en'
+         */
+        "locale": string;
+        /**
+          * Márgenes en px (objeto o JSON). Default 38 px por lado (10 mm).
+         */
+        "margins"?: string | DocumentMargins;
+        /**
+          * `letter` | `a4` | `legal` o `{width, height}` en px a 96 dpi (objeto o JSON).
+          * @default 'letter'
+         */
+        "pageSize": string | DocumentPageSize;
+        /**
+          * CSS de impresión del host; se acota a la hoja.
+          * @default ''
+         */
+        "pageStyles": string;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Reemplaza el cuerpo (HTML de impresión, V1 incluido). A diferencia del RTE, NO emite coChange.
+         */
+        "setContent": (html: string) => Promise<void>;
+        /**
+          * Valores de los campos (cuerpo y encabezado) en UNA transacción por editor; no cuenta como edición del usuario ni emite coHeaderChange. Con la banda abierta se aplican también al confirmado, así cancelar no los pierde.
+         */
+        "setFieldValues": (values: Record<string, string>) => Promise<void>;
+        /**
+          * Número de página en la banda. Se lee como intención: `true` o `'true'`.
+          * @default false
+         */
+        "showPageNumber": boolean | string;
+        /**
+          * Cuerpo: HTML de impresión (tolera el que guardó V1) o JSON de ProseMirror como string.
+          * @default null
+         */
+        "value": string | null;
+    }
     interface CoDrawer {
         /**
           * Show close (X) button in header
@@ -2475,6 +2683,46 @@ export namespace Components {
          */
         "size": number;
     }
+    /**
+     * Barra de paradas de un degradado (popover de relleno del editor): arrastrar
+     * una parada, agregar una con click sobre la barra y seleccionar.
+     * Contrato de eventos (pensado para el historial de deshacer del host):
+     * - `coStopMove` — continuo, en cada movimiento del arrastre (preview en vivo).
+     * - `coStopsChange` — UNA vez al terminar el gesto (siempre que hubo al menos
+     *   un `coStopMove`, aunque el stop vuelva a su posición inicial: el host cierra
+     *   ahí su transacción) y una vez por cada paso de teclado.
+     * - `coStopSelect` — al hacer pointerdown sobre un handle.
+     * - `coStopAdd` — al hacer click sobre el track fuera de un handle; `color` es
+     *   el interpolado en esa posición.
+     * Con `disabled` no se emite nada.
+     * El componente es controlado: `stops` los pinta el host. Durante el arrastre
+     * el handle se pinta en la posición viva aunque el host no aplique cada
+     * `coStopMove`.
+     */
+    interface CoGradientBar {
+        /**
+          * Deshabilita toda interacción; no se emite ningún evento.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * aria-label del grupo. Vacío = el del `locale`.
+         */
+        "label"?: string;
+        /**
+          * Locale de los strings integrados (es/en/pt).
+         */
+        "locale"?: string;
+        /**
+          * Índice de la parada seleccionada (anillo `accent`). Se actualiza al hacer pointerdown en un handle.
+         */
+        "selected"?: number;
+        /**
+          * Paradas del degradado: `position` 0–100, `color` hex/rgba.
+          * @default []
+         */
+        "stops": GradientStop[];
+    }
     /**
      * Helper / validation text shown below form fields.
      */
@@ -2517,11 +2765,21 @@ export namespace Components {
           * Override the container box in px (width === height). When set, takes precedence over the `size` class dimensions — lets you hit 32/36/40 rounded squares. When omitted, the `size` class dimensions apply (unchanged behavior).
          */
         "boxSize"?: number;
+        /**
+          * Agrega un `caret-down` de 8px a la derecha del icono principal (botones-disclosure). Ensancha la caja +8px (el alto no cambia) para que el caret no le robe espacio al icono — fix round 1: la primera versión usaba `padding-right`, que con `box-sizing: border-box` y ancho fijo por talla ENCOGE el área de contenido en vez de agrandar la caja (overflow real en xs/xxs). Sin `caret`, el DOM/CSS quedan idénticos al comportamiento anterior.
+          * @default false
+         */
+        "caret": boolean;
         /**
           * Reflected so :host([disabled]) can kill pointer-events — the inner button's pointer-events:none re-targets clicks to the host, where consumers' click listeners live.
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Ocupa el espacio disponible del contenedor flex (`flex: 1 1 0; min-width: 0`) en vez del ancho fijo por `size` — para filas de N botones repartidos en el 100%.
+          * @default false
+         */
+        "fluid": boolean;
         /**
           * Phosphor icon name (e.g. "plus", "gear"). Renders co-icon inside the button.
          */
@@ -2540,6 +2798,11 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * Estado de selección (transversal, gana sobre cualquier `variant`): fondo/color de acento. Reflejado para que `:host([selected])` sea estilable desde afuera y marca `aria-pressed="true"` en el `<button>` (ausente cuando no está selected, en vez de "false", para no alterar el árbol de accesibilidad por defecto).
+          * @default false
+         */
+        "selected": boolean;
         /**
           * Shape: pill or straight corners
           * @default 'rounded'
@@ -2565,10 +2828,10 @@ export namespace Components {
          */
         "toggled": boolean;
         /**
-          * filled = dark background (negro), outlined = light background (blanco + border), ghost = transparent background, no border, tinted hover (negro-8 on light / blanco-16 on dark). Matches Figma: Secundario → filled, Primario → outlined
+          * filled = dark background (negro), outlined = light background (blanco + border), ghost = transparent background, no border, tinted hover (negro-8 on light / blanco-16 on dark), soft = fondo gris sólido (--co-color-gray-100), sin borde visible, sin frost. Matches Figma: Secundario → filled, Primario → outlined
           * @default 'filled'
          */
-        "variant": 'filled' | 'outlined' | 'ghost';
+        "variant": 'filled' | 'outlined' | 'ghost' | 'soft';
     }
     /**
      * Text input field with label, helper text, icons, and clear functionality.
@@ -2619,6 +2882,10 @@ export namespace Components {
           * Phosphor icon name for the right position
          */
         "iconRight"?: string;
+        /**
+          * Tamaño en px de los íconos `iconLeft`/`iconRight` (pasado al `co-icon` interno). Sin este prop, el campo sigue con el tamaño fijo que ya tenía (16px) — comportamiento idéntico a antes de esta prop.
+         */
+        "iconSize"?: number;
         /**
           * Label text displayed above or beside the input
          */
@@ -2656,10 +2923,10 @@ export namespace Components {
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
         /**
-          * Size variant: s (28px), sm (32px), md (40px, default), lg (48px). In the filled search-pill variant (`fill`) this drives the pill height instead (s ≈ 38px).
+          * Size variant: xs (24px), s (28px), sm (32px), md (40px, default), lg (48px). In the filled search-pill variant (`fill`) this drives the pill height instead (s ≈ 38px).
           * @default 'md'
          */
-        "size": 's' | 'sm' | 'md' | 'lg';
+        "size": 'xs' | 's' | 'sm' | 'md' | 'lg';
         /**
           * Validation status
           * @default 'default'
@@ -2676,10 +2943,10 @@ export namespace Components {
          */
         "value": string;
         /**
-          * Visual style. `flat` strips the field's border and background so it reads as plain content instead of a boxed input — padding, label, focus ring, disabled and status states are unaffected. `default` (the standard bordered box) renders identically to before this prop existed.
+          * Visual style. `flat` strips the field's border and background so it reads as plain content instead of a boxed input — padding, label, focus ring, disabled and status states are unaffected. `soft` renders a solid gray-100 background with a transparent 1px border (same width as default, so nothing shifts) and no backdrop-filter — the disabled state keeps that gray-100 background and dims the field's content instead. `default` (the standard bordered box) renders identically to before this prop existed.
           * @default 'default'
          */
-        "variant": 'default' | 'flat';
+        "variant": 'default' | 'flat' | 'soft';
     }
     /**
      * Multiline JSON / arbitrary-object editor — a `<textarea>` with inline JSON
@@ -2745,6 +3012,47 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * co-kbd — grupo de teclas de un atajo (p.ej. "shift+1", "mod+0", "v").
+     * Modificadores como ícono Phosphor en mac, como etiqueta i18n en win;
+     * teclas sueltas como texto en mayúscula. Con `chord`, toda la combinación
+     * va en UN solo chip (sin separadores).
+     * Usage:
+     *   <co-kbd keys="mod+0" />
+     *   <co-kbd keys="v" surface="dark" size="xs" />
+     *   <co-kbd keys="mod+0" chord />
+     */
+    interface CoKbd {
+        /**
+          * Modo acorde: toda la combinación en UN solo chip (`part="key"`; 30×18 en `sm`, 16 de alto en `xs`), sin separadores "+" — cada token va en una celda (`part="cell"`) de 12 de alto: ícono Phosphor de 12px en una celda de 12×12 fija (modificadores en mac); texto en una celda que crece con su contenido, mínimo 12 (modificadores en win, teclas sueltas). El chip ensancha con las celdas. `role="group"` y `aria-label` no cambian. Sin `chord`, el modo de siempre: un chip por tecla + separadores.
+          * @default false
+         */
+        "chord": boolean;
+        /**
+          * Combinación de teclas separadas por "+", p.ej. "shift+1", "mod+0", "v".
+          * @default ''
+         */
+        "keys": string;
+        /**
+          * Locale BCP-47 (p.ej. "es-CO") para las etiquetas de texto en `win`. Sin locale explícito, `kbdI18n` resuelve a 'en'.
+         */
+        "locale"?: string;
+        /**
+          * Plataforma para resolver el render de los modificadores: `mac` → íconos Phosphor (⌘⇧⌥⌃); `win` → etiquetas de texto (`kbdI18n`). `auto` detecta por `navigator.platform`/`userAgent`; sin señal de Mac (p.ej. jsdom en tests) cae a `win`.
+          * @default 'auto'
+         */
+        "platform": 'auto' | 'mac' | 'win';
+        /**
+          * Tamaño de cada tecla: `sm` 30×18 (con ícono 12px) · `xs` 16×16 (solo texto/1 char).
+          * @default 'sm'
+         */
+        "size": 'sm' | 'xs';
+        /**
+          * Superficie donde se apoya: `light` → fondo gray-100 (texto oscuro); `dark` → blanco-16 (texto blanco) — pensado para pills oscuras, p.ej. `co-tooltip` variant="label".
+          * @default 'light'
+         */
+        "surface": 'light' | 'dark';
+    }
     /**
      * Fullscreen media viewer — dark scrim, zoom (wheel / buttons / double-click,
      * anchored at the cursor), drag-to-pan while zoomed, and prev/next carousel
@@ -2924,6 +3232,10 @@ export namespace Components {
      * ```
      */
     interface CoMenu {
+        /**
+          * Elemento (o selector resuelto contra `document`) al que se alinea el panel EN VEZ del trigger (Task C10, Fase 2 Cobalt — fix round 1). Reenviada tal cual al `co-popover` interno; sin `anchor`, cae al trigger (comportamiento de siempre). Útil para alinear el menú contra un contenedor más grande que el botón que lo abre (p.ej. la píldora del zoom del toolbar).
+         */
+        "anchor"?: HTMLElement | string;
         /**
           * Close the menu after a leaf item is selected.
           * @default true
@@ -2945,6 +3257,16 @@ export namespace Components {
           * @default 'bottom-end'
          */
         "placement": PopoverPlacement;
+        /**
+          * Desplazamiento en px sobre el eje CRUZADO del `placement` (Task C10, Fase 2 Cobalt — fix round 1). Reenviada tal cual al `co-popover` interno. Default `0` = sin cambio.
+          * @default 0
+         */
+        "shift": number;
+        /**
+          * Superficie sobre la que se apoya el panel (regla transversal `surface="dark"`). `dark` = fondo `--co-semantic-surface-primary`, texto `--co-semantic-text-inverse`, sin anillo ni sombra, radio `--co-border-radius-xs`, `min-width: auto`. Para los menús negros de herramienta (formas, plantillas de página, Lineal/Radial). Reflejado a atributo para que el CSS lo lea vía `:host([surface="dark"])`.  Los `co-menu-item` (y `co-menu-divider`) hijos heredan el tema oscuro SOLOS, sin ningún prop propio: `co-menu.css` publica variables CSS en el elemento slotted (`::slotted(co-menu-item) { --co-menu-item-color: ...; }`) y esas variables — al ser custom properties heredadas — atraviesan el shadow boundary del hijo hasta su propio `:host` y de ahí a su árbol interno. `co-menu-item`/`co-menu-divider` las consumen con fallback al valor claro de siempre, así que sin `surface="dark"` no cambia nada.
+          * @default 'light'
+         */
+        "surface": 'light' | 'dark';
         /**
           * Fixes the panel to an exact width (e.g. `'210px'`). When unset, the panel keeps its intrinsic auto width (min-width 200px). Also tune padding with the `--co-menu-padding` CSS var (default 4px; design uses 6px).
          */
@@ -3002,6 +3324,11 @@ export namespace Components {
           * Text shown in the row.
          */
         "label"?: string;
+        /**
+          * Reserva un check de 12px AL INICIO de la fila (antes del ícono/label). A diferencia de `trailingCheck` (que solo se monta si el prop está en true), acá el HUECO (12px + el gap de la fila) se reserva SIEMPRE que `leadingCheck` esté activo — el `co-icon` de adentro solo se monta si además `selected` es true, así todas las filas de un menú de selección única (formas, plantillas de página) quedan alineadas aunque solo una esté marcada. Pensado para menús con `co-menu surface="dark"`.
+          * @default false
+         */
+        "leadingCheck": boolean;
         /**
           * Marks the row as selected — paints an at-rest gray-100 background. Used by single-select menus (sort/type).
           * @default false
@@ -3019,6 +3346,16 @@ export namespace Components {
         "variant": 'default' | 'danger';
     }
     interface CoModal {
+        /**
+          * Visual treatment (Task C12). `default` = superficie squircle actual (radio `--co-modal-r`, sombra que sigue la silueta). `panel` = superficie plana (radio 12, borde `--co-semantic-border-subtle`, `--co-shadow-lg`), SIN máscara squircle — look de panel anclado, no de diálogo centrado.  `dialog` (Task M1) = la anatomía del componente "Modal" del design system (Figma Prolibu UI Suite, nodo `1179:37247`): superficie plana radio 16 (`--co-border-radius-lg`) sin borde ni sombra propios, título 22/500 y cuerpo 16/1.5 `text-secondary` sin divisor entre ambos, padding 32 (`--co-spacing-3xl`), footer 16/24 con hairline `border-subtle` y botones cuadrados de radio 12. Sin máscara squircle. El ✕ (si `closable`) es el redondo de 32 del modo `panel`.
+          * @default 'default'
+         */
+        "appearance": 'default' | 'panel' | 'dialog';
+        /**
+          * Control del scrim (Task C12). `none` = sin fondo oscuro y sin cierre por clic afuera — independiente de `closeOnOverlay` (que solo aplica cuando SÍ hay scrim). `co-overlay` es quien posee el único `<div>` de scrim del árbol, así que `none` implica no montar `<co-overlay>` (ver `inline`).
+          * @default 'default'
+         */
+        "backdrop": 'default' | 'none';
         /**
           * Show close (X) button in header
           * @default true
@@ -3048,6 +3385,16 @@ export namespace Components {
           * @default ''
          */
         "heading": string;
+        /**
+          * Renderiza en `position: fixed` con su propio `--co-modal-z-index` en vez de promoverse al TOP LAYER del browser (Task C12). `co-overlay` promueve su scrim al top layer vía Popover API (`showPopover()`); el top layer SIEMPRE pinta por encima de cualquier `z-index` normal, así que un portal propio del consumidor (selector de fuente/color del editor) con z-index alto quedaría igual TAPADO detrás del modal. `inline` evita eso.  `co-overlay` es también quien posee la promoción a top layer — no hay forma de pedirle "no te promuevas" sin tocar ese componente (fuera de alcance de esta task), así que, igual que `backdrop="none"`, `inline` implica no montar `<co-overlay>`: el panel pasa a posicionarse y apilarse solo (`.co-modal__frame--standalone`, ver co-modal.css).
+          * @default false
+         */
+        "inline": boolean;
+        /**
+          * Opt-in: el modal se MUEVE arrastrando su header (Task D1). Default false → los consumidores actuales quedan byte-idénticos (ni DOM ni CSS cambian).  Con `movable`, el `part="header"` entero es la zona de agarre (`cursor: grab`), salvo los controles que contenga (el ✕, y cualquier botón, enlace o campo: ver `isInteractiveDragTarget`). Soltar confirma la posición; `pointercancel` o perder el foco de la ventana la CANCELAN y dejan la anterior. La posición no se persiste: cerrar y reabrir devuelve el panel a su lugar por defecto.  Se llama `movable` y no `draggable` a propósito: `draggable` es un atributo global de HTML (arrastre nativo HTML5) y una prop de React, y una prop del mismo nombre taparía `HTMLElement.draggable` con dos semánticas encimadas.
+          * @default false
+         */
+        "movable": boolean;
         /**
           * Hide body section and all border dividers (compact confirm dialogs)
           * @default false
@@ -3059,10 +3406,10 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * Modal width: sm (400px), md (540px), lg (680px), full (min(1400px, 95vw) × 92vh — media/document viewers).  `full` also drops the body padding and lets the body grow, so a slotted <video>/<iframe> fills the panel edge-to-edge instead of sitting in a content-height box.
+          * Modal width: xs (369px, vía `--co-modal-width` — Task C12, paneles anclados como "Tipografía y color"), sm (400px), md (540px), lg (680px), full (min(1400px, 95vw) × 92vh — media/document viewers).  `full` also drops the body padding and lets the body grow, so a slotted <video>/<iframe> fills the panel edge-to-edge instead of sitting in a content-height box.
           * @default 'md'
          */
-        "size": 'sm' | 'md' | 'lg' | 'full';
+        "size": 'xs' | 'sm' | 'md' | 'lg' | 'full';
     }
     /**
      * Horizontal toolbar container. Place any content inside the default slot.
@@ -3376,6 +3723,15 @@ export namespace Components {
         "value": string;
     }
     interface CoPopover {
+        /**
+          * Elemento (o selector resuelto contra `document`) al que se alinea el panel EN VEZ del trigger (Task C10, Fase 2 Cobalt) — p.ej. la píldora completa del zoom, no solo el botón "▾" que abre el menú. Un selector sin match cae al trigger (comportamiento actual). Sin `anchor`, cero cambio.
+         */
+        "anchor"?: HTMLElement | string;
+        /**
+          * El panel no pinta fondo/borde/sombra propios (Task C10, Fase 2 Cobalt): para alojar un `co-menu` (u otro contenido con su propio chrome) sin "doble chrome". Reflejado como atributo `bare`. Default `false` = panel con el fondo/borde/sombra de siempre (`--co-popover-border-color` / `--co-popover-shadow`), sin cambio.
+          * @default false
+         */
+        "bare": boolean;
         /**
           * Close when clicking outside the component.  ⚠️ In a stacked popover scenario, only the top-of-stack layer reacts to outside clicks (see `handleDocumentClickManual`). If the TOP layer sets this to `false` (a persistent popover), outside clicks are swallowed entirely — popovers below it in the stack lose their dismiss too.
           * @default true
@@ -3412,6 +3768,11 @@ export namespace Components {
           * @default 'bottom-start'
          */
         "placement": PopoverPlacement1;
+        /**
+          * Desplazamiento en px sobre el eje CRUZADO del `placement` (Task C10, Fase 2 Cobalt): con un placement vertical (`top*`/`bottom*`) mueve `left`; con uno horizontal (`left*`/`right*`) mueve `top`. Default 0 = sin cambio.  ⚠️ Se aplica ANTES del clamp de 4px a los bordes del viewport (ver `computePosition` en `utils/positioning.ts`) — un `shift` grande cerca de un borde puede quedar clampeado igual que hoy, no lo evita. No hay forma de pedir un `shift` que se salga de pantalla a propósito.
+          * @default 0
+         */
+        "shift": number;
         "show": () => Promise<void>;
         "toggle": () => Promise<void>;
     }
@@ -3924,10 +4285,19 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Muestra «Encabezado» (variante document). co-document-editor lo apaga mientras se edita la banda.
+          * @default false
+         */
+        "documentHeaderEnabled": boolean;
         /**
           * Editor instance (set as a property by the host editor).
          */
         "editor"?: Editor;
+        /**
+          * Botones del host al final de la barra (propiedad JS o JSON): `[{ id, label, icon? }]`. Su clic emite `coAction` con `{ action: id, payload: { extra: true } }` y no toca el editor.
+         */
+        "extraItems"?: ToolbarExtraItem[] | string;
         /**
           * Image upload handler (JS property): `(file) => Promise<url | {src, fileId}>`.
          */
@@ -3946,7 +4316,7 @@ export namespace Components {
           * Toolbar layout variant.
           * @default 'basic'
          */
-        "variant": 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full';
+        "variant": 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full' | 'document';
     }
     interface CoRichTextViewer {
         /**
@@ -4049,12 +4419,26 @@ export namespace Components {
         "footerPrimaryLabel": string;
         "helperText"?: string;
         "iconLeft"?: string;
+        /**
+          * Tamaño (px) del `co-icon` de `iconLeft`. Sin setear, conserva el actual (16).
+         */
+        "iconSize"?: number;
         "label"?: string;
+        /**
+          * Layout de la fila de etiqueta. `inline-help` la muestra en una sola fila (`label` a la izquierda, `secondaryLabel` a la derecha, alineados a la línea de base) y ajusta el borde/gap del trigger para ese contexto (modal). `default` mantiene el layout actual (labels apiladas arriba, centradas verticalmente entre sí).
+          * @default 'default'
+         */
+        "labelStyle": 'default' | 'inline-help';
         /**
           * Label layout: vertical (label above) or horizontal (label beside)
           * @default 'vertical'
          */
         "layout": 'vertical' | 'horizontal';
+        /**
+          * Superficie del panel desplegable. `dark` = fondo `surface-primary` + texto `text-inverse`, con el check de la opción seleccionada al INICIO (hueco siempre reservado, como `co-menu-item leadingCheck`). `light` (default) conserva el panel y el check al final tal cual hoy.
+          * @default 'light'
+         */
+        "menuSurface": 'light' | 'dark';
         /**
           * @default false
          */
@@ -4090,7 +4474,7 @@ export namespace Components {
         /**
           * @default 'md'
          */
-        "size": 's' | 'sm' | 'md' | 'lg';
+        "size": 'xs' | 's' | 'sm' | 'md' | 'lg';
         /**
           * @default 'default'
          */
@@ -4100,10 +4484,10 @@ export namespace Components {
          */
         "value": string | string[];
         /**
-          * Visual style. `flat` strips the trigger's border and background so it reads as plain content instead of a boxed control — padding, label, focus ring, disabled and status states are unaffected. `default` (the standard bordered box) renders identically to before this prop existed.
+          * Visual style. `flat` strips the trigger's border and background so it reads as plain content instead of a boxed control — padding, label, focus ring, disabled and status states are unaffected. `soft` pinta un fondo `gray-100` sólido con borde transparente (mismo grosor que el default, no cambia el tamaño de la caja). `default` (the standard bordered box) renders identically to before this prop existed.
           * @default 'default'
          */
-        "variant": 'default' | 'flat';
+        "variant": 'default' | 'flat' | 'soft';
     }
     interface CoSeparator {
         /**
@@ -4223,6 +4607,10 @@ export namespace Components {
         "width": string;
     }
     interface CoSlider {
+        /**
+          * Nombre accesible del control, SIN dibujar etiqueta. `label` hace las dos cosas a la vez (rotula y nombra), así que un slider sin etiqueta visible —los dos del panel de Multimedia del editor, y cualquier control con el rótulo afuera— se quedaba llamándose `"Slider"`: literal, en inglés y para todos los idiomas.  Mismo nombre de prop que `co-fab`, `co-button` y `co-action-bar`, y la misma precedencia que `co-fab` y `co-action-bar` (`ariaLabelText || label`; `co-button` no tiene `label` que nombre: cae al texto de su contenido). El fallback final es propio de cada componente; acá, `"Slider"`. Aditiva — sin ella el markup y el `aria-label` son byte-idénticos a los de siempre.  La resolución es por `||` sobre el valor RECIBIDO y no por un default de clase: un wrapper (`@lit/react`, el `defineContainer` de Vue) que pasa la prop sin valor manda `undefined` y pisa cualquier default sembrado por Stencil, así que `undefined` y `''` tienen que caer del lado de SIEMPRE — el mismo criterio que el `=== 'vertical'` de `isVertical`.
+         */
+        "ariaLabelText"?: string;
         /**
           * @default false
          */
@@ -4237,6 +4625,11 @@ export namespace Components {
           * @default 0
          */
         "min": number;
+        /**
+          * Eje del control. `horizontal` (default) es el slider de siempre: mismo markup, mismo CSS, mismos eventos — la variante es ADITIVA y ningún consumidor actual (prolibu-front-v2) cambia de comportamiento.  `vertical` INVIERTE el eje como manda la convención de un control de volumen: arriba es MÁS. El relleno crece desde abajo, el thumb se posiciona por `bottom`, y el largo del riel se ajusta con la variable `--co-slider-vertical-length` (default 120px).  NO lleva `reflect`: reflejar una prop de string con default escribiría `orientation="horizontal"` en el host de TODOS los consumidores actuales, y eso ya sería cambiarles el markup. El estilo cuelga de la clase interna `.co-slider--vertical`, que es nuestra.
+          * @default 'horizontal'
+         */
+        "orientation": 'horizontal' | 'vertical';
         "secondaryLabel"?: string;
         /**
           * Show min/max marks
@@ -4261,6 +4654,52 @@ export namespace Components {
          */
         "value": number;
     }
+    /**
+     * Grilla de muestras de color ("Colores recientes" del popover de relleno).
+     * Listbox de una sola selección: click (o Enter/Espacio) emite `coSelect` con
+     * el color; las flechas solo mueven el foco (roving tabindex).
+     * Los colores claros (luminancia WCAG > 0,85) reciben un borde automático
+     * para no fundirse con el fondo del panel.
+     */
+    interface CoSwatchGrid {
+        /**
+          * Colores a mostrar (hex/rgba), en orden de lectura.
+          * @default []
+         */
+        "colors": string[];
+        /**
+          * Columnas de la grilla.
+          * @default DEFAULTS.columns
+         */
+        "columns": number;
+        /**
+          * Separación entre swatches en px.
+          * @default DEFAULTS.gap
+         */
+        "gap": number;
+        /**
+          * aria-label del listbox. Vacío = el del `locale`.
+         */
+        "label"?: string;
+        /**
+          * Locale de los strings integrados (es/en/pt).
+         */
+        "locale"?: string;
+        /**
+          * Radio de cada swatch en px.
+          * @default DEFAULTS.radius
+         */
+        "radius": number;
+        /**
+          * Lado de cada swatch en px.
+          * @default DEFAULTS.swatchSize
+         */
+        "swatchSize": number;
+        /**
+          * Color seleccionado (anillo `accent`); se compara sin distinguir mayúsculas.
+         */
+        "value"?: string;
+    }
     interface CoSwitch {
         /**
           * Whether the switch is on
@@ -4305,6 +4744,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Estira el botón interno (`part="tab"`) al 100% del host y centra su contenido. Lo setea `co-tab-group` con `full-width` (se propaga a los hijos igual que `size`, ver `syncTabs()`: el grupo sin `fullWidth` nunca pisa uno puesto a mano acá): el grupo ya estiraba el host con `::slotted(co-tab) { flex: 1 }`, pero el `.co-tab` de adentro seguía al ancho del contenido. Reflejado para que `:host([full-width])` lo vea desde el CSS. Sin él, nada cambia.
+          * @default false
+         */
+        "fullWidth": boolean;
         /**
           * Left icon (Phosphor name)
          */
@@ -4324,10 +4768,10 @@ export namespace Components {
          */
         "selected": boolean;
         /**
-          * Size
+          * Size. 'large'/'small' son los tamaños históricos (pill/underline). 's' (28px) y 'xs' (26px, excepción D-19 a la escala unificada) solo tienen chrome propio en `variant="segmented"` — ver co-tab.css.
           * @default 'small'
          */
-        "size": 'large' | 'small';
+        "size": 'large' | 'small' | 's' | 'xs';
         /**
           * Tab value (used for selection)
           * @default ''
@@ -4340,6 +4784,15 @@ export namespace Components {
         "variant": 'pill' | 'underline' | 'segmented';
     }
     interface CoTabGroup {
+        /**
+          * Estira el host y el track al 100% del contenedor; cada `co-tab` hijo reparte el ancho por igual (`::slotted(co-tab) { flex: 1 }`) y, como se propaga a los hijos igual que `size` (`syncTabs()`), cada `co-tab` estira además su `part="tab"` al 100% del host (`:host([full-width]) .co-tab` en co-tab.css). Mismo contrato que `size`: un grupo sin `fullWidth` nunca pisa un `fullWidth` puesto a mano en un hijo, y al apagarlo baja solo a los hijos que él mismo subió.
+          * @default false
+         */
+        "fullWidth": boolean;
+        /**
+          * Track/tab size — solo tiene chrome propio en `variant="segmented"` ('s' = 28px, 'xs' = 26px, ver co-tab-group.css / co-tab.css). Se propaga a los `co-tab` hijos igual que `variant` (mismo mecanismo, `syncTabs()`), pero solo cuando está seteado: un grupo sin `size` nunca pisa un `size` puesto a mano en un `co-tab` hijo.
+         */
+        "size"?: 's' | 'xs';
         /**
           * Currently selected tab value
          */
@@ -4510,6 +4963,39 @@ export namespace Components {
          */
         "variant": 'default' | 'flat';
     }
+    /**
+     * co-tile — tarjeta de 96×80 con ícono + etiqueta, usada en la grilla de
+     * "Plantillas de página" del editor. El host (el propio elemento
+     * personalizado) es el nodo focuseable/arrastrable: no declara eventos
+     * propios (`click`/`dragstart`/`pointerdown`) porque el consumidor
+     * (dnd-kit) los escucha directamente sobre el host — el componente solo
+     * pone `role`/`tabindex`/`aria-disabled` para que ese nodo sea accesible
+     * por teclado, y traduce Enter/Space a un `click` nativo sobre el host
+     * (semántica de `<button>`: Enter en keydown; Space frena el scroll en
+     * keydown y activa en keyup) para que el mismo listener del consumidor
+     * sirva con teclado.
+     */
+    interface CoTile {
+        /**
+          * Deshabilitada: pierde el `tabindex` y queda `aria-disabled`, pero conserva `role="button"`.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Nombre del ícono Phosphor (e.g. "file", "calculator").
+         */
+        "icon"?: string;
+        /**
+          * Tamaño del ícono por defecto, en px.
+          * @default 32
+         */
+        "iconSize": number;
+        /**
+          * Etiqueta visible debajo del ícono. Soporta `\n` (se renderiza en dos líneas).
+          * @default ''
+         */
+        "label": string;
+    }
     /**
      * Campo de hora segmentado (patrón React Aria TimeField): una parte enfocable
      * por unidad — hora, minuto y a. m./p. m. (solo `hour12`). El VALOR es
@@ -4584,6 +5070,9 @@ export namespace Components {
          */
         "variant": CoToastVariant;
     }
+    /**
+     * co-toggle-button — pastilla de un `co-toggle-button-group`.
+     */
     interface CoToggleButton {
         /**
           * @default false
@@ -4601,6 +5090,7 @@ export namespace Components {
          */
         "selectedIconWeight"?: 'regular' | 'fill';
         /**
+          * Talla del botón. Si no se indica (ni atributo ni propiedad) y el botón está dentro de un `co-toggle-button-group` con `variant="soft"` (cualquier talla) o `variant="track"` + `size="xs"`, adopta la talla del grupo al montarse — la lee el propio botón en `componentWillLoad`, ver `adoptGroupSize()`. Un `size` propio siempre manda. En cualquier otra combinación (`connected`, `track` con `l|m|s`, o una talla fuera de `l|m|s|xs`) el grupo no influye, exactamente como antes. La talla se adopta UNA vez, al montar: cambiar después el `size` del grupo no re-talla a los botones ya montados (el editor lo fija estáticamente).
           * @default 'm'
          */
         "size": 'l' | 'm' | 's' | 'xs';
@@ -4609,10 +5099,10 @@ export namespace Components {
          */
         "value": string;
         /**
-          * Visual variant. 'track' renders the button as a detached rounded pill for a sunken toggle-button-group track. Normally set by the parent group.
+          * Visual variant. 'track' renders the button as a detached rounded pill for a sunken toggle-button-group track. 'soft' renders it as a separated gray-100 chip whose selected state uses the celeste-100/primary-azul accent pair. Normally set by the parent group.
           * @default 'connected'
          */
-        "variant": 'connected' | 'track';
+        "variant": 'connected' | 'track' | 'soft';
     }
     interface CoToggleButtonGroup {
         /**
@@ -4633,6 +5123,7 @@ export namespace Components {
          */
         "multiple": boolean;
         /**
+          * Talla del grupo. El grupo NO la empuja a sus hijos: cada `co-toggle-button` sin `size` propio la LEE al montarse (`componentWillLoad`, antes de su primer render) y la adopta SOLO en las combinaciones nuevas de la Fase 2 Cobalt — `variant="soft"` (cualquier talla) o `variant="track"` + `size="xs"` — y nunca con un valor fuera de la unión del hijo (`l|m|s|xs`). Fuera de eso los hijos la ignoran, como siempre: el host ya usa `size="sm"` (fuera de la unión) y `size="s"` con la variante default, y esos casos quedan intactos (aditivo). Por qué lo lee el hijo y no lo empuja el grupo: `size` del hijo es `reflect: true` y su primer render — que escribe el default `m` como atributo — ocurre ANTES del `componentDidLoad` del grupo, así que el grupo ya no puede distinguir un `m` explícito de uno reflejado. Consecuencia: se adopta una vez, al montar; cambiar `size` del grupo después no re-talla a los hijos ya montados (aquí solo actualiza la clase `--xs` de la pista).
           * @default 'm'
          */
         "size": 'l' | 'm' | 's' | 'xs';
@@ -4642,10 +5133,10 @@ export namespace Components {
          */
         "value": string | string[];
         /**
-          * 'connected' (default) keeps the seamless dark-fill segmented control. 'track' turns the group into a sunken gray track carrying detached rounded pills (white + shadow when selected) — e.g. an icon-only view toggle.
+          * 'connected' (default) keeps the seamless dark-fill segmented control. 'track' turns the group into a sunken gray track carrying detached rounded pills (white + shadow when selected) — e.g. an icon-only view toggle. 'soft' separates each button into its own gray-100 chip (gap between them); the selected chip gets the celeste-100/primary-azul accent pair.
           * @default 'connected'
          */
-        "variant": 'connected' | 'track';
+        "variant": 'connected' | 'track' | 'soft';
     }
     interface CoTooltip {
         /**
@@ -4692,42 +5183,123 @@ export namespace Components {
           * Position relative to the trigger element.
           * @default 'top'
          */
-        "placement": Placement;
+        "placement": Placement;
+        /**
+          * Optional keyboard shortcut rendered as a `co-kbd` chip next to `content` (dark surface, xs size) — e.g. content "Seleccionar" + shortcut "v". In `variant="label"` the chip sits 4px from the pill's right edge (`padding-right: 4px`); the default panel keeps its 10px.
+         */
+        "shortcut"?: string;
+        /**
+          * Delay in ms before showing the tooltip on hover.
+          * @default 80
+         */
+        "showDelay": number;
+        /**
+          * Visual variant. `label` = compact pill for a labeled trigger with an optional keyboard shortcut (radius `--co-border-radius-xs`, tighter padding, medium (500) text, `line-height: 1`, no shadow, arrow hidden). The arrow hide is CSS-only — `arrow`'s own default/behavior is unchanged.
+          * @default 'default'
+         */
+        "variant": 'default' | 'label';
+    }
+    interface CoTransferList {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "helperText"?: string;
+        "label"?: string;
+        /**
+          * @default 'Available'
+         */
+        "leftTitle": string;
+        /**
+          * All available options
+          * @default '[]'
+         */
+        "options": TransferOption[] | string[] | string;
+        /**
+          * @default 'Selected'
+         */
+        "rightTitle": string;
+        /**
+          * @default 'default'
+         */
+        "status": 'default' | 'error' | 'success' | 'warning' | 'info';
+        /**
+          * Values in the right (selected) list
+          * @default '[]'
+         */
+        "value": string[] | string;
+    }
+    /**
+     * Fila de un árbol (paneles Páginas y Capas del editor). Pensada para
+     * renderizar cientos de filas: UN solo shadow root propio (los iconos son
+     * `co-icon`; las acciones van en light DOM por slot), sin estado interno de
+     * selección/expansión y sin capturar teclado.
+     * - **Selección**: la decide el consumidor escuchando el `click` NATIVO del
+     *   host (ahí lee `metaKey` / `shiftKey`). Este componente no emite un evento
+     *   propio de selección ni captura Enter/Espacio; el `tabindex` (roving) lo
+     *   pone el consumidor en el host.
+     * - **Expansión**: controlada. El chevron emite `coToggle` con el estado
+     *   pedido (`!expanded`) y detiene la propagación de su `click` para que
+     *   pulsar el chevron no seleccione la fila. `coToggle` burbujea: con filas
+     *   anidadas en el slot por defecto, un listener por fila debe comprobar
+     *   `event.target === event.currentTarget` (o delegar en la raíz del árbol).
+     * - **Solo se corta el `click`** del chevron. `pointerdown` / `mousedown` SÍ
+     *   llegan al host (el chevron solo hace `preventDefault` del mousedown para
+     *   no robar el foco). Un consumidor con dnd-kit debe usar una restricción de
+     *   activación (`activationConstraint: { distance }`) o descartar el gesto
+     *   cuando `event.composedPath()` incluya el `[part="caret"]`.
+     * - **Hijos**: las filas hijas van en el slot por defecto. Con
+     *   `expandable && expanded` y contenido en ese slot, la fila padre lleva
+     *   radio solo arriba y el bloque de hijos pinta `--co-tree-item-group-bg`.
+     * - **Alineación con hermanos sin chevron**: por defecto una fila no
+     *   expandable no reserva el hueco del chevron. En un árbol mixto (Capas) se
+     *   reserva con `--co-tree-item-caret-space: 12px` en el contenedor.
+     */
+    interface CoTreeItem {
+        /**
+          * Profundidad en el árbol (0 = raíz). Sangría: `8px + depth × --co-tree-item-indent`.
+          * @default 0
+         */
+        "depth": number;
+        /**
+          * Atenúa la fila y desactiva el chevron. El click del host sigue llegando al consumidor.
+          * @default false
+         */
+        "disabled": boolean;
         /**
-          * Delay in ms before showing the tooltip on hover.
-          * @default 80
+          * Muestra el chevron y expone `aria-expanded`.
+          * @default false
          */
-        "showDelay": number;
-    }
-    interface CoTransferList {
+        "expandable": boolean;
         /**
+          * Estado de expansión (controlado: el componente nunca lo muta).
           * @default false
          */
-        "disabled": boolean;
-        "helperText"?: string;
-        "label"?: string;
+        "expanded": boolean;
         /**
-          * @default 'Available'
+          * Icono de tipo (nombre Phosphor), 12 px.
          */
-        "leftTitle": string;
+        "icon"?: string;
         /**
-          * All available options
-          * @default '[]'
+          * Texto de la fila (se reemplaza con el slot `label`).
+          * @default ''
          */
-        "options": TransferOption[] | string[] | string;
+        "label": string;
         /**
-          * @default 'Selected'
+          * Idioma del aria-label del chevron (es/en/pt; acepta locales completos).
+          * @default 'es'
          */
-        "rightTitle": string;
+        "locale": string;
         /**
-          * @default 'default'
+          * `solid` = accent (fila seleccionada); `soft` = tinte (descendiente de una selección).
+          * @default 'none'
          */
-        "status": 'default' | 'error' | 'success' | 'warning' | 'info';
+        "selection": TreeItemSelection;
         /**
-          * Values in the right (selected) list
-          * @default '[]'
+          * Alto de fila: `s` = 28 px (default), `xs` = 24 px.
+          * @default 's'
          */
-        "value": string[] | string;
+        "size": TreeItemSize;
     }
     /**
      * A fully configurable video player component with custom controls.
@@ -4943,10 +5515,18 @@ export interface CoChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoChipElement;
 }
+export interface CoColorAreaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoColorAreaElement;
+}
 export interface CoColorPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoColorPickerElement;
 }
+export interface CoColorSliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoColorSliderElement;
+}
 export interface CoColumnPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoColumnPickerElement;
@@ -4987,6 +5567,10 @@ export interface CoDateTimePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoDateTimePickerElement;
 }
+export interface CoDocumentEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoDocumentEditorElement;
+}
 export interface CoDrawerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoDrawerElement;
@@ -5019,6 +5603,10 @@ export interface CoFileFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoFileFieldElement;
 }
+export interface CoGradientBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoGradientBarElement;
+}
 export interface CoInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoInputElement;
@@ -5115,6 +5703,10 @@ export interface CoSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoSliderElement;
 }
+export interface CoSwatchGridCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoSwatchGridElement;
+}
 export interface CoSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoSwitchElement;
@@ -5155,6 +5747,10 @@ export interface CoTransferListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoTransferListElement;
 }
+export interface CoTreeItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoTreeItemElement;
+}
 export interface CoVideoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoVideoElement;
@@ -5575,6 +6171,38 @@ declare global {
         prototype: HTMLCoChipElement;
         new (): HTMLCoChipElement;
     };
+    interface HTMLCoColorAreaElementEventMap {
+        "coInput": ColorAreaDetail;
+        "coChange": ColorAreaDetail;
+    }
+    /**
+     * Área saturación/valor (el "cuadrado" del picker de color). El tono viene de
+     * afuera (`hue`, normalmente de un `co-color-slider channel="hue"`); el usuario
+     * elige saturación (eje X) y valor (eje Y) arrastrando o con el teclado.
+     * Contrato de eventos (pensado para el historial de deshacer del editor):
+     *  - `coInput`  → en cada movimiento del arrastre (vista previa) y en cada paso
+     *                 de teclado.
+     *  - `coChange` → UNA vez al terminar el gesto (pointerup/pointercancel), solo
+     *                 si el gesto cambió el valor, o tras cada paso de teclado que
+     *                 lo cambie. Es el punto de commit: nunca un commit vacío.
+     * Los valores de puntero NO se redondean (una caja de 236 px da ~0,4 % por
+     * píxel; redondear a enteros dejaría hex inalcanzables). El teclado suma ±1
+     * (±10 con Shift) sobre el valor vigente. Quien muestre números redondea.
+     */
+    interface HTMLCoColorAreaElement extends Components.CoColorArea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoColorAreaElementEventMap>(type: K, listener: (this: HTMLCoColorAreaElement, ev: CoColorAreaCustomEvent<HTMLCoColorAreaElementEventMap[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 HTMLCoColorAreaElementEventMap>(type: K, listener: (this: HTMLCoColorAreaElement, ev: CoColorAreaCustomEvent<HTMLCoColorAreaElementEventMap[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 HTMLCoColorAreaElement: {
+        prototype: HTMLCoColorAreaElement;
+        new (): HTMLCoColorAreaElement;
+    };
     interface HTMLCoColorPickerElementEventMap {
         "coChange": string;
         "coInput": string;
@@ -5607,6 +6235,36 @@ declare global {
         prototype: HTMLCoColorPickerElement;
         new (): HTMLCoColorPickerElement;
     };
+    interface HTMLCoColorSliderElementEventMap {
+        "coInput": number;
+        "coChange": number;
+    }
+    /**
+     * Slider de un canal del picker de color: tono (`hue`, 0–360) u opacidad
+     * (`alpha`, 0–100, sobre el color base `color`).
+     * Contrato de eventos (mismo que `co-color-area`, pensado para el historial del
+     * editor): `coInput` en cada movimiento del arrastre y en cada paso de teclado;
+     * `coChange` UNA vez al terminar el gesto (pointerup/pointercancel), solo si el
+     * gesto cambió el valor, o tras cada paso de teclado que lo cambie — nunca un
+     * commit vacío. Ambos llevan el valor numérico.
+     * El thumb (16 px) va INSET: su centro recorre [8 px, ancho − 8 px], así nunca
+     * se sale del track de 16 px de alto. El puntero usa el mismo mapeo, de modo
+     * que el color bajo el thumb es exactamente el valor emitido.
+     */
+    interface HTMLCoColorSliderElement extends Components.CoColorSlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoColorSliderElementEventMap>(type: K, listener: (this: HTMLCoColorSliderElement, ev: CoColorSliderCustomEvent<HTMLCoColorSliderElementEventMap[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 HTMLCoColorSliderElementEventMap>(type: K, listener: (this: HTMLCoColorSliderElement, ev: CoColorSliderCustomEvent<HTMLCoColorSliderElementEventMap[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 HTMLCoColorSliderElement: {
+        prototype: HTMLCoColorSliderElement;
+        new (): HTMLCoColorSliderElement;
+    };
     interface HTMLCoColumnPickerElementEventMap {
         "coChange": string[];
         "coClear": void;
@@ -5870,7 +6528,7 @@ declare global {
      * (`@prolibu-suite/cobalt-calendar-utils`), so DST comes from the platform tz
      * database — the same boundary `co-calendar-timegrid` uses. A date-only value
      * ("2026-07-25") is NOT an instant: it is read as that wall-clock day in
-     * `timeZone` at {@link DEFAULT_MINUTES} (09:00), never as UTC midnight (which
+     * `timeZone` at `DEFAULT_MINUTES` (09:00), never as UTC midnight (which
      * would shift the day west of UTC).
      * INTERACTION (Google):
      *   - Click the field → opens. Picking a DAY commits (with the current DRAFT
@@ -5907,6 +6565,37 @@ declare global {
         prototype: HTMLCoDateTimePickerElement;
         new (): HTMLCoDateTimePickerElement;
     };
+    interface HTMLCoDocumentEditorElementEventMap {
+        "coChange": void;
+        "coFieldsChange": FieldInfo[];
+        "coHeaderChange": DocumentHeaderDetail;
+        "coPagesChange": number;
+        "coAction": DocumentActionDetail;
+        "coReady": void;
+    }
+    /**
+     * Editor de documentos paginado: hoja fija, encabezado en banda, campos y
+     * firmas (spec contracts-v2-contract-editor §4.2). Recibe y devuelve SOLO el
+     * cuerpo (HTML de impresión) y el HTML del encabezado; no sabe de contratos.
+     * Nunca serializa por tecla: `coChange` solo avisa y el host pide
+     * `getPrintHtml()` cuando lo necesita.
+     * `shadow: false` (como co-rich-text-editor): ProseMirror arma su DOM de forma
+     * imperativa y el CSS de impresión del host tiene que alcanzarlo.
+     */
+    interface HTMLCoDocumentEditorElement extends Components.CoDocumentEditor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoDocumentEditorElementEventMap>(type: K, listener: (this: HTMLCoDocumentEditorElement, ev: CoDocumentEditorCustomEvent<HTMLCoDocumentEditorElementEventMap[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 HTMLCoDocumentEditorElementEventMap>(type: K, listener: (this: HTMLCoDocumentEditorElement, ev: CoDocumentEditorCustomEvent<HTMLCoDocumentEditorElementEventMap[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 HTMLCoDocumentEditorElement: {
+        prototype: HTMLCoDocumentEditorElement;
+        new (): HTMLCoDocumentEditorElement;
+    };
     interface HTMLCoDrawerElementEventMap {
         "coClose": void;
         "coOpen": void;
@@ -6141,6 +6830,42 @@ declare global {
         prototype: HTMLCoFileTypeTileElement;
         new (): HTMLCoFileTypeTileElement;
     };
+    interface HTMLCoGradientBarElementEventMap {
+        "coStopMove": GradientStopMoveDetail;
+        "coStopsChange": GradientStop[];
+        "coStopSelect": number;
+        "coStopAdd": GradientStopAddDetail;
+    }
+    /**
+     * Barra de paradas de un degradado (popover de relleno del editor): arrastrar
+     * una parada, agregar una con click sobre la barra y seleccionar.
+     * Contrato de eventos (pensado para el historial de deshacer del host):
+     * - `coStopMove` — continuo, en cada movimiento del arrastre (preview en vivo).
+     * - `coStopsChange` — UNA vez al terminar el gesto (siempre que hubo al menos
+     *   un `coStopMove`, aunque el stop vuelva a su posición inicial: el host cierra
+     *   ahí su transacción) y una vez por cada paso de teclado.
+     * - `coStopSelect` — al hacer pointerdown sobre un handle.
+     * - `coStopAdd` — al hacer click sobre el track fuera de un handle; `color` es
+     *   el interpolado en esa posición.
+     * Con `disabled` no se emite nada.
+     * El componente es controlado: `stops` los pinta el host. Durante el arrastre
+     * el handle se pinta en la posición viva aunque el host no aplique cada
+     * `coStopMove`.
+     */
+    interface HTMLCoGradientBarElement extends Components.CoGradientBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoGradientBarElementEventMap>(type: K, listener: (this: HTMLCoGradientBarElement, ev: CoGradientBarCustomEvent<HTMLCoGradientBarElementEventMap[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 HTMLCoGradientBarElementEventMap>(type: K, listener: (this: HTMLCoGradientBarElement, ev: CoGradientBarCustomEvent<HTMLCoGradientBarElementEventMap[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 HTMLCoGradientBarElement: {
+        prototype: HTMLCoGradientBarElement;
+        new (): HTMLCoGradientBarElement;
+    };
     /**
      * Helper / validation text shown below form fields.
      */
@@ -6226,6 +6951,22 @@ declare global {
         prototype: HTMLCoJsonFieldElement;
         new (): HTMLCoJsonFieldElement;
     };
+    /**
+     * co-kbd — grupo de teclas de un atajo (p.ej. "shift+1", "mod+0", "v").
+     * Modificadores como ícono Phosphor en mac, como etiqueta i18n en win;
+     * teclas sueltas como texto en mayúscula. Con `chord`, toda la combinación
+     * va en UN solo chip (sin separadores).
+     * Usage:
+     *   <co-kbd keys="mod+0" />
+     *   <co-kbd keys="v" surface="dark" size="xs" />
+     *   <co-kbd keys="mod+0" chord />
+     */
+    interface HTMLCoKbdElement extends Components.CoKbd, HTMLStencilElement {
+    }
+    var HTMLCoKbdElement: {
+        prototype: HTMLCoKbdElement;
+        new (): HTMLCoKbdElement;
+    };
     interface HTMLCoLightboxElementEventMap {
         "coClose": void;
         "coChange": number;
@@ -6856,6 +7597,30 @@ declare global {
         prototype: HTMLCoSliderElement;
         new (): HTMLCoSliderElement;
     };
+    interface HTMLCoSwatchGridElementEventMap {
+        "coSelect": string;
+    }
+    /**
+     * Grilla de muestras de color ("Colores recientes" del popover de relleno).
+     * Listbox de una sola selección: click (o Enter/Espacio) emite `coSelect` con
+     * el color; las flechas solo mueven el foco (roving tabindex).
+     * Los colores claros (luminancia WCAG > 0,85) reciben un borde automático
+     * para no fundirse con el fondo del panel.
+     */
+    interface HTMLCoSwatchGridElement extends Components.CoSwatchGrid, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoSwatchGridElementEventMap>(type: K, listener: (this: HTMLCoSwatchGridElement, ev: CoSwatchGridCustomEvent<HTMLCoSwatchGridElementEventMap[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 HTMLCoSwatchGridElementEventMap>(type: K, listener: (this: HTMLCoSwatchGridElement, ev: CoSwatchGridCustomEvent<HTMLCoSwatchGridElementEventMap[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 HTMLCoSwatchGridElement: {
+        prototype: HTMLCoSwatchGridElement;
+        new (): HTMLCoSwatchGridElement;
+    };
     interface HTMLCoSwitchElementEventMap {
         "coChange": boolean;
     }
@@ -6966,6 +7731,24 @@ declare global {
         prototype: HTMLCoTextareaElement;
         new (): HTMLCoTextareaElement;
     };
+    /**
+     * co-tile — tarjeta de 96×80 con ícono + etiqueta, usada en la grilla de
+     * "Plantillas de página" del editor. El host (el propio elemento
+     * personalizado) es el nodo focuseable/arrastrable: no declara eventos
+     * propios (`click`/`dragstart`/`pointerdown`) porque el consumidor
+     * (dnd-kit) los escucha directamente sobre el host — el componente solo
+     * pone `role`/`tabindex`/`aria-disabled` para que ese nodo sea accesible
+     * por teclado, y traduce Enter/Space a un `click` nativo sobre el host
+     * (semántica de `<button>`: Enter en keydown; Space frena el scroll en
+     * keydown y activa en keyup) para que el mismo listener del consumidor
+     * sirva con teclado.
+     */
+    interface HTMLCoTileElement extends Components.CoTile, HTMLStencilElement {
+    }
+    var HTMLCoTileElement: {
+        prototype: HTMLCoTileElement;
+        new (): HTMLCoTileElement;
+    };
     interface HTMLCoTimeFieldElementEventMap {
         "coInput": number | null;
         "coCommit": number;
@@ -7015,6 +7798,9 @@ declare global {
     interface HTMLCoToggleButtonElementEventMap {
         "coToggle": { value: string; selected: boolean };
     }
+    /**
+     * co-toggle-button — pastilla de un `co-toggle-button-group`.
+     */
     interface HTMLCoToggleButtonElement extends Components.CoToggleButton, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCoToggleButtonElementEventMap>(type: K, listener: (this: HTMLCoToggleButtonElement, ev: CoToggleButtonCustomEvent<HTMLCoToggleButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -7069,6 +7855,49 @@ declare global {
         prototype: HTMLCoTransferListElement;
         new (): HTMLCoTransferListElement;
     };
+    interface HTMLCoTreeItemElementEventMap {
+        "coToggle": boolean;
+    }
+    /**
+     * Fila de un árbol (paneles Páginas y Capas del editor). Pensada para
+     * renderizar cientos de filas: UN solo shadow root propio (los iconos son
+     * `co-icon`; las acciones van en light DOM por slot), sin estado interno de
+     * selección/expansión y sin capturar teclado.
+     * - **Selección**: la decide el consumidor escuchando el `click` NATIVO del
+     *   host (ahí lee `metaKey` / `shiftKey`). Este componente no emite un evento
+     *   propio de selección ni captura Enter/Espacio; el `tabindex` (roving) lo
+     *   pone el consumidor en el host.
+     * - **Expansión**: controlada. El chevron emite `coToggle` con el estado
+     *   pedido (`!expanded`) y detiene la propagación de su `click` para que
+     *   pulsar el chevron no seleccione la fila. `coToggle` burbujea: con filas
+     *   anidadas en el slot por defecto, un listener por fila debe comprobar
+     *   `event.target === event.currentTarget` (o delegar en la raíz del árbol).
+     * - **Solo se corta el `click`** del chevron. `pointerdown` / `mousedown` SÍ
+     *   llegan al host (el chevron solo hace `preventDefault` del mousedown para
+     *   no robar el foco). Un consumidor con dnd-kit debe usar una restricción de
+     *   activación (`activationConstraint: { distance }`) o descartar el gesto
+     *   cuando `event.composedPath()` incluya el `[part="caret"]`.
+     * - **Hijos**: las filas hijas van en el slot por defecto. Con
+     *   `expandable && expanded` y contenido en ese slot, la fila padre lleva
+     *   radio solo arriba y el bloque de hijos pinta `--co-tree-item-group-bg`.
+     * - **Alineación con hermanos sin chevron**: por defecto una fila no
+     *   expandable no reserva el hueco del chevron. En un árbol mixto (Capas) se
+     *   reserva con `--co-tree-item-caret-space: 12px` en el contenedor.
+     */
+    interface HTMLCoTreeItemElement extends Components.CoTreeItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoTreeItemElementEventMap>(type: K, listener: (this: HTMLCoTreeItemElement, ev: CoTreeItemCustomEvent<HTMLCoTreeItemElementEventMap[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 HTMLCoTreeItemElementEventMap>(type: K, listener: (this: HTMLCoTreeItemElement, ev: CoTreeItemCustomEvent<HTMLCoTreeItemElementEventMap[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 HTMLCoTreeItemElement: {
+        prototype: HTMLCoTreeItemElement;
+        new (): HTMLCoTreeItemElement;
+    };
     interface HTMLCoVideoElementEventMap {
         "coPlay": void;
         "coPause": void;
@@ -7124,7 +7953,9 @@ declare global {
         "co-checkbox": HTMLCoCheckboxElement;
         "co-checkbox-group": HTMLCoCheckboxGroupElement;
         "co-chip": HTMLCoChipElement;
+        "co-color-area": HTMLCoColorAreaElement;
         "co-color-picker": HTMLCoColorPickerElement;
+        "co-color-slider": HTMLCoColorSliderElement;
         "co-column-picker": HTMLCoColumnPickerElement;
         "co-combobox": HTMLCoComboboxElement;
         "co-command-search": HTMLCoCommandSearchElement;
@@ -7135,6 +7966,7 @@ declare global {
         "co-date-range": HTMLCoDateRangeElement;
         "co-date-range-picker": HTMLCoDateRangePickerElement;
         "co-date-time-picker": HTMLCoDateTimePickerElement;
+        "co-document-editor": HTMLCoDocumentEditorElement;
         "co-drawer": HTMLCoDrawerElement;
         "co-drive-card": HTMLCoDriveCardElement;
         "co-drop-zone": HTMLCoDropZoneElement;
@@ -7145,11 +7977,13 @@ declare global {
         "co-fab": HTMLCoFabElement;
         "co-file-field": HTMLCoFileFieldElement;
         "co-file-type-tile": HTMLCoFileTypeTileElement;
+        "co-gradient-bar": HTMLCoGradientBarElement;
         "co-helper-text": HTMLCoHelperTextElement;
         "co-icon": HTMLCoIconElement;
         "co-icon-button": HTMLCoIconButtonElement;
         "co-input": HTMLCoInputElement;
         "co-json-field": HTMLCoJsonFieldElement;
+        "co-kbd": HTMLCoKbdElement;
         "co-lightbox": HTMLCoLightboxElement;
         "co-list-footer": HTMLCoListFooterElement;
         "co-list-item": HTMLCoListItemElement;
@@ -7184,17 +8018,20 @@ declare global {
         "co-sidebar-nav": HTMLCoSidebarNavElement;
         "co-skeleton": HTMLCoSkeletonElement;
         "co-slider": HTMLCoSliderElement;
+        "co-swatch-grid": HTMLCoSwatchGridElement;
         "co-switch": HTMLCoSwitchElement;
         "co-tab": HTMLCoTabElement;
         "co-tab-group": HTMLCoTabGroupElement;
         "co-tags-field": HTMLCoTagsFieldElement;
         "co-textarea": HTMLCoTextareaElement;
+        "co-tile": HTMLCoTileElement;
         "co-time-field": HTMLCoTimeFieldElement;
         "co-toast": HTMLCoToastElement;
         "co-toggle-button": HTMLCoToggleButtonElement;
         "co-toggle-button-group": HTMLCoToggleButtonGroupElement;
         "co-tooltip": HTMLCoTooltipElement;
         "co-transfer-list": HTMLCoTransferListElement;
+        "co-tree-item": HTMLCoTreeItemElement;
         "co-video": HTMLCoVideoElement;
     }
 }
@@ -7445,10 +8282,10 @@ declare namespace LocalJSX {
          */
         "ringColor"?: string;
         /**
-          * Shape of the avatar
+          * Shape of the avatar. `rounded` (Task C12) = radio chico (`--co-border-radius-xs`), sin máscara squircle — esquinas de radio fijo, no la superelipse de `square`.
           * @default 'circle'
          */
-        "shape"?: 'circle' | 'square';
+        "shape"?: 'circle' | 'square' | 'rounded';
         /**
           * Size of the avatar
           * @default 'md'
@@ -7656,6 +8493,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "elevated"?: boolean;
+        /**
+          * Ocupa el 100% del ancho del contenedor (Task C2, Fase 2 Cobalt). Reflejado como atributo `full-width`.
+          * @default false
+         */
+        "fullWidth"?: boolean;
         /**
           * Phosphor icon name for the left position (e.g. "plus", "arrow-left")
          */
@@ -7683,10 +8525,10 @@ declare namespace LocalJSX {
          */
         "shape"?: 'rounded' | 'square';
         /**
-          * Size
+          * Size. "sm" (Task C2, Fase 2 Cobalt): 32px fijo — escala unificada de tallas nuevas del editor (xs=24/s=28/sm=32).
           * @default 'm'
          */
-        "size"?: 'l' | 'm' | 's' | 'xs';
+        "size"?: 'l' | 'm' | 's' | 'xs' | 'sm';
         /**
           * Surface the button sits on. On "dark", ghost/stroke variants switch to white ink + blanco-16 hover; danger keeps its solid error fill but swaps the fade-hover for a lighten-hover + white focus ring (dark bars dim a faded red). Receta oficial de acciones de barra (co-action-bar): `variant="ghost"|"stroke" surface="dark"`; Eliminar = `variant="danger" surface="dark"`.
           * @default 'light'
@@ -7702,10 +8544,10 @@ declare namespace LocalJSX {
          */
         "type"?: 'button' | 'submit' | 'reset';
         /**
-          * Visual style
+          * Visual style. "soft" (Task C2, Fase 2 Cobalt): fondo gray-100 sólido, sin backdrop-filter — pensado para toolbars/paneles del editor.
           * @default 'primary'
          */
-        "variant"?: 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success';
+        "variant"?: 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success' | 'soft';
     }
     interface CoButtonGroup {
         /**
@@ -7756,6 +8598,14 @@ declare namespace LocalJSX {
           * @default 'es-CO'
          */
         "locale"?: string;
+        /**
+          * Fechas `YYYY-MM-DD` que se MARCAN (feriados, hitos) sin deshabilitarlas: se pueden seleccionar igual. Array, JSON o CSV, como `disabledDates`. Color por la custom property `--co-calendar-marked-bg` (default: token de Cobalt).
+         */
+        "markedDates"?: string[] | string;
+        /**
+          * Texto accesible que se suma al día marcado («Feriado»). Lo traduce el anfitrión.
+         */
+        "markedLabel"?: string;
         /**
           * Latest selectable date, "YYYY-MM-DD".
          */
@@ -7769,6 +8619,10 @@ declare namespace LocalJSX {
           * @default 'single'
          */
         "mode"?: 'single' | 'range';
+        /**
+          * Mes que muestra la vista (`YYYY-MM`), por encima del ancla de la selección. Para poner dos calendarios lado a lado (inicio y fin de un rango en meses distintos).
+         */
+        "month"?: string;
         /**
           * Override the "next month" button aria-label (defaults from `locale`).
          */
@@ -8101,6 +8955,11 @@ declare namespace LocalJSX {
           * Label text displayed beside the checkbox
          */
         "label"?: string;
+        /**
+          * Talla del label: 'default' (14px, sin cambios) o 'xs' (12px/400/text-default, gap 6). Con 'xs' la caja SIN MARCAR pasa a fondo transparente + borde `--co-semantic-border-default` pleno (hoy surface-secondary 35% + borde 75%); el estado marcado no cambia. Aditivo — el default sigue siendo idéntico.
+          * @default 'default'
+         */
+        "labelSize"?: 'default' | 'xs';
         /**
           * Fired when the value changes
          */
@@ -8259,6 +9118,54 @@ declare namespace LocalJSX {
          */
         "variant"?: 'filled' | 'outlined' | 'filter';
     }
+    /**
+     * Área saturación/valor (el "cuadrado" del picker de color). El tono viene de
+     * afuera (`hue`, normalmente de un `co-color-slider channel="hue"`); el usuario
+     * elige saturación (eje X) y valor (eje Y) arrastrando o con el teclado.
+     * Contrato de eventos (pensado para el historial de deshacer del editor):
+     *  - `coInput`  → en cada movimiento del arrastre (vista previa) y en cada paso
+     *                 de teclado.
+     *  - `coChange` → UNA vez al terminar el gesto (pointerup/pointercancel), solo
+     *                 si el gesto cambió el valor, o tras cada paso de teclado que
+     *                 lo cambie. Es el punto de commit: nunca un commit vacío.
+     * Los valores de puntero NO se redondean (una caja de 236 px da ~0,4 % por
+     * píxel; redondear a enteros dejaría hex inalcanzables). El teclado suma ±1
+     * (±10 con Shift) sobre el valor vigente. Quien muestre números redondea.
+     */
+    interface CoColorArea {
+        /**
+          * Deshabilita puntero y teclado; no emite nada.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Tono 0–360. Pinta el fondo; el área no lo modifica.
+          * @default 0
+         */
+        "hue"?: number;
+        /**
+          * Nombre accesible del slider (`aria-label`).
+         */
+        "label"?: string;
+        /**
+          * Commit: una vez al soltar (o cancelar) el gesto si cambió el valor, y tras cada paso de teclado que lo cambie.
+         */
+        "onCoChange"?: (event: CoColorAreaCustomEvent<ColorAreaDetail>) => void;
+        /**
+          * Vista previa: cada movimiento del arrastre y cada paso de teclado.
+         */
+        "onCoInput"?: (event: CoColorAreaCustomEvent<ColorAreaDetail>) => void;
+        /**
+          * Saturación 0–100 (eje X). Mutable: el área se actualiza sola al arrastrar.
+          * @default 100
+         */
+        "saturation"?: number;
+        /**
+          * Valor/brillo 0–100 (eje Y, 100 arriba). Mutable: el área se actualiza sola al arrastrar.
+          * @default 100
+         */
+        "value"?: number;
+    }
     /**
      * Color picker with preset swatches. Shows a trigger with the current color
      * swatch + hex value, and opens a popover panel with a saturation/brightness
@@ -8340,6 +9247,51 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Slider de un canal del picker de color: tono (`hue`, 0–360) u opacidad
+     * (`alpha`, 0–100, sobre el color base `color`).
+     * Contrato de eventos (mismo que `co-color-area`, pensado para el historial del
+     * editor): `coInput` en cada movimiento del arrastre y en cada paso de teclado;
+     * `coChange` UNA vez al terminar el gesto (pointerup/pointercancel), solo si el
+     * gesto cambió el valor, o tras cada paso de teclado que lo cambie — nunca un
+     * commit vacío. Ambos llevan el valor numérico.
+     * El thumb (16 px) va INSET: su centro recorre [8 px, ancho − 8 px], así nunca
+     * se sale del track de 16 px de alto. El puntero usa el mismo mapeo, de modo
+     * que el color bajo el thumb es exactamente el valor emitido.
+     */
+    interface CoColorSlider {
+        /**
+          * Canal: `hue` (0–360, gradiente HSL uniforme) o `alpha` (0–100, damero).
+          * @default 'hue'
+         */
+        "channel"?: ColorSliderChannel;
+        /**
+          * Color base para `channel="alpha"` (cualquier color CSS; el track va de transparente a él).
+         */
+        "color"?: string;
+        /**
+          * Deshabilita puntero y teclado; no emite nada.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Nombre accesible del slider (`aria-label`).
+         */
+        "label"?: string;
+        /**
+          * Commit: una vez al soltar (o cancelar) el gesto si cambió el valor, y tras cada paso de teclado que lo cambie.
+         */
+        "onCoChange"?: (event: CoColorSliderCustomEvent<number>) => void;
+        /**
+          * Vista previa: cada movimiento del arrastre y cada paso de teclado.
+         */
+        "onCoInput"?: (event: CoColorSliderCustomEvent<number>) => void;
+        /**
+          * Valor actual (tono 0–360 / alpha 0–100). Mutable: el slider se actualiza solo al arrastrar.
+          * @default 0
+         */
+        "value"?: number;
+    }
     interface CoColumnPicker {
         /**
           * @default 'Clear'
@@ -9205,7 +10157,7 @@ declare namespace LocalJSX {
      * (`@prolibu-suite/cobalt-calendar-utils`), so DST comes from the platform tz
      * database — the same boundary `co-calendar-timegrid` uses. A date-only value
      * ("2026-07-25") is NOT an instant: it is read as that wall-clock day in
-     * `timeZone` at {@link DEFAULT_MINUTES} (09:00), never as UTC midnight (which
+     * `timeZone` at `DEFAULT_MINUTES` (09:00), never as UTC midnight (which
      * would shift the day west of UTC).
      * INTERACTION (Google):
      *   - Click the field → opens. Picking a DAY commits (with the current DRAFT
@@ -9341,6 +10293,97 @@ declare namespace LocalJSX {
          */
         "variant"?: 'default' | 'flat';
     }
+    /**
+     * Editor de documentos paginado: hoja fija, encabezado en banda, campos y
+     * firmas (spec contracts-v2-contract-editor §4.2). Recibe y devuelve SOLO el
+     * cuerpo (HTML de impresión) y el HTML del encabezado; no sabe de contratos.
+     * Nunca serializa por tecla: `coChange` solo avisa y el host pide
+     * `getPrintHtml()` cuando lo necesita.
+     * `shadow: false` (como co-rich-text-editor): ProseMirror arma su DOM de forma
+     * imperativa y el CSS de impresión del host tiene que alcanzarlo.
+     */
+    interface CoDocumentEditor {
+        /**
+          * Botones del host al final de la barra (objeto o JSON): `[{id, label, icon?}]`.
+         */
+        "extraItems"?: string | ToolbarExtraItem[];
+        /**
+          * `{fields, signatureSlots}` (objeto o JSON).
+         */
+        "features"?: string | DocumentFeatures;
+        /**
+          * Alto de la banda del encabezado en px (cuando hay encabezado).
+          * @default 45
+         */
+        "headerHeight"?: number;
+        /**
+          * HTML del encabezado (banda superior de cada hoja). Vacío = sin encabezado.
+          * @default ''
+         */
+        "headerHtml"?: string;
+        /**
+          * `(file) => Promise<{src, fileId?}>` (propiedad JS).
+         */
+        "imageUpload"?: ImageUploadHandler;
+        /**
+          * Nombre accesible del área de edición.
+         */
+        "label"?: string;
+        /**
+          * BCP-47 para los textos de la UI ('es', 'en', 'pt-BR'…).
+          * @default 'en'
+         */
+        "locale"?: string;
+        /**
+          * Márgenes en px (objeto o JSON). Default 38 px por lado (10 mm).
+         */
+        "margins"?: string | DocumentMargins;
+        /**
+          * Clic en un botón del host (`extraItems`): `{ action: <id>, payload: { extra: true } }`.
+         */
+        "onCoAction"?: (event: CoDocumentEditorCustomEvent<DocumentActionDetail>) => void;
+        /**
+          * Hubo un cambio del usuario en el cuerpo (sin HTML; como mucho cada 250 ms).
+         */
+        "onCoChange"?: (event: CoDocumentEditorCustomEvent<void>) => void;
+        /**
+          * Lista de campos (cuerpo + encabezado) cuando cambia.
+         */
+        "onCoFieldsChange"?: (event: CoDocumentEditorCustomEvent<FieldInfo[]>) => void;
+        /**
+          * Encabezado confirmado.
+         */
+        "onCoHeaderChange"?: (event: CoDocumentEditorCustomEvent<DocumentHeaderDetail>) => void;
+        /**
+          * Cantidad de páginas.
+         */
+        "onCoPagesChange"?: (event: CoDocumentEditorCustomEvent<number>) => void;
+        "onCoReady"?: (event: CoDocumentEditorCustomEvent<void>) => void;
+        /**
+          * `letter` | `a4` | `legal` o `{width, height}` en px a 96 dpi (objeto o JSON).
+          * @default 'letter'
+         */
+        "pageSize"?: string | DocumentPageSize;
+        /**
+          * CSS de impresión del host; se acota a la hoja.
+          * @default ''
+         */
+        "pageStyles"?: string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Número de página en la banda. Se lee como intención: `true` o `'true'`.
+          * @default false
+         */
+        "showPageNumber"?: boolean | string;
+        /**
+          * Cuerpo: HTML de impresión (tolera el que guardó V1) o JSON de ProseMirror como string.
+          * @default null
+         */
+        "value"?: string | null;
+    }
     interface CoDrawer {
         /**
           * Show close (X) button in header
@@ -9980,6 +11023,62 @@ declare namespace LocalJSX {
          */
         "size"?: number;
     }
+    /**
+     * Barra de paradas de un degradado (popover de relleno del editor): arrastrar
+     * una parada, agregar una con click sobre la barra y seleccionar.
+     * Contrato de eventos (pensado para el historial de deshacer del host):
+     * - `coStopMove` — continuo, en cada movimiento del arrastre (preview en vivo).
+     * - `coStopsChange` — UNA vez al terminar el gesto (siempre que hubo al menos
+     *   un `coStopMove`, aunque el stop vuelva a su posición inicial: el host cierra
+     *   ahí su transacción) y una vez por cada paso de teclado.
+     * - `coStopSelect` — al hacer pointerdown sobre un handle.
+     * - `coStopAdd` — al hacer click sobre el track fuera de un handle; `color` es
+     *   el interpolado en esa posición.
+     * Con `disabled` no se emite nada.
+     * El componente es controlado: `stops` los pinta el host. Durante el arrastre
+     * el handle se pinta en la posición viva aunque el host no aplique cada
+     * `coStopMove`.
+     */
+    interface CoGradientBar {
+        /**
+          * Deshabilita toda interacción; no se emite ningún evento.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * aria-label del grupo. Vacío = el del `locale`.
+         */
+        "label"?: string;
+        /**
+          * Locale de los strings integrados (es/en/pt).
+         */
+        "locale"?: string;
+        /**
+          * `{ position, color }` al hacer click sobre el track fuera de un handle.
+         */
+        "onCoStopAdd"?: (event: CoGradientBarCustomEvent<GradientStopAddDetail>) => void;
+        /**
+          * `{ index, position }` en cada movimiento del arrastre.
+         */
+        "onCoStopMove"?: (event: CoGradientBarCustomEvent<GradientStopMoveDetail>) => void;
+        /**
+          * Índice de la parada al hacer pointerdown sobre su handle.
+         */
+        "onCoStopSelect"?: (event: CoGradientBarCustomEvent<number>) => void;
+        /**
+          * Paradas resultantes al soltar (una vez por gesto) o tras cada paso de teclado. Conserva el ORDEN e ÍNDICES del `stops` del host (solo cambia `position` de la parada movida): un host que ordene por posición al confirmar debe remapear `selected` al índice nuevo.
+         */
+        "onCoStopsChange"?: (event: CoGradientBarCustomEvent<GradientStop[]>) => void;
+        /**
+          * Índice de la parada seleccionada (anillo `accent`). Se actualiza al hacer pointerdown en un handle.
+         */
+        "selected"?: number;
+        /**
+          * Paradas del degradado: `position` 0–100, `color` hex/rgba.
+          * @default []
+         */
+        "stops"?: GradientStop[];
+    }
     /**
      * Helper / validation text shown below form fields.
      */
@@ -10022,11 +11121,21 @@ declare namespace LocalJSX {
           * Override the container box in px (width === height). When set, takes precedence over the `size` class dimensions — lets you hit 32/36/40 rounded squares. When omitted, the `size` class dimensions apply (unchanged behavior).
          */
         "boxSize"?: number;
+        /**
+          * Agrega un `caret-down` de 8px a la derecha del icono principal (botones-disclosure). Ensancha la caja +8px (el alto no cambia) para que el caret no le robe espacio al icono — fix round 1: la primera versión usaba `padding-right`, que con `box-sizing: border-box` y ancho fijo por talla ENCOGE el área de contenido en vez de agrandar la caja (overflow real en xs/xxs). Sin `caret`, el DOM/CSS quedan idénticos al comportamiento anterior.
+          * @default false
+         */
+        "caret"?: boolean;
         /**
           * Reflected so :host([disabled]) can kill pointer-events — the inner button's pointer-events:none re-targets clicks to the host, where consumers' click listeners live.
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Ocupa el espacio disponible del contenedor flex (`flex: 1 1 0; min-width: 0`) en vez del ancho fijo por `size` — para filas de N botones repartidos en el 100%.
+          * @default false
+         */
+        "fluid"?: boolean;
         /**
           * Phosphor icon name (e.g. "plus", "gear"). Renders co-icon inside the button.
          */
@@ -10045,6 +11154,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
+        /**
+          * Estado de selección (transversal, gana sobre cualquier `variant`): fondo/color de acento. Reflejado para que `:host([selected])` sea estilable desde afuera y marca `aria-pressed="true"` en el `<button>` (ausente cuando no está selected, en vez de "false", para no alterar el árbol de accesibilidad por defecto).
+          * @default false
+         */
+        "selected"?: boolean;
         /**
           * Shape: pill or straight corners
           * @default 'rounded'
@@ -10070,10 +11184,10 @@ declare namespace LocalJSX {
          */
         "toggled"?: boolean;
         /**
-          * filled = dark background (negro), outlined = light background (blanco + border), ghost = transparent background, no border, tinted hover (negro-8 on light / blanco-16 on dark). Matches Figma: Secundario → filled, Primario → outlined
+          * filled = dark background (negro), outlined = light background (blanco + border), ghost = transparent background, no border, tinted hover (negro-8 on light / blanco-16 on dark), soft = fondo gris sólido (--co-color-gray-100), sin borde visible, sin frost. Matches Figma: Secundario → filled, Primario → outlined
           * @default 'filled'
          */
-        "variant"?: 'filled' | 'outlined' | 'ghost';
+        "variant"?: 'filled' | 'outlined' | 'ghost' | 'soft';
     }
     /**
      * Text input field with label, helper text, icons, and clear functionality.
@@ -10124,6 +11238,10 @@ declare namespace LocalJSX {
           * Phosphor icon name for the right position
          */
         "iconRight"?: string;
+        /**
+          * Tamaño en px de los íconos `iconLeft`/`iconRight` (pasado al `co-icon` interno). Sin este prop, el campo sigue con el tamaño fijo que ya tenía (16px) — comportamiento idéntico a antes de esta prop.
+         */
+        "iconSize"?: number;
         /**
           * Label text displayed above or beside the input
          */
@@ -10181,10 +11299,10 @@ declare namespace LocalJSX {
          */
         "secondaryLabel"?: string;
         /**
-          * Size variant: s (28px), sm (32px), md (40px, default), lg (48px). In the filled search-pill variant (`fill`) this drives the pill height instead (s ≈ 38px).
+          * Size variant: xs (24px), s (28px), sm (32px), md (40px, default), lg (48px). In the filled search-pill variant (`fill`) this drives the pill height instead (s ≈ 38px).
           * @default 'md'
          */
-        "size"?: 's' | 'sm' | 'md' | 'lg';
+        "size"?: 'xs' | 's' | 'sm' | 'md' | 'lg';
         /**
           * Validation status
           * @default 'default'
@@ -10201,10 +11319,10 @@ declare namespace LocalJSX {
          */
         "value"?: string;
         /**
-          * Visual style. `flat` strips the field's border and background so it reads as plain content instead of a boxed input — padding, label, focus ring, disabled and status states are unaffected. `default` (the standard bordered box) renders identically to before this prop existed.
+          * Visual style. `flat` strips the field's border and background so it reads as plain content instead of a boxed input — padding, label, focus ring, disabled and status states are unaffected. `soft` renders a solid gray-100 background with a transparent 1px border (same width as default, so nothing shifts) and no backdrop-filter — the disabled state keeps that gray-100 background and dims the field's content instead. `default` (the standard bordered box) renders identically to before this prop existed.
           * @default 'default'
          */
-        "variant"?: 'default' | 'flat';
+        "variant"?: 'default' | 'flat' | 'soft';
     }
     /**
      * Multiline JSON / arbitrary-object editor — a `<textarea>` with inline JSON
@@ -10284,6 +11402,47 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * co-kbd — grupo de teclas de un atajo (p.ej. "shift+1", "mod+0", "v").
+     * Modificadores como ícono Phosphor en mac, como etiqueta i18n en win;
+     * teclas sueltas como texto en mayúscula. Con `chord`, toda la combinación
+     * va en UN solo chip (sin separadores).
+     * Usage:
+     *   <co-kbd keys="mod+0" />
+     *   <co-kbd keys="v" surface="dark" size="xs" />
+     *   <co-kbd keys="mod+0" chord />
+     */
+    interface CoKbd {
+        /**
+          * Modo acorde: toda la combinación en UN solo chip (`part="key"`; 30×18 en `sm`, 16 de alto en `xs`), sin separadores "+" — cada token va en una celda (`part="cell"`) de 12 de alto: ícono Phosphor de 12px en una celda de 12×12 fija (modificadores en mac); texto en una celda que crece con su contenido, mínimo 12 (modificadores en win, teclas sueltas). El chip ensancha con las celdas. `role="group"` y `aria-label` no cambian. Sin `chord`, el modo de siempre: un chip por tecla + separadores.
+          * @default false
+         */
+        "chord"?: boolean;
+        /**
+          * Combinación de teclas separadas por "+", p.ej. "shift+1", "mod+0", "v".
+          * @default ''
+         */
+        "keys"?: string;
+        /**
+          * Locale BCP-47 (p.ej. "es-CO") para las etiquetas de texto en `win`. Sin locale explícito, `kbdI18n` resuelve a 'en'.
+         */
+        "locale"?: string;
+        /**
+          * Plataforma para resolver el render de los modificadores: `mac` → íconos Phosphor (⌘⇧⌥⌃); `win` → etiquetas de texto (`kbdI18n`). `auto` detecta por `navigator.platform`/`userAgent`; sin señal de Mac (p.ej. jsdom en tests) cae a `win`.
+          * @default 'auto'
+         */
+        "platform"?: 'auto' | 'mac' | 'win';
+        /**
+          * Tamaño de cada tecla: `sm` 30×18 (con ícono 12px) · `xs` 16×16 (solo texto/1 char).
+          * @default 'sm'
+         */
+        "size"?: 'sm' | 'xs';
+        /**
+          * Superficie donde se apoya: `light` → fondo gray-100 (texto oscuro); `dark` → blanco-16 (texto blanco) — pensado para pills oscuras, p.ej. `co-tooltip` variant="label".
+          * @default 'light'
+         */
+        "surface"?: 'light' | 'dark';
+    }
     /**
      * Fullscreen media viewer — dark scrim, zoom (wheel / buttons / double-click,
      * anchored at the cursor), drag-to-pan while zoomed, and prev/next carousel
@@ -10483,6 +11642,10 @@ declare namespace LocalJSX {
      * ```
      */
     interface CoMenu {
+        /**
+          * Elemento (o selector resuelto contra `document`) al que se alinea el panel EN VEZ del trigger (Task C10, Fase 2 Cobalt — fix round 1). Reenviada tal cual al `co-popover` interno; sin `anchor`, cae al trigger (comportamiento de siempre). Útil para alinear el menú contra un contenedor más grande que el botón que lo abre (p.ej. la píldora del zoom del toolbar).
+         */
+        "anchor"?: HTMLElement | string;
         /**
           * Close the menu after a leaf item is selected.
           * @default true
@@ -10505,6 +11668,16 @@ declare namespace LocalJSX {
           * @default 'bottom-end'
          */
         "placement"?: PopoverPlacement;
+        /**
+          * Desplazamiento en px sobre el eje CRUZADO del `placement` (Task C10, Fase 2 Cobalt — fix round 1). Reenviada tal cual al `co-popover` interno. Default `0` = sin cambio.
+          * @default 0
+         */
+        "shift"?: number;
+        /**
+          * Superficie sobre la que se apoya el panel (regla transversal `surface="dark"`). `dark` = fondo `--co-semantic-surface-primary`, texto `--co-semantic-text-inverse`, sin anillo ni sombra, radio `--co-border-radius-xs`, `min-width: auto`. Para los menús negros de herramienta (formas, plantillas de página, Lineal/Radial). Reflejado a atributo para que el CSS lo lea vía `:host([surface="dark"])`.  Los `co-menu-item` (y `co-menu-divider`) hijos heredan el tema oscuro SOLOS, sin ningún prop propio: `co-menu.css` publica variables CSS en el elemento slotted (`::slotted(co-menu-item) { --co-menu-item-color: ...; }`) y esas variables — al ser custom properties heredadas — atraviesan el shadow boundary del hijo hasta su propio `:host` y de ahí a su árbol interno. `co-menu-item`/`co-menu-divider` las consumen con fallback al valor claro de siempre, así que sin `surface="dark"` no cambia nada.
+          * @default 'light'
+         */
+        "surface"?: 'light' | 'dark';
         /**
           * Fixes the panel to an exact width (e.g. `'210px'`). When unset, the panel keeps its intrinsic auto width (min-width 200px). Also tune padding with the `--co-menu-padding` CSS var (default 4px; design uses 6px).
          */
@@ -10554,6 +11727,11 @@ declare namespace LocalJSX {
           * Text shown in the row.
          */
         "label"?: string;
+        /**
+          * Reserva un check de 12px AL INICIO de la fila (antes del ícono/label). A diferencia de `trailingCheck` (que solo se monta si el prop está en true), acá el HUECO (12px + el gap de la fila) se reserva SIEMPRE que `leadingCheck` esté activo — el `co-icon` de adentro solo se monta si además `selected` es true, así todas las filas de un menú de selección única (formas, plantillas de página) quedan alineadas aunque solo una esté marcada. Pensado para menús con `co-menu surface="dark"`.
+          * @default false
+         */
+        "leadingCheck"?: boolean;
         /**
           * Bubbled to the parent `co-menu` so it can auto-close on leaf selection. Submenu triggers do not emit this.
          */
@@ -10579,6 +11757,16 @@ declare namespace LocalJSX {
         "variant"?: 'default' | 'danger';
     }
     interface CoModal {
+        /**
+          * Visual treatment (Task C12). `default` = superficie squircle actual (radio `--co-modal-r`, sombra que sigue la silueta). `panel` = superficie plana (radio 12, borde `--co-semantic-border-subtle`, `--co-shadow-lg`), SIN máscara squircle — look de panel anclado, no de diálogo centrado.  `dialog` (Task M1) = la anatomía del componente "Modal" del design system (Figma Prolibu UI Suite, nodo `1179:37247`): superficie plana radio 16 (`--co-border-radius-lg`) sin borde ni sombra propios, título 22/500 y cuerpo 16/1.5 `text-secondary` sin divisor entre ambos, padding 32 (`--co-spacing-3xl`), footer 16/24 con hairline `border-subtle` y botones cuadrados de radio 12. Sin máscara squircle. El ✕ (si `closable`) es el redondo de 32 del modo `panel`.
+          * @default 'default'
+         */
+        "appearance"?: 'default' | 'panel' | 'dialog';
+        /**
+          * Control del scrim (Task C12). `none` = sin fondo oscuro y sin cierre por clic afuera — independiente de `closeOnOverlay` (que solo aplica cuando SÍ hay scrim). `co-overlay` es quien posee el único `<div>` de scrim del árbol, así que `none` implica no montar `<co-overlay>` (ver `inline`).
+          * @default 'default'
+         */
+        "backdrop"?: 'default' | 'none';
         /**
           * Show close (X) button in header
           * @default true
@@ -10608,6 +11796,16 @@ declare namespace LocalJSX {
           * @default ''
          */
         "heading"?: string;
+        /**
+          * Renderiza en `position: fixed` con su propio `--co-modal-z-index` en vez de promoverse al TOP LAYER del browser (Task C12). `co-overlay` promueve su scrim al top layer vía Popover API (`showPopover()`); el top layer SIEMPRE pinta por encima de cualquier `z-index` normal, así que un portal propio del consumidor (selector de fuente/color del editor) con z-index alto quedaría igual TAPADO detrás del modal. `inline` evita eso.  `co-overlay` es también quien posee la promoción a top layer — no hay forma de pedirle "no te promuevas" sin tocar ese componente (fuera de alcance de esta task), así que, igual que `backdrop="none"`, `inline` implica no montar `<co-overlay>`: el panel pasa a posicionarse y apilarse solo (`.co-modal__frame--standalone`, ver co-modal.css).
+          * @default false
+         */
+        "inline"?: boolean;
+        /**
+          * Opt-in: el modal se MUEVE arrastrando su header (Task D1). Default false → los consumidores actuales quedan byte-idénticos (ni DOM ni CSS cambian).  Con `movable`, el `part="header"` entero es la zona de agarre (`cursor: grab`), salvo los controles que contenga (el ✕, y cualquier botón, enlace o campo: ver `isInteractiveDragTarget`). Soltar confirma la posición; `pointercancel` o perder el foco de la ventana la CANCELAN y dejan la anterior. La posición no se persiste: cerrar y reabrir devuelve el panel a su lugar por defecto.  Se llama `movable` y no `draggable` a propósito: `draggable` es un atributo global de HTML (arrastre nativo HTML5) y una prop de React, y una prop del mismo nombre taparía `HTMLElement.draggable` con dos semánticas encimadas.
+          * @default false
+         */
+        "movable"?: boolean;
         /**
           * Hide body section and all border dividers (compact confirm dialogs)
           * @default false
@@ -10631,10 +11829,10 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Modal width: sm (400px), md (540px), lg (680px), full (min(1400px, 95vw) × 92vh — media/document viewers).  `full` also drops the body padding and lets the body grow, so a slotted <video>/<iframe> fills the panel edge-to-edge instead of sitting in a content-height box.
+          * Modal width: xs (369px, vía `--co-modal-width` — Task C12, paneles anclados como "Tipografía y color"), sm (400px), md (540px), lg (680px), full (min(1400px, 95vw) × 92vh — media/document viewers).  `full` also drops the body padding and lets the body grow, so a slotted <video>/<iframe> fills the panel edge-to-edge instead of sitting in a content-height box.
           * @default 'md'
          */
-        "size"?: 'sm' | 'md' | 'lg' | 'full';
+        "size"?: 'xs' | 'sm' | 'md' | 'lg' | 'full';
     }
     /**
      * Horizontal toolbar container. Place any content inside the default slot.
@@ -10969,6 +12167,15 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface CoPopover {
+        /**
+          * Elemento (o selector resuelto contra `document`) al que se alinea el panel EN VEZ del trigger (Task C10, Fase 2 Cobalt) — p.ej. la píldora completa del zoom, no solo el botón "▾" que abre el menú. Un selector sin match cae al trigger (comportamiento actual). Sin `anchor`, cero cambio.
+         */
+        "anchor"?: HTMLElement | string;
+        /**
+          * El panel no pinta fondo/borde/sombra propios (Task C10, Fase 2 Cobalt): para alojar un `co-menu` (u otro contenido con su propio chrome) sin "doble chrome". Reflejado como atributo `bare`. Default `false` = panel con el fondo/borde/sombra de siempre (`--co-popover-border-color` / `--co-popover-shadow`), sin cambio.
+          * @default false
+         */
+        "bare"?: boolean;
         /**
           * Close when clicking outside the component.  ⚠️ In a stacked popover scenario, only the top-of-stack layer reacts to outside clicks (see `handleDocumentClickManual`). If the TOP layer sets this to `false` (a persistent popover), outside clicks are swallowed entirely — popovers below it in the stack lose their dismiss too.
           * @default true
@@ -11010,6 +12217,11 @@ declare namespace LocalJSX {
           * @default 'bottom-start'
          */
         "placement"?: PopoverPlacement1;
+        /**
+          * Desplazamiento en px sobre el eje CRUZADO del `placement` (Task C10, Fase 2 Cobalt): con un placement vertical (`top*`/`bottom*`) mueve `left`; con uno horizontal (`left*`/`right*`) mueve `top`. Default 0 = sin cambio.  ⚠️ Se aplica ANTES del clamp de 4px a los bordes del viewport (ver `computePosition` en `utils/positioning.ts`) — un `shift` grande cerca de un borde puede quedar clampeado igual que hoy, no lo evita. No hay forma de pedir un `shift` que se salga de pantalla a propósito.
+          * @default 0
+         */
+        "shift"?: number;
     }
     /**
      * A horizontal progress bar with status colors.
@@ -11558,10 +12770,19 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Muestra «Encabezado» (variante document). co-document-editor lo apaga mientras se edita la banda.
+          * @default false
+         */
+        "documentHeaderEnabled"?: boolean;
         /**
           * Editor instance (set as a property by the host editor).
          */
         "editor"?: Editor;
+        /**
+          * Botones del host al final de la barra (propiedad JS o JSON): `[{ id, label, icon? }]`. Su clic emite `coAction` con `{ action: id, payload: { extra: true } }` y no toca el editor.
+         */
+        "extraItems"?: ToolbarExtraItem[] | string;
         /**
           * Image upload handler (JS property): `(file) => Promise<url | {src, fileId}>`.
          */
@@ -11592,7 +12813,7 @@ declare namespace LocalJSX {
           * Toolbar layout variant.
           * @default 'basic'
          */
-        "variant"?: 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full';
+        "variant"?: 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full' | 'document';
     }
     interface CoRichTextViewer {
         /**
@@ -11695,12 +12916,26 @@ declare namespace LocalJSX {
         "footerPrimaryLabel"?: string;
         "helperText"?: string;
         "iconLeft"?: string;
+        /**
+          * Tamaño (px) del `co-icon` de `iconLeft`. Sin setear, conserva el actual (16).
+         */
+        "iconSize"?: number;
         "label"?: string;
+        /**
+          * Layout de la fila de etiqueta. `inline-help` la muestra en una sola fila (`label` a la izquierda, `secondaryLabel` a la derecha, alineados a la línea de base) y ajusta el borde/gap del trigger para ese contexto (modal). `default` mantiene el layout actual (labels apiladas arriba, centradas verticalmente entre sí).
+          * @default 'default'
+         */
+        "labelStyle"?: 'default' | 'inline-help';
         /**
           * Label layout: vertical (label above) or horizontal (label beside)
           * @default 'vertical'
          */
         "layout"?: 'vertical' | 'horizontal';
+        /**
+          * Superficie del panel desplegable. `dark` = fondo `surface-primary` + texto `text-inverse`, con el check de la opción seleccionada al INICIO (hueco siempre reservado, como `co-menu-item leadingCheck`). `light` (default) conserva el panel y el check al final tal cual hoy.
+          * @default 'light'
+         */
+        "menuSurface"?: 'light' | 'dark';
         /**
           * @default false
          */
@@ -11742,7 +12977,7 @@ declare namespace LocalJSX {
         /**
           * @default 'md'
          */
-        "size"?: 's' | 'sm' | 'md' | 'lg';
+        "size"?: 'xs' | 's' | 'sm' | 'md' | 'lg';
         /**
           * @default 'default'
          */
@@ -11752,10 +12987,10 @@ declare namespace LocalJSX {
          */
         "value"?: string | string[];
         /**
-          * Visual style. `flat` strips the trigger's border and background so it reads as plain content instead of a boxed control — padding, label, focus ring, disabled and status states are unaffected. `default` (the standard bordered box) renders identically to before this prop existed.
+          * Visual style. `flat` strips the trigger's border and background so it reads as plain content instead of a boxed control — padding, label, focus ring, disabled and status states are unaffected. `soft` pinta un fondo `gray-100` sólido con borde transparente (mismo grosor que el default, no cambia el tamaño de la caja). `default` (the standard bordered box) renders identically to before this prop existed.
           * @default 'default'
          */
-        "variant"?: 'default' | 'flat';
+        "variant"?: 'default' | 'flat' | 'soft';
     }
     interface CoSeparator {
         /**
@@ -11891,6 +13126,10 @@ declare namespace LocalJSX {
         "width"?: string;
     }
     interface CoSlider {
+        /**
+          * Nombre accesible del control, SIN dibujar etiqueta. `label` hace las dos cosas a la vez (rotula y nombra), así que un slider sin etiqueta visible —los dos del panel de Multimedia del editor, y cualquier control con el rótulo afuera— se quedaba llamándose `"Slider"`: literal, en inglés y para todos los idiomas.  Mismo nombre de prop que `co-fab`, `co-button` y `co-action-bar`, y la misma precedencia que `co-fab` y `co-action-bar` (`ariaLabelText || label`; `co-button` no tiene `label` que nombre: cae al texto de su contenido). El fallback final es propio de cada componente; acá, `"Slider"`. Aditiva — sin ella el markup y el `aria-label` son byte-idénticos a los de siempre.  La resolución es por `||` sobre el valor RECIBIDO y no por un default de clase: un wrapper (`@lit/react`, el `defineContainer` de Vue) que pasa la prop sin valor manda `undefined` y pisa cualquier default sembrado por Stencil, así que `undefined` y `''` tienen que caer del lado de SIEMPRE — el mismo criterio que el `=== 'vertical'` de `isVertical`.
+         */
+        "ariaLabelText"?: string;
         /**
           * @default false
          */
@@ -11907,6 +13146,11 @@ declare namespace LocalJSX {
         "min"?: number;
         "onCoChange"?: (event: CoSliderCustomEvent<number>) => void;
         "onCoInput"?: (event: CoSliderCustomEvent<number>) => void;
+        /**
+          * Eje del control. `horizontal` (default) es el slider de siempre: mismo markup, mismo CSS, mismos eventos — la variante es ADITIVA y ningún consumidor actual (prolibu-front-v2) cambia de comportamiento.  `vertical` INVIERTE el eje como manda la convención de un control de volumen: arriba es MÁS. El relleno crece desde abajo, el thumb se posiciona por `bottom`, y el largo del riel se ajusta con la variable `--co-slider-vertical-length` (default 120px).  NO lleva `reflect`: reflejar una prop de string con default escribiría `orientation="horizontal"` en el host de TODOS los consumidores actuales, y eso ya sería cambiarles el markup. El estilo cuelga de la clase interna `.co-slider--vertical`, que es nuestra.
+          * @default 'horizontal'
+         */
+        "orientation"?: 'horizontal' | 'vertical';
         "secondaryLabel"?: string;
         /**
           * Show min/max marks
@@ -11931,6 +13175,56 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    /**
+     * Grilla de muestras de color ("Colores recientes" del popover de relleno).
+     * Listbox de una sola selección: click (o Enter/Espacio) emite `coSelect` con
+     * el color; las flechas solo mueven el foco (roving tabindex).
+     * Los colores claros (luminancia WCAG > 0,85) reciben un borde automático
+     * para no fundirse con el fondo del panel.
+     */
+    interface CoSwatchGrid {
+        /**
+          * Colores a mostrar (hex/rgba), en orden de lectura.
+          * @default []
+         */
+        "colors"?: string[];
+        /**
+          * Columnas de la grilla.
+          * @default DEFAULTS.columns
+         */
+        "columns"?: number;
+        /**
+          * Separación entre swatches en px.
+          * @default DEFAULTS.gap
+         */
+        "gap"?: number;
+        /**
+          * aria-label del listbox. Vacío = el del `locale`.
+         */
+        "label"?: string;
+        /**
+          * Locale de los strings integrados (es/en/pt).
+         */
+        "locale"?: string;
+        /**
+          * Color elegido (el string tal cual vino en `colors`).
+         */
+        "onCoSelect"?: (event: CoSwatchGridCustomEvent<string>) => void;
+        /**
+          * Radio de cada swatch en px.
+          * @default DEFAULTS.radius
+         */
+        "radius"?: number;
+        /**
+          * Lado de cada swatch en px.
+          * @default DEFAULTS.swatchSize
+         */
+        "swatchSize"?: number;
+        /**
+          * Color seleccionado (anillo `accent`); se compara sin distinguir mayúsculas.
+         */
+        "value"?: string;
+    }
     interface CoSwitch {
         /**
           * Whether the switch is on
@@ -11979,6 +13273,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Estira el botón interno (`part="tab"`) al 100% del host y centra su contenido. Lo setea `co-tab-group` con `full-width` (se propaga a los hijos igual que `size`, ver `syncTabs()`: el grupo sin `fullWidth` nunca pisa uno puesto a mano acá): el grupo ya estiraba el host con `::slotted(co-tab) { flex: 1 }`, pero el `.co-tab` de adentro seguía al ancho del contenido. Reflejado para que `:host([full-width])` lo vea desde el CSS. Sin él, nada cambia.
+          * @default false
+         */
+        "fullWidth"?: boolean;
         /**
           * Left icon (Phosphor name)
          */
@@ -12002,10 +13301,10 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
         /**
-          * Size
+          * Size. 'large'/'small' son los tamaños históricos (pill/underline). 's' (28px) y 'xs' (26px, excepción D-19 a la escala unificada) solo tienen chrome propio en `variant="segmented"` — ver co-tab.css.
           * @default 'small'
          */
-        "size"?: 'large' | 'small';
+        "size"?: 'large' | 'small' | 's' | 'xs';
         /**
           * Tab value (used for selection)
           * @default ''
@@ -12018,10 +13317,19 @@ declare namespace LocalJSX {
         "variant"?: 'pill' | 'underline' | 'segmented';
     }
     interface CoTabGroup {
+        /**
+          * Estira el host y el track al 100% del contenedor; cada `co-tab` hijo reparte el ancho por igual (`::slotted(co-tab) { flex: 1 }`) y, como se propaga a los hijos igual que `size` (`syncTabs()`), cada `co-tab` estira además su `part="tab"` al 100% del host (`:host([full-width]) .co-tab` en co-tab.css). Mismo contrato que `size`: un grupo sin `fullWidth` nunca pisa un `fullWidth` puesto a mano en un hijo, y al apagarlo baja solo a los hijos que él mismo subió.
+          * @default false
+         */
+        "fullWidth"?: boolean;
         /**
           * Emitted when the active tab changes
          */
         "onCoTabChange"?: (event: CoTabGroupCustomEvent<string>) => void;
+        /**
+          * Track/tab size — solo tiene chrome propio en `variant="segmented"` ('s' = 28px, 'xs' = 26px, ver co-tab-group.css / co-tab.css). Se propaga a los `co-tab` hijos igual que `variant` (mismo mecanismo, `syncTabs()`), pero solo cuando está seteado: un grupo sin `size` nunca pisa un `size` puesto a mano en un `co-tab` hijo.
+         */
+        "size"?: 's' | 'xs';
         /**
           * Currently selected tab value
          */
@@ -12226,6 +13534,39 @@ declare namespace LocalJSX {
          */
         "variant"?: 'default' | 'flat';
     }
+    /**
+     * co-tile — tarjeta de 96×80 con ícono + etiqueta, usada en la grilla de
+     * "Plantillas de página" del editor. El host (el propio elemento
+     * personalizado) es el nodo focuseable/arrastrable: no declara eventos
+     * propios (`click`/`dragstart`/`pointerdown`) porque el consumidor
+     * (dnd-kit) los escucha directamente sobre el host — el componente solo
+     * pone `role`/`tabindex`/`aria-disabled` para que ese nodo sea accesible
+     * por teclado, y traduce Enter/Space a un `click` nativo sobre el host
+     * (semántica de `<button>`: Enter en keydown; Space frena el scroll en
+     * keydown y activa en keyup) para que el mismo listener del consumidor
+     * sirva con teclado.
+     */
+    interface CoTile {
+        /**
+          * Deshabilitada: pierde el `tabindex` y queda `aria-disabled`, pero conserva `role="button"`.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Nombre del ícono Phosphor (e.g. "file", "calculator").
+         */
+        "icon"?: string;
+        /**
+          * Tamaño del ícono por defecto, en px.
+          * @default 32
+         */
+        "iconSize"?: number;
+        /**
+          * Etiqueta visible debajo del ícono. Soporta `\n` (se renderiza en dos líneas).
+          * @default ''
+         */
+        "label"?: string;
+    }
     /**
      * Campo de hora segmentado (patrón React Aria TimeField): una parte enfocable
      * por unidad — hora, minuto y a. m./p. m. (solo `hour12`). El VALOR es
@@ -12315,6 +13656,9 @@ declare namespace LocalJSX {
          */
         "variant"?: CoToastVariant;
     }
+    /**
+     * co-toggle-button — pastilla de un `co-toggle-button-group`.
+     */
     interface CoToggleButton {
         /**
           * @default false
@@ -12333,6 +13677,7 @@ declare namespace LocalJSX {
          */
         "selectedIconWeight"?: 'regular' | 'fill';
         /**
+          * Talla del botón. Si no se indica (ni atributo ni propiedad) y el botón está dentro de un `co-toggle-button-group` con `variant="soft"` (cualquier talla) o `variant="track"` + `size="xs"`, adopta la talla del grupo al montarse — la lee el propio botón en `componentWillLoad`, ver `adoptGroupSize()`. Un `size` propio siempre manda. En cualquier otra combinación (`connected`, `track` con `l|m|s`, o una talla fuera de `l|m|s|xs`) el grupo no influye, exactamente como antes. La talla se adopta UNA vez, al montar: cambiar después el `size` del grupo no re-talla a los botones ya montados (el editor lo fija estáticamente).
           * @default 'm'
          */
         "size"?: 'l' | 'm' | 's' | 'xs';
@@ -12341,10 +13686,10 @@ declare namespace LocalJSX {
          */
         "value"?: string;
         /**
-          * Visual variant. 'track' renders the button as a detached rounded pill for a sunken toggle-button-group track. Normally set by the parent group.
+          * Visual variant. 'track' renders the button as a detached rounded pill for a sunken toggle-button-group track. 'soft' renders it as a separated gray-100 chip whose selected state uses the celeste-100/primary-azul accent pair. Normally set by the parent group.
           * @default 'connected'
          */
-        "variant"?: 'connected' | 'track';
+        "variant"?: 'connected' | 'track' | 'soft';
     }
     interface CoToggleButtonGroup {
         /**
@@ -12366,6 +13711,7 @@ declare namespace LocalJSX {
         "multiple"?: boolean;
         "onCoChange"?: (event: CoToggleButtonGroupCustomEvent<string | string[]>) => void;
         /**
+          * Talla del grupo. El grupo NO la empuja a sus hijos: cada `co-toggle-button` sin `size` propio la LEE al montarse (`componentWillLoad`, antes de su primer render) y la adopta SOLO en las combinaciones nuevas de la Fase 2 Cobalt — `variant="soft"` (cualquier talla) o `variant="track"` + `size="xs"` — y nunca con un valor fuera de la unión del hijo (`l|m|s|xs`). Fuera de eso los hijos la ignoran, como siempre: el host ya usa `size="sm"` (fuera de la unión) y `size="s"` con la variante default, y esos casos quedan intactos (aditivo). Por qué lo lee el hijo y no lo empuja el grupo: `size` del hijo es `reflect: true` y su primer render — que escribe el default `m` como atributo — ocurre ANTES del `componentDidLoad` del grupo, así que el grupo ya no puede distinguir un `m` explícito de uno reflejado. Consecuencia: se adopta una vez, al montar; cambiar `size` del grupo después no re-talla a los hijos ya montados (aquí solo actualiza la clase `--xs` de la pista).
           * @default 'm'
          */
         "size"?: 'l' | 'm' | 's' | 'xs';
@@ -12375,10 +13721,10 @@ declare namespace LocalJSX {
          */
         "value"?: string | string[];
         /**
-          * 'connected' (default) keeps the seamless dark-fill segmented control. 'track' turns the group into a sunken gray track carrying detached rounded pills (white + shadow when selected) — e.g. an icon-only view toggle.
+          * 'connected' (default) keeps the seamless dark-fill segmented control. 'track' turns the group into a sunken gray track carrying detached rounded pills (white + shadow when selected) — e.g. an icon-only view toggle. 'soft' separates each button into its own gray-100 chip (gap between them); the selected chip gets the celeste-100/primary-azul accent pair.
           * @default 'connected'
          */
-        "variant"?: 'connected' | 'track';
+        "variant"?: 'connected' | 'track' | 'soft';
     }
     interface CoTooltip {
         /**
@@ -12426,11 +13772,20 @@ declare namespace LocalJSX {
           * @default 'top'
          */
         "placement"?: Placement;
+        /**
+          * Optional keyboard shortcut rendered as a `co-kbd` chip next to `content` (dark surface, xs size) — e.g. content "Seleccionar" + shortcut "v". In `variant="label"` the chip sits 4px from the pill's right edge (`padding-right: 4px`); the default panel keeps its 10px.
+         */
+        "shortcut"?: string;
         /**
           * Delay in ms before showing the tooltip on hover.
           * @default 80
          */
         "showDelay"?: number;
+        /**
+          * Visual variant. `label` = compact pill for a labeled trigger with an optional keyboard shortcut (radius `--co-border-radius-xs`, tighter padding, medium (500) text, `line-height: 1`, no shadow, arrow hidden). The arrow hide is CSS-only — `arrow`'s own default/behavior is unchanged.
+          * @default 'default'
+         */
+        "variant"?: 'default' | 'label';
     }
     interface CoTransferList {
         /**
@@ -12463,6 +13818,82 @@ declare namespace LocalJSX {
          */
         "value"?: string[] | string;
     }
+    /**
+     * Fila de un árbol (paneles Páginas y Capas del editor). Pensada para
+     * renderizar cientos de filas: UN solo shadow root propio (los iconos son
+     * `co-icon`; las acciones van en light DOM por slot), sin estado interno de
+     * selección/expansión y sin capturar teclado.
+     * - **Selección**: la decide el consumidor escuchando el `click` NATIVO del
+     *   host (ahí lee `metaKey` / `shiftKey`). Este componente no emite un evento
+     *   propio de selección ni captura Enter/Espacio; el `tabindex` (roving) lo
+     *   pone el consumidor en el host.
+     * - **Expansión**: controlada. El chevron emite `coToggle` con el estado
+     *   pedido (`!expanded`) y detiene la propagación de su `click` para que
+     *   pulsar el chevron no seleccione la fila. `coToggle` burbujea: con filas
+     *   anidadas en el slot por defecto, un listener por fila debe comprobar
+     *   `event.target === event.currentTarget` (o delegar en la raíz del árbol).
+     * - **Solo se corta el `click`** del chevron. `pointerdown` / `mousedown` SÍ
+     *   llegan al host (el chevron solo hace `preventDefault` del mousedown para
+     *   no robar el foco). Un consumidor con dnd-kit debe usar una restricción de
+     *   activación (`activationConstraint: { distance }`) o descartar el gesto
+     *   cuando `event.composedPath()` incluya el `[part="caret"]`.
+     * - **Hijos**: las filas hijas van en el slot por defecto. Con
+     *   `expandable && expanded` y contenido en ese slot, la fila padre lleva
+     *   radio solo arriba y el bloque de hijos pinta `--co-tree-item-group-bg`.
+     * - **Alineación con hermanos sin chevron**: por defecto una fila no
+     *   expandable no reserva el hueco del chevron. En un árbol mixto (Capas) se
+     *   reserva con `--co-tree-item-caret-space: 12px` en el contenedor.
+     */
+    interface CoTreeItem {
+        /**
+          * Profundidad en el árbol (0 = raíz). Sangría: `8px + depth × --co-tree-item-indent`.
+          * @default 0
+         */
+        "depth"?: number;
+        /**
+          * Atenúa la fila y desactiva el chevron. El click del host sigue llegando al consumidor.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Muestra el chevron y expone `aria-expanded`.
+          * @default false
+         */
+        "expandable"?: boolean;
+        /**
+          * Estado de expansión (controlado: el componente nunca lo muta).
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * Icono de tipo (nombre Phosphor), 12 px.
+         */
+        "icon"?: string;
+        /**
+          * Texto de la fila (se reemplaza con el slot `label`).
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Idioma del aria-label del chevron (es/en/pt; acepta locales completos).
+          * @default 'es'
+         */
+        "locale"?: string;
+        /**
+          * Al pulsar el chevron, con el estado de expansión PEDIDO (`!expanded`).
+         */
+        "onCoToggle"?: (event: CoTreeItemCustomEvent<boolean>) => void;
+        /**
+          * `solid` = accent (fila seleccionada); `soft` = tinte (descendiente de una selección).
+          * @default 'none'
+         */
+        "selection"?: TreeItemSelection;
+        /**
+          * Alto de fila: `s` = 28 px (default), `xs` = 24 px.
+          * @default 's'
+         */
+        "size"?: TreeItemSize;
+    }
     /**
      * A fully configurable video player component with custom controls.
      */
@@ -12679,7 +14110,7 @@ declare namespace LocalJSX {
         "alt": string;
         "icon": string;
         "iconWeight": 'regular' | 'thin' | 'light' | 'bold' | 'fill' | 'duotone';
-        "shape": 'circle' | 'square';
+        "shape": 'circle' | 'square' | 'rounded';
         "color": string;
         "ringColor": string;
         "name": string;
@@ -12717,9 +14148,10 @@ declare namespace LocalJSX {
         "separator": string;
     }
     interface CoButtonAttributes {
-        "variant": 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success';
+        "variant": 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success' | 'soft';
         "shape": 'rounded' | 'square';
-        "size": 'l' | 'm' | 's' | 'xs';
+        "size": 'l' | 'm' | 's' | 'xs' | 'sm';
+        "fullWidth": boolean;
         "elevated": boolean;
         "surface": 'light' | 'dark';
         "disabled": boolean;
@@ -12747,6 +14179,9 @@ declare namespace LocalJSX {
         "min": string;
         "max": string;
         "disabledDates": string[] | string;
+        "markedDates": string[] | string;
+        "markedLabel": string;
+        "month": string;
         "disabledDaysOfWeek": number[] | string;
         "locale": string;
         "firstDayOfWeek": number;
@@ -12805,6 +14240,7 @@ declare namespace LocalJSX {
         "checked": boolean;
         "indeterminate": boolean;
         "size": 'small' | 'medium' | 'large';
+        "labelSize": 'default' | 'xs';
         "disabled": boolean;
         "label": string;
         "ariaLabelText": string;
@@ -12844,6 +14280,13 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "selected": boolean;
     }
+    interface CoColorAreaAttributes {
+        "hue": number;
+        "saturation": number;
+        "value": number;
+        "disabled": boolean;
+        "label": string;
+    }
     interface CoColorPickerAttributes {
         "value": string;
         "label": string;
@@ -12858,6 +14301,13 @@ declare namespace LocalJSX {
         "presets": string | ColorPreset[] | string[];
         "locale": string;
     }
+    interface CoColorSliderAttributes {
+        "channel": ColorSliderChannel;
+        "value": number;
+        "color": string;
+        "disabled": boolean;
+        "label": string;
+    }
     interface CoColumnPickerAttributes {
         "label": string;
         "secondaryLabel": string;
@@ -13072,6 +14522,20 @@ declare namespace LocalJSX {
         "open": boolean;
         "mobileBreakpoint": number;
     }
+    interface CoDocumentEditorAttributes {
+        "value": string | null;
+        "headerHtml": string;
+        "showPageNumber": string;
+        "pageSize": string | DocumentPageSize;
+        "margins": string | DocumentMargins;
+        "headerHeight": number;
+        "pageStyles": string;
+        "features": string | DocumentFeatures;
+        "readonly": boolean;
+        "locale": string;
+        "extraItems": string | ToolbarExtraItem[];
+        "label": string;
+    }
     interface CoDrawerAttributes {
         "open": boolean;
         "position": 'right' | 'left' | 'bottom';
@@ -13189,6 +14653,12 @@ declare namespace LocalJSX {
         "radius": number;
         "colorTags": boolean;
     }
+    interface CoGradientBarAttributes {
+        "selected": number;
+        "disabled": boolean;
+        "label": string;
+        "locale": string;
+    }
     interface CoHelperTextAttributes {
         "status": 'default' | 'error' | 'success' | 'warning' | 'info';
         "message": string;
@@ -13199,7 +14669,7 @@ declare namespace LocalJSX {
         "size": number;
     }
     interface CoIconButtonAttributes {
-        "variant": 'filled' | 'outlined' | 'ghost';
+        "variant": 'filled' | 'outlined' | 'ghost' | 'soft';
         "surface": 'light' | 'dark';
         "shape": 'rounded' | 'square';
         "size": 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
@@ -13211,6 +14681,9 @@ declare namespace LocalJSX {
         "toggleIcon": string;
         "toggled": boolean;
         "iconWeight": 'regular' | 'thin' | 'light' | 'bold' | 'fill' | 'duotone';
+        "selected": boolean;
+        "fluid": boolean;
+        "caret": boolean;
     }
     interface CoInputAttributes {
         "label": string;
@@ -13230,8 +14703,9 @@ declare namespace LocalJSX {
         "autoFocus": boolean;
         "autocomplete": string;
         "status": 'default' | 'error' | 'success' | 'warning' | 'info';
-        "size": 's' | 'sm' | 'md' | 'lg';
-        "variant": 'default' | 'flat';
+        "size": 'xs' | 's' | 'sm' | 'md' | 'lg';
+        "variant": 'default' | 'flat' | 'soft';
+        "iconSize": number;
         "fill": boolean;
         "actionLabel": string;
         "actionIcon": string;
@@ -13251,6 +14725,14 @@ declare namespace LocalJSX {
         "layout": 'vertical' | 'horizontal';
         "size": 's' | 'sm' | 'md' | 'lg';
     }
+    interface CoKbdAttributes {
+        "keys": string;
+        "platform": 'auto' | 'mac' | 'win';
+        "surface": 'light' | 'dark';
+        "size": 'sm' | 'xs';
+        "locale": string;
+        "chord": boolean;
+    }
     interface CoLightboxAttributes {
         "images": string;
         "startIndex": number;
@@ -13291,6 +14773,9 @@ declare namespace LocalJSX {
         "autoClose": boolean;
         "open": boolean;
         "width": string;
+        "surface": 'light' | 'dark';
+        "anchor": HTMLElement | string;
+        "shift": number;
     }
     interface CoMenuItemAttributes {
         "icon": string;
@@ -13300,6 +14785,7 @@ declare namespace LocalJSX {
         "dense": boolean;
         "selected": boolean;
         "trailingCheck": boolean;
+        "leadingCheck": boolean;
         "disabled": boolean;
         "variant": 'default' | 'danger';
     }
@@ -13310,9 +14796,13 @@ declare namespace LocalJSX {
         "closable": boolean;
         "closeOnOverlay": boolean;
         "closeOnEscape": boolean;
-        "size": 'sm' | 'md' | 'lg' | 'full';
+        "size": 'xs' | 'sm' | 'md' | 'lg' | 'full';
         "noDividers": boolean;
         "headerDivider": boolean;
+        "appearance": 'default' | 'panel' | 'dialog';
+        "backdrop": 'default' | 'none';
+        "inline": boolean;
+        "movable": boolean;
     }
     interface CoNavbarAttributes {
         "variant": 'default' | 'filled' | 'bordered' | 'dark';
@@ -13394,6 +14884,9 @@ declare namespace LocalJSX {
         "closeOnClickOutside": boolean;
         "closeOnEscape": boolean;
         "flip": boolean;
+        "bare": boolean;
+        "anchor": HTMLElement | string;
+        "shift": number;
     }
     interface CoProgressBarAttributes {
         "value": number;
@@ -13512,12 +15005,14 @@ declare namespace LocalJSX {
         "locale": string;
     }
     interface CoRichTextToolbarAttributes {
-        "variant": 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full';
+        "variant": 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full' | 'document';
         "position": 'top' | 'bottom';
         "disabled": boolean;
         "locale": string;
         "attachmentsEnabled": boolean;
         "attachmentAccept": string;
+        "documentHeaderEnabled": boolean;
+        "extraItems": ToolbarExtraItem[] | string;
     }
     interface CoRichTextViewerAttributes {
         "value": string | null;
@@ -13546,6 +15041,7 @@ declare namespace LocalJSX {
         "placeholder": string;
         "disabled": boolean;
         "iconLeft": string;
+        "iconSize": number;
         "clearable": boolean;
         "helperText": string;
         "layout": 'vertical' | 'horizontal';
@@ -13553,8 +15049,10 @@ declare namespace LocalJSX {
         "options": SelectOption[] | string[] | string;
         "value": string | string[];
         "multiple": boolean;
-        "size": 's' | 'sm' | 'md' | 'lg';
-        "variant": 'default' | 'flat';
+        "size": 'xs' | 's' | 'sm' | 'md' | 'lg';
+        "variant": 'default' | 'flat' | 'soft';
+        "labelStyle": 'default' | 'inline-help';
+        "menuSurface": 'light' | 'dark';
         "searchable": boolean;
         "searchPlaceholder": string;
         "emptyText": string;
@@ -13590,6 +15088,7 @@ declare namespace LocalJSX {
     }
     interface CoSliderAttributes {
         "label": string;
+        "ariaLabelText": string;
         "secondaryLabel": string;
         "helperText": string;
         "status": 'default' | 'error' | 'success' | 'warning' | 'info';
@@ -13600,6 +15099,16 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "showValue": boolean;
         "showMarks": boolean;
+        "orientation": 'horizontal' | 'vertical';
+    }
+    interface CoSwatchGridAttributes {
+        "value": string;
+        "columns": number;
+        "swatchSize": number;
+        "gap": number;
+        "radius": number;
+        "label": string;
+        "locale": string;
     }
     interface CoSwitchAttributes {
         "checked": boolean;
@@ -13614,16 +15123,19 @@ declare namespace LocalJSX {
         "label": string;
         "value": string;
         "selected": boolean;
-        "size": 'large' | 'small';
+        "size": 'large' | 'small' | 's' | 'xs';
         "variant": 'pill' | 'underline' | 'segmented';
         "badge": string;
         "iconLeft": string;
         "iconRight": string;
         "disabled": boolean;
+        "fullWidth": boolean;
     }
     interface CoTabGroupAttributes {
         "value": string;
         "variant": 'pill' | 'underline' | 'segmented';
+        "size": 's' | 'xs';
+        "fullWidth": boolean;
     }
     interface CoTagsFieldAttributes {
         "value": string[] | string;
@@ -13661,6 +15173,12 @@ declare namespace LocalJSX {
         "clearable": boolean;
         "resize": 'vertical' | 'none' | 'both';
     }
+    interface CoTileAttributes {
+        "label": string;
+        "icon": string;
+        "iconSize": number;
+        "disabled": boolean;
+    }
     interface CoTimeFieldAttributes {
         "value": number | null;
         "hour12": boolean;
@@ -13686,7 +15204,7 @@ declare namespace LocalJSX {
         "iconRight": string;
         "size": 'l' | 'm' | 's' | 'xs';
         "disabled": boolean;
-        "variant": 'connected' | 'track';
+        "variant": 'connected' | 'track' | 'soft';
         "selectedIconWeight": 'regular' | 'fill';
     }
     interface CoToggleButtonGroupAttributes {
@@ -13696,7 +15214,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "direction": 'row' | 'column';
         "fullWidth": boolean;
-        "variant": 'connected' | 'track';
+        "variant": 'connected' | 'track' | 'soft';
     }
     interface CoTooltipAttributes {
         "content": string;
@@ -13709,6 +15227,8 @@ declare namespace LocalJSX {
         "flip": boolean;
         "maxWidth": string;
         "block": boolean;
+        "variant": 'default' | 'label';
+        "shortcut": string;
     }
     interface CoTransferListAttributes {
         "label": string;
@@ -13720,6 +15240,17 @@ declare namespace LocalJSX {
         "helperText": string;
         "status": 'default' | 'error' | 'success' | 'warning' | 'info';
     }
+    interface CoTreeItemAttributes {
+        "label": string;
+        "icon": string;
+        "depth": number;
+        "expandable": boolean;
+        "expanded": boolean;
+        "selection": TreeItemSelection;
+        "size": TreeItemSize;
+        "disabled": boolean;
+        "locale": string;
+    }
     interface CoVideoAttributes {
         "src": string;
         "poster": string;
@@ -13774,7 +15305,9 @@ declare namespace LocalJSX {
         "co-checkbox": Omit<CoCheckbox, keyof CoCheckboxAttributes> & { [K in keyof CoCheckbox & keyof CoCheckboxAttributes]?: CoCheckbox[K] } & { [K in keyof CoCheckbox & keyof CoCheckboxAttributes as `attr:${K}`]?: CoCheckboxAttributes[K] } & { [K in keyof CoCheckbox & keyof CoCheckboxAttributes as `prop:${K}`]?: CoCheckbox[K] };
         "co-checkbox-group": Omit<CoCheckboxGroup, keyof CoCheckboxGroupAttributes> & { [K in keyof CoCheckboxGroup & keyof CoCheckboxGroupAttributes]?: CoCheckboxGroup[K] } & { [K in keyof CoCheckboxGroup & keyof CoCheckboxGroupAttributes as `attr:${K}`]?: CoCheckboxGroupAttributes[K] } & { [K in keyof CoCheckboxGroup & keyof CoCheckboxGroupAttributes as `prop:${K}`]?: CoCheckboxGroup[K] };
         "co-chip": Omit<CoChip, keyof CoChipAttributes> & { [K in keyof CoChip & keyof CoChipAttributes]?: CoChip[K] } & { [K in keyof CoChip & keyof CoChipAttributes as `attr:${K}`]?: CoChipAttributes[K] } & { [K in keyof CoChip & keyof CoChipAttributes as `prop:${K}`]?: CoChip[K] };
+        "co-color-area": Omit<CoColorArea, keyof CoColorAreaAttributes> & { [K in keyof CoColorArea & keyof CoColorAreaAttributes]?: CoColorArea[K] } & { [K in keyof CoColorArea & keyof CoColorAreaAttributes as `attr:${K}`]?: CoColorAreaAttributes[K] } & { [K in keyof CoColorArea & keyof CoColorAreaAttributes as `prop:${K}`]?: CoColorArea[K] };
         "co-color-picker": Omit<CoColorPicker, keyof CoColorPickerAttributes> & { [K in keyof CoColorPicker & keyof CoColorPickerAttributes]?: CoColorPicker[K] } & { [K in keyof CoColorPicker & keyof CoColorPickerAttributes as `attr:${K}`]?: CoColorPickerAttributes[K] } & { [K in keyof CoColorPicker & keyof CoColorPickerAttributes as `prop:${K}`]?: CoColorPicker[K] };
+        "co-color-slider": Omit<CoColorSlider, keyof CoColorSliderAttributes> & { [K in keyof CoColorSlider & keyof CoColorSliderAttributes]?: CoColorSlider[K] } & { [K in keyof CoColorSlider & keyof CoColorSliderAttributes as `attr:${K}`]?: CoColorSliderAttributes[K] } & { [K in keyof CoColorSlider & keyof CoColorSliderAttributes as `prop:${K}`]?: CoColorSlider[K] };
         "co-column-picker": Omit<CoColumnPicker, keyof CoColumnPickerAttributes> & { [K in keyof CoColumnPicker & keyof CoColumnPickerAttributes]?: CoColumnPicker[K] } & { [K in keyof CoColumnPicker & keyof CoColumnPickerAttributes as `attr:${K}`]?: CoColumnPickerAttributes[K] } & { [K in keyof CoColumnPicker & keyof CoColumnPickerAttributes as `prop:${K}`]?: CoColumnPicker[K] };
         "co-combobox": Omit<CoCombobox, keyof CoComboboxAttributes> & { [K in keyof CoCombobox & keyof CoComboboxAttributes]?: CoCombobox[K] } & { [K in keyof CoCombobox & keyof CoComboboxAttributes as `attr:${K}`]?: CoComboboxAttributes[K] } & { [K in keyof CoCombobox & keyof CoComboboxAttributes as `prop:${K}`]?: CoCombobox[K] };
         "co-command-search": Omit<CoCommandSearch, keyof CoCommandSearchAttributes> & { [K in keyof CoCommandSearch & keyof CoCommandSearchAttributes]?: CoCommandSearch[K] } & { [K in keyof CoCommandSearch & keyof CoCommandSearchAttributes as `attr:${K}`]?: CoCommandSearchAttributes[K] } & { [K in keyof CoCommandSearch & keyof CoCommandSearchAttributes as `prop:${K}`]?: CoCommandSearch[K] };
@@ -13785,6 +15318,7 @@ declare namespace LocalJSX {
         "co-date-range": Omit<CoDateRange, keyof CoDateRangeAttributes> & { [K in keyof CoDateRange & keyof CoDateRangeAttributes]?: CoDateRange[K] } & { [K in keyof CoDateRange & keyof CoDateRangeAttributes as `attr:${K}`]?: CoDateRangeAttributes[K] } & { [K in keyof CoDateRange & keyof CoDateRangeAttributes as `prop:${K}`]?: CoDateRange[K] };
         "co-date-range-picker": Omit<CoDateRangePicker, keyof CoDateRangePickerAttributes> & { [K in keyof CoDateRangePicker & keyof CoDateRangePickerAttributes]?: CoDateRangePicker[K] } & { [K in keyof CoDateRangePicker & keyof CoDateRangePickerAttributes as `attr:${K}`]?: CoDateRangePickerAttributes[K] } & { [K in keyof CoDateRangePicker & keyof CoDateRangePickerAttributes as `prop:${K}`]?: CoDateRangePicker[K] };
         "co-date-time-picker": Omit<CoDateTimePicker, keyof CoDateTimePickerAttributes> & { [K in keyof CoDateTimePicker & keyof CoDateTimePickerAttributes]?: CoDateTimePicker[K] } & { [K in keyof CoDateTimePicker & keyof CoDateTimePickerAttributes as `attr:${K}`]?: CoDateTimePickerAttributes[K] } & { [K in keyof CoDateTimePicker & keyof CoDateTimePickerAttributes as `prop:${K}`]?: CoDateTimePicker[K] };
+        "co-document-editor": Omit<CoDocumentEditor, keyof CoDocumentEditorAttributes> & { [K in keyof CoDocumentEditor & keyof CoDocumentEditorAttributes]?: CoDocumentEditor[K] } & { [K in keyof CoDocumentEditor & keyof CoDocumentEditorAttributes as `attr:${K}`]?: CoDocumentEditorAttributes[K] } & { [K in keyof CoDocumentEditor & keyof CoDocumentEditorAttributes as `prop:${K}`]?: CoDocumentEditor[K] };
         "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] };
@@ -13795,11 +15329,13 @@ declare namespace LocalJSX {
         "co-fab": Omit<CoFab, keyof CoFabAttributes> & { [K in keyof CoFab & keyof CoFabAttributes]?: CoFab[K] } & { [K in keyof CoFab & keyof CoFabAttributes as `attr:${K}`]?: CoFabAttributes[K] } & { [K in keyof CoFab & keyof CoFabAttributes as `prop:${K}`]?: CoFab[K] };
         "co-file-field": Omit<CoFileField, keyof CoFileFieldAttributes> & { [K in keyof CoFileField & keyof CoFileFieldAttributes]?: CoFileField[K] } & { [K in keyof CoFileField & keyof CoFileFieldAttributes as `attr:${K}`]?: CoFileFieldAttributes[K] } & { [K in keyof CoFileField & keyof CoFileFieldAttributes as `prop:${K}`]?: CoFileField[K] };
         "co-file-type-tile": Omit<CoFileTypeTile, keyof CoFileTypeTileAttributes> & { [K in keyof CoFileTypeTile & keyof CoFileTypeTileAttributes]?: CoFileTypeTile[K] } & { [K in keyof CoFileTypeTile & keyof CoFileTypeTileAttributes as `attr:${K}`]?: CoFileTypeTileAttributes[K] } & { [K in keyof CoFileTypeTile & keyof CoFileTypeTileAttributes as `prop:${K}`]?: CoFileTypeTile[K] } & OneOf<"ext", CoFileTypeTile["ext"], CoFileTypeTileAttributes["ext"]>;
+        "co-gradient-bar": Omit<CoGradientBar, keyof CoGradientBarAttributes> & { [K in keyof CoGradientBar & keyof CoGradientBarAttributes]?: CoGradientBar[K] } & { [K in keyof CoGradientBar & keyof CoGradientBarAttributes as `attr:${K}`]?: CoGradientBarAttributes[K] } & { [K in keyof CoGradientBar & keyof CoGradientBarAttributes as `prop:${K}`]?: CoGradientBar[K] };
         "co-helper-text": Omit<CoHelperText, keyof CoHelperTextAttributes> & { [K in keyof CoHelperText & keyof CoHelperTextAttributes]?: CoHelperText[K] } & { [K in keyof CoHelperText & keyof CoHelperTextAttributes as `attr:${K}`]?: CoHelperTextAttributes[K] } & { [K in keyof CoHelperText & keyof CoHelperTextAttributes as `prop:${K}`]?: CoHelperText[K] };
         "co-icon": Omit<CoIcon, keyof CoIconAttributes> & { [K in keyof CoIcon & keyof CoIconAttributes]?: CoIcon[K] } & { [K in keyof CoIcon & keyof CoIconAttributes as `attr:${K}`]?: CoIconAttributes[K] } & { [K in keyof CoIcon & keyof CoIconAttributes as `prop:${K}`]?: CoIcon[K] };
         "co-icon-button": Omit<CoIconButton, keyof CoIconButtonAttributes> & { [K in keyof CoIconButton & keyof CoIconButtonAttributes]?: CoIconButton[K] } & { [K in keyof CoIconButton & keyof CoIconButtonAttributes as `attr:${K}`]?: CoIconButtonAttributes[K] } & { [K in keyof CoIconButton & keyof CoIconButtonAttributes as `prop:${K}`]?: CoIconButton[K] };
         "co-input": Omit<CoInput, keyof CoInputAttributes> & { [K in keyof CoInput & keyof CoInputAttributes]?: CoInput[K] } & { [K in keyof CoInput & keyof CoInputAttributes as `attr:${K}`]?: CoInputAttributes[K] } & { [K in keyof CoInput & keyof CoInputAttributes as `prop:${K}`]?: CoInput[K] };
         "co-json-field": Omit<CoJsonField, keyof CoJsonFieldAttributes> & { [K in keyof CoJsonField & keyof CoJsonFieldAttributes]?: CoJsonField[K] } & { [K in keyof CoJsonField & keyof CoJsonFieldAttributes as `attr:${K}`]?: CoJsonFieldAttributes[K] } & { [K in keyof CoJsonField & keyof CoJsonFieldAttributes as `prop:${K}`]?: CoJsonField[K] };
+        "co-kbd": Omit<CoKbd, keyof CoKbdAttributes> & { [K in keyof CoKbd & keyof CoKbdAttributes]?: CoKbd[K] } & { [K in keyof CoKbd & keyof CoKbdAttributes as `attr:${K}`]?: CoKbdAttributes[K] } & { [K in keyof CoKbd & keyof CoKbdAttributes as `prop:${K}`]?: CoKbd[K] };
         "co-lightbox": Omit<CoLightbox, keyof CoLightboxAttributes> & { [K in keyof CoLightbox & keyof CoLightboxAttributes]?: CoLightbox[K] } & { [K in keyof CoLightbox & keyof CoLightboxAttributes as `attr:${K}`]?: CoLightboxAttributes[K] } & { [K in keyof CoLightbox & keyof CoLightboxAttributes as `prop:${K}`]?: CoLightbox[K] };
         "co-list-footer": Omit<CoListFooter, keyof CoListFooterAttributes> & { [K in keyof CoListFooter & keyof CoListFooterAttributes]?: CoListFooter[K] } & { [K in keyof CoListFooter & keyof CoListFooterAttributes as `attr:${K}`]?: CoListFooterAttributes[K] } & { [K in keyof CoListFooter & keyof CoListFooterAttributes as `prop:${K}`]?: CoListFooter[K] };
         "co-list-item": Omit<CoListItem, keyof CoListItemAttributes> & { [K in keyof CoListItem & keyof CoListItemAttributes]?: CoListItem[K] } & { [K in keyof CoListItem & keyof CoListItemAttributes as `attr:${K}`]?: CoListItemAttributes[K] } & { [K in keyof CoListItem & keyof CoListItemAttributes as `prop:${K}`]?: CoListItem[K] };
@@ -13834,17 +15370,20 @@ declare namespace LocalJSX {
         "co-sidebar-nav": Omit<CoSidebarNav, keyof CoSidebarNavAttributes> & { [K in keyof CoSidebarNav & keyof CoSidebarNavAttributes]?: CoSidebarNav[K] } & { [K in keyof CoSidebarNav & keyof CoSidebarNavAttributes as `attr:${K}`]?: CoSidebarNavAttributes[K] } & { [K in keyof CoSidebarNav & keyof CoSidebarNavAttributes as `prop:${K}`]?: CoSidebarNav[K] };
         "co-skeleton": Omit<CoSkeleton, keyof CoSkeletonAttributes> & { [K in keyof CoSkeleton & keyof CoSkeletonAttributes]?: CoSkeleton[K] } & { [K in keyof CoSkeleton & keyof CoSkeletonAttributes as `attr:${K}`]?: CoSkeletonAttributes[K] } & { [K in keyof CoSkeleton & keyof CoSkeletonAttributes as `prop:${K}`]?: CoSkeleton[K] };
         "co-slider": Omit<CoSlider, keyof CoSliderAttributes> & { [K in keyof CoSlider & keyof CoSliderAttributes]?: CoSlider[K] } & { [K in keyof CoSlider & keyof CoSliderAttributes as `attr:${K}`]?: CoSliderAttributes[K] } & { [K in keyof CoSlider & keyof CoSliderAttributes as `prop:${K}`]?: CoSlider[K] };
+        "co-swatch-grid": Omit<CoSwatchGrid, keyof CoSwatchGridAttributes> & { [K in keyof CoSwatchGrid & keyof CoSwatchGridAttributes]?: CoSwatchGrid[K] } & { [K in keyof CoSwatchGrid & keyof CoSwatchGridAttributes as `attr:${K}`]?: CoSwatchGridAttributes[K] } & { [K in keyof CoSwatchGrid & keyof CoSwatchGridAttributes as `prop:${K}`]?: CoSwatchGrid[K] };
         "co-switch": Omit<CoSwitch, keyof CoSwitchAttributes> & { [K in keyof CoSwitch & keyof CoSwitchAttributes]?: CoSwitch[K] } & { [K in keyof CoSwitch & keyof CoSwitchAttributes as `attr:${K}`]?: CoSwitchAttributes[K] } & { [K in keyof CoSwitch & keyof CoSwitchAttributes as `prop:${K}`]?: CoSwitch[K] };
         "co-tab": Omit<CoTab, keyof CoTabAttributes> & { [K in keyof CoTab & keyof CoTabAttributes]?: CoTab[K] } & { [K in keyof CoTab & keyof CoTabAttributes as `attr:${K}`]?: CoTabAttributes[K] } & { [K in keyof CoTab & keyof CoTabAttributes as `prop:${K}`]?: CoTab[K] };
         "co-tab-group": Omit<CoTabGroup, keyof CoTabGroupAttributes> & { [K in keyof CoTabGroup & keyof CoTabGroupAttributes]?: CoTabGroup[K] } & { [K in keyof CoTabGroup & keyof CoTabGroupAttributes as `attr:${K}`]?: CoTabGroupAttributes[K] } & { [K in keyof CoTabGroup & keyof CoTabGroupAttributes as `prop:${K}`]?: CoTabGroup[K] };
         "co-tags-field": Omit<CoTagsField, keyof CoTagsFieldAttributes> & { [K in keyof CoTagsField & keyof CoTagsFieldAttributes]?: CoTagsField[K] } & { [K in keyof CoTagsField & keyof CoTagsFieldAttributes as `attr:${K}`]?: CoTagsFieldAttributes[K] } & { [K in keyof CoTagsField & keyof CoTagsFieldAttributes as `prop:${K}`]?: CoTagsField[K] };
         "co-textarea": Omit<CoTextarea, keyof CoTextareaAttributes> & { [K in keyof CoTextarea & keyof CoTextareaAttributes]?: CoTextarea[K] } & { [K in keyof CoTextarea & keyof CoTextareaAttributes as `attr:${K}`]?: CoTextareaAttributes[K] } & { [K in keyof CoTextarea & keyof CoTextareaAttributes as `prop:${K}`]?: CoTextarea[K] };
+        "co-tile": Omit<CoTile, keyof CoTileAttributes> & { [K in keyof CoTile & keyof CoTileAttributes]?: CoTile[K] } & { [K in keyof CoTile & keyof CoTileAttributes as `attr:${K}`]?: CoTileAttributes[K] } & { [K in keyof CoTile & keyof CoTileAttributes as `prop:${K}`]?: CoTile[K] };
         "co-time-field": Omit<CoTimeField, keyof CoTimeFieldAttributes> & { [K in keyof CoTimeField & keyof CoTimeFieldAttributes]?: CoTimeField[K] } & { [K in keyof CoTimeField & keyof CoTimeFieldAttributes as `attr:${K}`]?: CoTimeFieldAttributes[K] } & { [K in keyof CoTimeField & keyof CoTimeFieldAttributes as `prop:${K}`]?: CoTimeField[K] };
         "co-toast": Omit<CoToast, keyof CoToastAttributes> & { [K in keyof CoToast & keyof CoToastAttributes]?: CoToast[K] } & { [K in keyof CoToast & keyof CoToastAttributes as `attr:${K}`]?: CoToastAttributes[K] } & { [K in keyof CoToast & keyof CoToastAttributes as `prop:${K}`]?: CoToast[K] };
         "co-toggle-button": Omit<CoToggleButton, keyof CoToggleButtonAttributes> & { [K in keyof CoToggleButton & keyof CoToggleButtonAttributes]?: CoToggleButton[K] } & { [K in keyof CoToggleButton & keyof CoToggleButtonAttributes as `attr:${K}`]?: CoToggleButtonAttributes[K] } & { [K in keyof CoToggleButton & keyof CoToggleButtonAttributes as `prop:${K}`]?: CoToggleButton[K] };
         "co-toggle-button-group": Omit<CoToggleButtonGroup, keyof CoToggleButtonGroupAttributes> & { [K in keyof CoToggleButtonGroup & keyof CoToggleButtonGroupAttributes]?: CoToggleButtonGroup[K] } & { [K in keyof CoToggleButtonGroup & keyof CoToggleButtonGroupAttributes as `attr:${K}`]?: CoToggleButtonGroupAttributes[K] } & { [K in keyof CoToggleButtonGroup & keyof CoToggleButtonGroupAttributes as `prop:${K}`]?: CoToggleButtonGroup[K] };
         "co-tooltip": Omit<CoTooltip, keyof CoTooltipAttributes> & { [K in keyof CoTooltip & keyof CoTooltipAttributes]?: CoTooltip[K] } & { [K in keyof CoTooltip & keyof CoTooltipAttributes as `attr:${K}`]?: CoTooltipAttributes[K] } & { [K in keyof CoTooltip & keyof CoTooltipAttributes as `prop:${K}`]?: CoTooltip[K] };
         "co-transfer-list": Omit<CoTransferList, keyof CoTransferListAttributes> & { [K in keyof CoTransferList & keyof CoTransferListAttributes]?: CoTransferList[K] } & { [K in keyof CoTransferList & keyof CoTransferListAttributes as `attr:${K}`]?: CoTransferListAttributes[K] } & { [K in keyof CoTransferList & keyof CoTransferListAttributes as `prop:${K}`]?: CoTransferList[K] };
+        "co-tree-item": Omit<CoTreeItem, keyof CoTreeItemAttributes> & { [K in keyof CoTreeItem & keyof CoTreeItemAttributes]?: CoTreeItem[K] } & { [K in keyof CoTreeItem & keyof CoTreeItemAttributes as `attr:${K}`]?: CoTreeItemAttributes[K] } & { [K in keyof CoTreeItem & keyof CoTreeItemAttributes as `prop:${K}`]?: CoTreeItem[K] };
         "co-video": Omit<CoVideo, keyof CoVideoAttributes> & { [K in keyof CoVideo & keyof CoVideoAttributes]?: CoVideo[K] } & { [K in keyof CoVideo & keyof CoVideoAttributes as `attr:${K}`]?: CoVideoAttributes[K] } & { [K in keyof CoVideo & keyof CoVideoAttributes as `prop:${K}`]?: CoVideo[K] };
     }
 }
@@ -13960,6 +15499,21 @@ declare module "@stencil/core" {
             "co-checkbox": LocalJSX.IntrinsicElements["co-checkbox"] & JSXBase.HTMLAttributes<HTMLCoCheckboxElement>;
             "co-checkbox-group": LocalJSX.IntrinsicElements["co-checkbox-group"] & JSXBase.HTMLAttributes<HTMLCoCheckboxGroupElement>;
             "co-chip": LocalJSX.IntrinsicElements["co-chip"] & JSXBase.HTMLAttributes<HTMLCoChipElement>;
+            /**
+             * Área saturación/valor (el "cuadrado" del picker de color). El tono viene de
+             * afuera (`hue`, normalmente de un `co-color-slider channel="hue"`); el usuario
+             * elige saturación (eje X) y valor (eje Y) arrastrando o con el teclado.
+             * Contrato de eventos (pensado para el historial de deshacer del editor):
+             *  - `coInput`  → en cada movimiento del arrastre (vista previa) y en cada paso
+             *                 de teclado.
+             *  - `coChange` → UNA vez al terminar el gesto (pointerup/pointercancel), solo
+             *                 si el gesto cambió el valor, o tras cada paso de teclado que
+             *                 lo cambie. Es el punto de commit: nunca un commit vacío.
+             * Los valores de puntero NO se redondean (una caja de 236 px da ~0,4 % por
+             * píxel; redondear a enteros dejaría hex inalcanzables). El teclado suma ±1
+             * (±10 con Shift) sobre el valor vigente. Quien muestre números redondea.
+             */
+            "co-color-area": LocalJSX.IntrinsicElements["co-color-area"] & JSXBase.HTMLAttributes<HTMLCoColorAreaElement>;
             /**
              * Color picker with preset swatches. Shows a trigger with the current color
              * swatch + hex value, and opens a popover panel with a saturation/brightness
@@ -13975,6 +15529,19 @@ declare module "@stencil/core" {
              * (blur, Enter or panel close).
              */
             "co-color-picker": LocalJSX.IntrinsicElements["co-color-picker"] & JSXBase.HTMLAttributes<HTMLCoColorPickerElement>;
+            /**
+             * Slider de un canal del picker de color: tono (`hue`, 0–360) u opacidad
+             * (`alpha`, 0–100, sobre el color base `color`).
+             * Contrato de eventos (mismo que `co-color-area`, pensado para el historial del
+             * editor): `coInput` en cada movimiento del arrastre y en cada paso de teclado;
+             * `coChange` UNA vez al terminar el gesto (pointerup/pointercancel), solo si el
+             * gesto cambió el valor, o tras cada paso de teclado que lo cambie — nunca un
+             * commit vacío. Ambos llevan el valor numérico.
+             * El thumb (16 px) va INSET: su centro recorre [8 px, ancho − 8 px], así nunca
+             * se sale del track de 16 px de alto. El puntero usa el mismo mapeo, de modo
+             * que el color bajo el thumb es exactamente el valor emitido.
+             */
+            "co-color-slider": LocalJSX.IntrinsicElements["co-color-slider"] & JSXBase.HTMLAttributes<HTMLCoColorSliderElement>;
             "co-column-picker": LocalJSX.IntrinsicElements["co-column-picker"] & JSXBase.HTMLAttributes<HTMLCoColumnPickerElement>;
             "co-combobox": LocalJSX.IntrinsicElements["co-combobox"] & JSXBase.HTMLAttributes<HTMLCoComboboxElement>;
             /**
@@ -14044,7 +15611,7 @@ declare module "@stencil/core" {
              * (`@prolibu-suite/cobalt-calendar-utils`), so DST comes from the platform tz
              * database — the same boundary `co-calendar-timegrid` uses. A date-only value
              * ("2026-07-25") is NOT an instant: it is read as that wall-clock day in
-             * `timeZone` at {@link DEFAULT_MINUTES} (09:00), never as UTC midnight (which
+             * `timeZone` at `DEFAULT_MINUTES` (09:00), never as UTC midnight (which
              * would shift the day west of UTC).
              * INTERACTION (Google):
              *   - Click the field → opens. Picking a DAY commits (with the current DRAFT
@@ -14068,6 +15635,16 @@ declare module "@stencil/core" {
              * are handled by `closeApplyingDraft` (see its doc for the Escape asymmetry).
              */
             "co-date-time-picker": LocalJSX.IntrinsicElements["co-date-time-picker"] & JSXBase.HTMLAttributes<HTMLCoDateTimePickerElement>;
+            /**
+             * Editor de documentos paginado: hoja fija, encabezado en banda, campos y
+             * firmas (spec contracts-v2-contract-editor §4.2). Recibe y devuelve SOLO el
+             * cuerpo (HTML de impresión) y el HTML del encabezado; no sabe de contratos.
+             * Nunca serializa por tecla: `coChange` solo avisa y el host pide
+             * `getPrintHtml()` cuando lo necesita.
+             * `shadow: false` (como co-rich-text-editor): ProseMirror arma su DOM de forma
+             * imperativa y el CSS de impresión del host tiene que alcanzarlo.
+             */
+            "co-document-editor": LocalJSX.IntrinsicElements["co-document-editor"] & JSXBase.HTMLAttributes<HTMLCoDocumentEditorElement>;
             "co-drawer": LocalJSX.IntrinsicElements["co-drawer"] & JSXBase.HTMLAttributes<HTMLCoDrawerElement>;
             /**
              * co-drive-card — a selectable Drive item card.
@@ -14126,6 +15703,23 @@ declare module "@stencil/core" {
              */
             "co-file-field": LocalJSX.IntrinsicElements["co-file-field"] & JSXBase.HTMLAttributes<HTMLCoFileFieldElement>;
             "co-file-type-tile": LocalJSX.IntrinsicElements["co-file-type-tile"] & JSXBase.HTMLAttributes<HTMLCoFileTypeTileElement>;
+            /**
+             * Barra de paradas de un degradado (popover de relleno del editor): arrastrar
+             * una parada, agregar una con click sobre la barra y seleccionar.
+             * Contrato de eventos (pensado para el historial de deshacer del host):
+             * - `coStopMove` — continuo, en cada movimiento del arrastre (preview en vivo).
+             * - `coStopsChange` — UNA vez al terminar el gesto (siempre que hubo al menos
+             *   un `coStopMove`, aunque el stop vuelva a su posición inicial: el host cierra
+             *   ahí su transacción) y una vez por cada paso de teclado.
+             * - `coStopSelect` — al hacer pointerdown sobre un handle.
+             * - `coStopAdd` — al hacer click sobre el track fuera de un handle; `color` es
+             *   el interpolado en esa posición.
+             * Con `disabled` no se emite nada.
+             * El componente es controlado: `stops` los pinta el host. Durante el arrastre
+             * el handle se pinta en la posición viva aunque el host no aplique cada
+             * `coStopMove`.
+             */
+            "co-gradient-bar": LocalJSX.IntrinsicElements["co-gradient-bar"] & JSXBase.HTMLAttributes<HTMLCoGradientBarElement>;
             /**
              * Helper / validation text shown below form fields.
              */
@@ -14155,6 +15749,17 @@ declare module "@stencil/core" {
              * Visually mirrors `co-input` / `co-date-field`.
              */
             "co-json-field": LocalJSX.IntrinsicElements["co-json-field"] & JSXBase.HTMLAttributes<HTMLCoJsonFieldElement>;
+            /**
+             * co-kbd — grupo de teclas de un atajo (p.ej. "shift+1", "mod+0", "v").
+             * Modificadores como ícono Phosphor en mac, como etiqueta i18n en win;
+             * teclas sueltas como texto en mayúscula. Con `chord`, toda la combinación
+             * va en UN solo chip (sin separadores).
+             * Usage:
+             *   <co-kbd keys="mod+0" />
+             *   <co-kbd keys="v" surface="dark" size="xs" />
+             *   <co-kbd keys="mod+0" chord />
+             */
+            "co-kbd": LocalJSX.IntrinsicElements["co-kbd"] & JSXBase.HTMLAttributes<HTMLCoKbdElement>;
             /**
              * Fullscreen media viewer — dark scrim, zoom (wheel / buttons / double-click,
              * anchored at the cursor), drag-to-pan while zoomed, and prev/next carousel
@@ -14330,6 +15935,14 @@ declare module "@stencil/core" {
              */
             "co-skeleton": LocalJSX.IntrinsicElements["co-skeleton"] & JSXBase.HTMLAttributes<HTMLCoSkeletonElement>;
             "co-slider": LocalJSX.IntrinsicElements["co-slider"] & JSXBase.HTMLAttributes<HTMLCoSliderElement>;
+            /**
+             * Grilla de muestras de color ("Colores recientes" del popover de relleno).
+             * Listbox de una sola selección: click (o Enter/Espacio) emite `coSelect` con
+             * el color; las flechas solo mueven el foco (roving tabindex).
+             * Los colores claros (luminancia WCAG > 0,85) reciben un borde automático
+             * para no fundirse con el fondo del panel.
+             */
+            "co-swatch-grid": LocalJSX.IntrinsicElements["co-swatch-grid"] & JSXBase.HTMLAttributes<HTMLCoSwatchGridElement>;
             "co-switch": LocalJSX.IntrinsicElements["co-switch"] & JSXBase.HTMLAttributes<HTMLCoSwitchElement>;
             "co-tab": LocalJSX.IntrinsicElements["co-tab"] & JSXBase.HTMLAttributes<HTMLCoTabElement>;
             "co-tab-group": LocalJSX.IntrinsicElements["co-tab-group"] & JSXBase.HTMLAttributes<HTMLCoTabGroupElement>;
@@ -14352,6 +15965,19 @@ declare module "@stencil/core" {
              * `<textarea>` for multiline content (bios, descriptions, notes).
              */
             "co-textarea": LocalJSX.IntrinsicElements["co-textarea"] & JSXBase.HTMLAttributes<HTMLCoTextareaElement>;
+            /**
+             * co-tile — tarjeta de 96×80 con ícono + etiqueta, usada en la grilla de
+             * "Plantillas de página" del editor. El host (el propio elemento
+             * personalizado) es el nodo focuseable/arrastrable: no declara eventos
+             * propios (`click`/`dragstart`/`pointerdown`) porque el consumidor
+             * (dnd-kit) los escucha directamente sobre el host — el componente solo
+             * pone `role`/`tabindex`/`aria-disabled` para que ese nodo sea accesible
+             * por teclado, y traduce Enter/Space a un `click` nativo sobre el host
+             * (semántica de `<button>`: Enter en keydown; Space frena el scroll en
+             * keydown y activa en keyup) para que el mismo listener del consumidor
+             * sirva con teclado.
+             */
+            "co-tile": LocalJSX.IntrinsicElements["co-tile"] & JSXBase.HTMLAttributes<HTMLCoTileElement>;
             /**
              * Campo de hora segmentado (patrón React Aria TimeField): una parte enfocable
              * por unidad — hora, minuto y a. m./p. m. (solo `hour12`). El VALOR es
@@ -14364,10 +15990,40 @@ declare module "@stencil/core" {
              */
             "co-time-field": LocalJSX.IntrinsicElements["co-time-field"] & JSXBase.HTMLAttributes<HTMLCoTimeFieldElement>;
             "co-toast": LocalJSX.IntrinsicElements["co-toast"] & JSXBase.HTMLAttributes<HTMLCoToastElement>;
+            /**
+             * co-toggle-button — pastilla de un `co-toggle-button-group`.
+             */
             "co-toggle-button": LocalJSX.IntrinsicElements["co-toggle-button"] & JSXBase.HTMLAttributes<HTMLCoToggleButtonElement>;
             "co-toggle-button-group": LocalJSX.IntrinsicElements["co-toggle-button-group"] & JSXBase.HTMLAttributes<HTMLCoToggleButtonGroupElement>;
             "co-tooltip": LocalJSX.IntrinsicElements["co-tooltip"] & JSXBase.HTMLAttributes<HTMLCoTooltipElement>;
             "co-transfer-list": LocalJSX.IntrinsicElements["co-transfer-list"] & JSXBase.HTMLAttributes<HTMLCoTransferListElement>;
+            /**
+             * Fila de un árbol (paneles Páginas y Capas del editor). Pensada para
+             * renderizar cientos de filas: UN solo shadow root propio (los iconos son
+             * `co-icon`; las acciones van en light DOM por slot), sin estado interno de
+             * selección/expansión y sin capturar teclado.
+             * - **Selección**: la decide el consumidor escuchando el `click` NATIVO del
+             *   host (ahí lee `metaKey` / `shiftKey`). Este componente no emite un evento
+             *   propio de selección ni captura Enter/Espacio; el `tabindex` (roving) lo
+             *   pone el consumidor en el host.
+             * - **Expansión**: controlada. El chevron emite `coToggle` con el estado
+             *   pedido (`!expanded`) y detiene la propagación de su `click` para que
+             *   pulsar el chevron no seleccione la fila. `coToggle` burbujea: con filas
+             *   anidadas en el slot por defecto, un listener por fila debe comprobar
+             *   `event.target === event.currentTarget` (o delegar en la raíz del árbol).
+             * - **Solo se corta el `click`** del chevron. `pointerdown` / `mousedown` SÍ
+             *   llegan al host (el chevron solo hace `preventDefault` del mousedown para
+             *   no robar el foco). Un consumidor con dnd-kit debe usar una restricción de
+             *   activación (`activationConstraint: { distance }`) o descartar el gesto
+             *   cuando `event.composedPath()` incluya el `[part="caret"]`.
+             * - **Hijos**: las filas hijas van en el slot por defecto. Con
+             *   `expandable && expanded` y contenido en ese slot, la fila padre lleva
+             *   radio solo arriba y el bloque de hijos pinta `--co-tree-item-group-bg`.
+             * - **Alineación con hermanos sin chevron**: por defecto una fila no
+             *   expandable no reserva el hueco del chevron. En un árbol mixto (Capas) se
+             *   reserva con `--co-tree-item-caret-space: 12px` en el contenedor.
+             */
+            "co-tree-item": LocalJSX.IntrinsicElements["co-tree-item"] & JSXBase.HTMLAttributes<HTMLCoTreeItemElement>;
             /**
              * A fully configurable video player component with custom controls.
              */