@prolibu-suite/cobalt-core 0.3.0 → 0.4.0

package/dist/types/components.d.ts

@@ -19,10 +19,12 @@ import { DateRangeValue } from "./components/co-date-range-picker/co-date-range-
 import { DateRangeValue as DateRangeValue1 } from "./components/co-date-range-picker/co-date-range-picker";
 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";
@@ -41,10 +43,12 @@ export { DateRangeValue } from "./components/co-date-range-picker/co-date-range-
 export { DateRangeValue as DateRangeValue1 } from "./components/co-date-range-picker/co-date-range-picker";
 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";
@@ -157,6 +161,10 @@ export namespace Components {
         "value": string | string[];
     }
     interface CoAvatar {
+        /**
+          * Alternative text for the image (type="image"); falls back to text when unset
+         */
+        "alt"?: string;
         /**
           * Custom background color (hex or CSS value)
          */
@@ -287,6 +295,58 @@ export namespace Components {
          */
         "showHandle": boolean;
     }
+    /**
+     * Horizontal breadcrumb trail. Accepts `co-breadcrumb-item` children via the
+     * default slot, or auto-renders them from the `items` JSON prop.
+     * The separator between crumbs is drawn by each `co-breadcrumb-item` as a
+     * leading icon (hidden on the first crumb via CSS), so no separator markup is
+     * interleaved here. This component propagates its `separator` prop down to the
+     * slotted items and layouts them in a `align-items:center; gap:4px` flex row.
+     */
+    interface CoBreadcrumb {
+        /**
+          * Optional JSON array to auto-render crumbs instead of using the slot, e.g. `[{ "label": "Mi unidad", "icon": "cloud", "value": "root" }]`. The last entry is marked `current`. When set, slotted children are ignored.
+         */
+        "items"?: string;
+        /**
+          * Icon name (Phosphor) for the separator between crumbs. Propagated to slotted `co-breadcrumb-item` children.
+          * @default 'caret-right'
+         */
+        "separator": string;
+    }
+    /**
+     * A single navigable crumb inside a `co-breadcrumb`.
+     * Renders a leading separator icon (hidden on the first crumb via CSS
+     * `:host(:first-child)`) followed by the clickable content — an optional
+     * leading icon and the label. Clicking (or Enter/Space) emits `coSelect` with
+     * the crumb's `value` (falling back to its `label`).
+     * Conventions mirror `co-menu-item`: the `current` crumb paints medium weight +
+     * text-default ink; earlier crumbs are regular weight + muted (gray-500).
+     */
+    interface CoBreadcrumbItem {
+        /**
+          * Marks this crumb as the current (last) page — medium weight + text-default ink.
+          * @default false
+         */
+        "current": boolean;
+        /**
+          * Optional leading icon (Phosphor name), size 16, inherits the crumb color.
+         */
+        "icon"?: string;
+        /**
+          * Text shown in the crumb.
+         */
+        "label"?: string;
+        /**
+          * Leading separator icon (size 13, gray-400). Hidden on the first crumb via CSS. Set by the parent `co-breadcrumb`; defaults to `caret-right`.
+          * @default 'caret-right'
+         */
+        "separator": string;
+        /**
+          * Value emitted by `coSelect`. Falls back to `label` when unset.
+         */
+        "value"?: string;
+    }
     interface CoButton {
         /**
           * Custom background color (CSS value or token, e.g. "var(--co-color-secondary-rojo-100)")
@@ -297,6 +357,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Raised elevation — with variant="secondary" renders a white raised button (shadow-sm + inset hairline).
+          * @default false
+         */
+        "elevated": boolean;
         /**
           * Phosphor icon name for the left position (e.g. "plus", "arrow-left")
          */
@@ -328,6 +393,11 @@ export namespace Components {
           * @default 'm'
          */
         "size": 'l' | 'm' | 's' | 'xs';
+        /**
+          * Surface the button sits on. On "dark", ghost/stroke variants switch to white ink + blanco-16 hover.
+          * @default 'light'
+         */
+        "surface": 'light' | 'dark';
         /**
           * Custom text/icon color (CSS value or token, e.g. "var(--co-color-base-blanco)")
          */
@@ -514,6 +584,11 @@ export namespace Components {
         "variant": 'elevated' | 'outlined' | 'flat';
     }
     interface CoCheckbox {
+        /**
+          * Visual appearance: - 'default' — the standard labeled form checkbox (unchanged). - 'overlay' — a standalone frosted rounded selection chip (Drive), no label, bespoke SVG glyphs.
+          * @default 'default'
+         */
+        "appearance": 'default' | 'overlay';
         /**
           * Whether the checkbox is checked
           * @default false
@@ -534,10 +609,14 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * Size: small=16px, large=24px
+          * Accent fill color used when checked/indeterminate. Defaults to the current design token.
+         */
+        "onColor"?: string;
+        /**
+          * Size: small=16px, medium=20px, large=24px (overlay appearance: small=20px, medium/large=22px)
           * @default 'small'
          */
-        "size": 'small' | 'large';
+        "size": 'small' | 'medium' | 'large';
         /**
           * Value for checkbox group usage
           * @default ''
@@ -633,7 +712,7 @@ export namespace Components {
          */
         "iconRight"?: string;
         /**
-          * Icon weight applied to prop-based iconLeft / iconRight.
+          * Icon weight applied to prop-based iconLeft / iconRight / trailingIcon.
           * @default 'regular'
          */
         "iconWeight": 'regular' | 'thin' | 'light' | 'bold' | 'fill' | 'duotone';
@@ -662,10 +741,18 @@ export namespace Components {
          */
         "size": 'large' | 'small';
         /**
-          * Visual variant
+          * Trailing icon name (prop-based, uses co-icon — any Phosphor icon name), e.g. 'caret-down'. In the `filter` variant it renders at 13px in gray-400; in other variants it inherits the chip text colour.
+         */
+        "trailingIcon"?: string;
+        /**
+          * Muted two-tone value suffix rendered right after the label as ": <valueLabel>" (e.g. label "Ordenar" + valueLabel "Reciente" → "Ordenar: Reciente"). The suffix is coloured with --co-chip-value-color (default gray-500). Omit for a plain chip.
+         */
+        "valueLabel"?: string;
+        /**
+          * Visual variant. - filled/outlined = existing tag/chip looks (unchanged defaults). - filter = Cloud Drive filter-trigger pill (white pill, inset hairline   ring, tinted leading icon, two-tone value, trailing caret).
           * @default 'filled'
          */
-        "variant": 'filled' | 'outlined';
+        "variant": 'filled' | 'outlined' | 'filter';
     }
     /**
      * Color picker with preset swatches. Shows a trigger with the current color
@@ -966,6 +1053,19 @@ export namespace Components {
           * @default '[]'
          */
         "columns": string | CoDataTableColumn[];
+        /**
+          * Optional left icon (Phosphor name) for the prop-driven empty-action button.
+         */
+        "emptyActionIcon"?: string;
+        /**
+          * Empty-state action button, rendered BY the component (not via slot). Prefer this over the `empty-action` slot: a non-shadow component relocates slotted light-DOM nodes, so projecting togglable framework content (e.g. a Vue `v-if` button) corrupts that framework's virtual DOM. Leave empty to fall back to the `empty-action` slot.
+         */
+        "emptyActionLabel"?: string;
+        /**
+          * Variant for the prop-driven empty-action button.
+          * @default 'stroke'
+         */
+        "emptyActionVariant": 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success';
         /**
           * Empty state icon (Phosphor icon name).
           * @default 'magnifying-glass'
@@ -1453,6 +1553,11 @@ export namespace Components {
           * @default false
          */
         "loading": boolean;
+        /**
+          * Render without the modal overlay: no scrim, no body-scroll lock — the page behind stays fully interactive. The panel promotes itself to the browser top layer (Popover API) so ancestor filters/transforms can't clip it. Close vectors: X button, Escape, or the consumer flipping `open` — there is deliberately no click-outside in this mode.
+          * @default false
+         */
+        "modeless": boolean;
         /**
           * Whether the drawer is visible
           * @default false
@@ -1469,6 +1574,93 @@ export namespace Components {
          */
         "size": 'sm' | 'md' | 'lg' | 'xl' | 'full';
     }
+    /**
+     * co-drive-card — a selectable Drive item card.
+     * A plain flex/grid surface that `co-card` cannot host: `co-card` projects its
+     * children into a shadow-DOM body that forces block flow, clips with
+     * `overflow:hidden`, locks a 16px radius + a real 1px border, and paints an
+     * opaque surface that occludes the selected accent tint. This component renders
+     * two faithful layouts instead — a `folder` flex row and a `file` column with a
+     * thumbnail — with an absolute corner select-chip, a 1.5px inset selection ring,
+     * and a shadow-sm + hairline hover.
+     */
+    interface CoDriveCard {
+        /**
+          * Accent CSS color driving the icon tile, selection ring and select chip.
+          * @default 'var(--co-color-primary-azul)'
+         */
+        "accent": string;
+        /**
+          * (file) Whether the item is the active/current item — draws a heavier inset ring.
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Vertical rhythm / sizing.
+          * @default 'comfy'
+         */
+        "density": 'comfy' | 'compact';
+        /**
+          * (file) File extension used to render a default <co-file-type-tile> in the foot when the `type` slot is empty.
+         */
+        "ext"?: string;
+        /**
+          * Muted secondary line (meta).
+          * @default ''
+         */
+        "meta": string;
+        /**
+          * Primary label (name).
+          * @default ''
+         */
+        "name": string;
+        /**
+          * Whether the item is selected. Controlled — parent updates it on coToggleSelect.
+          * @default false
+         */
+        "selected": boolean;
+        /**
+          * Whether the item is starred.
+          * @default false
+         */
+        "starred": boolean;
+        /**
+          * Which layout to render.
+          * @default 'folder'
+         */
+        "variant": 'folder' | 'file';
+    }
+    /**
+     * co-drop-zone — a drag-to-upload overlay.
+     * Wraps arbitrary slotted content and paints an absolute dashed overlay on top
+     * of it while a drag is in progress. Can be driven two ways:
+     *  1. Controlled — the consumer toggles `active` (e.g. from its own drag state).
+     *  2. Self-managed — the host listens for native dragenter/over/leave/drop and
+     *     flips `active` itself, emitting `coDragStateChange` and `coDrop`.
+     * Report ref: 3.17 (446–449); drag overlay spec: report lines 135–136.
+     */
+    interface CoDropZone {
+        /**
+          * Accent color for the dashed border, badge icon and tinted background.
+          * @default 'var(--co-color-primary-azul)'
+         */
+        "accent": string;
+        /**
+          * Whether the drag-to-upload overlay is visible.
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Phosphor icon name shown in the badge.
+          * @default 'upload-simple'
+         */
+        "icon": string;
+        /**
+          * Overlay label text.
+          * @default 'Suelta para subir'
+         */
+        "label": string;
+    }
     /**
      * Empty state placeholder — icon, title, description, and action buttons.
      */
@@ -1485,6 +1677,20 @@ export namespace Components {
           * Phosphor icon name
          */
         "icon"?: string;
+        /**
+          * Phosphor icon weight. Defaults to `light` (plain) / `regular` (card) when unset.
+         */
+        "iconWeight"?: 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
+        /**
+          * Size scale. `l` grows the medallion (98px) and heading (24/500).
+          * @default 'm'
+         */
+        "size": 'm' | 'l';
+        /**
+          * Visual style: `plain` (default, current behavior) or `card` (framed white card).
+          * @default 'plain'
+         */
+        "variant": 'plain' | 'card';
     }
     /**
      * co-event-calendar — the public entry point of the Cobalt Calendars family.
@@ -1668,6 +1874,27 @@ export namespace Components {
          */
         "uploadedTitle"?: string;
     }
+    interface CoFileTypeTile {
+        /**
+          * When true, use the type's tint/accent colors; when false, neutral gray-100 / gray-600.
+          * @default true
+         */
+        "colorTags": boolean;
+        /**
+          * File extension (e.g. "pdf", "docx", "png"). Case-insensitive; a leading dot is ignored.
+         */
+        "ext": string;
+        /**
+          * Corner radius in px (React uses 11 / 9 / 7).
+          * @default 11
+         */
+        "radius": number;
+        /**
+          * Tile edge length in px (React uses 44 / 34 / 26).
+          * @default 44
+         */
+        "size": number;
+    }
     /**
      * Helper / validation text shown below form fields.
      */
@@ -1706,6 +1933,10 @@ export namespace Components {
         "weight": IconWeight;
     }
     interface CoIconButton {
+        /**
+          * 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;
         /**
           * Disabled state
           * @default false
@@ -1716,7 +1947,7 @@ export namespace Components {
          */
         "icon"?: string;
         /**
-          * Override the size-derived glyph px (e.g. 24). Falls back to the size default.
+          * Override the rendered icon size in px. When set, takes precedence over the per-`size` icon default (which is otherwise unchanged — e.g. 16px at xs).
          */
         "iconSize"?: number;
         /**
@@ -1740,7 +1971,12 @@ export namespace Components {
          */
         "size": 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
         /**
-          * filled = dark background (negro), outlined = light background (blanco + border) Matches Figma: Secundario → filled, Primario → outlined
+          * Surface the button sits on. `dark` → white icon + blanco-16 hover (on-dark theming). Defaults to `light` (no extra class → identical to previous behavior).
+          * @default 'light'
+         */
+        "surface": 'light' | 'dark';
+        /**
+          * 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
           * @default 'filled'
          */
         "variant": 'filled' | 'outlined' | 'ghost';
@@ -1772,6 +2008,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Filled search-pill variant. When true the field renders as a minimal gray pill (background gray-100, no border/box-shadow, 10px radius) with a search glyph on the left and a plain-`x` clear — the floating label, helper text and status chrome are suppressed. When false (default) the field renders IDENTICALLY to the standard text field.
+          * @default false
+         */
+        "fill": boolean;
         /**
           * Helper text displayed below the input
          */
@@ -1817,7 +2058,7 @@ export namespace Components {
          */
         "secondaryLabel"?: string;
         /**
-          * Size variant: s (28px), sm (32px), md (40px, default), lg (48px)
+          * 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).
           * @default 'md'
          */
         "size": 's' | 'sm' | 'md' | 'lg';
@@ -2024,6 +2265,36 @@ export namespace Components {
          */
         "visible": boolean;
     }
+    /**
+     * An image / video preview region. Renders a cover image when `src` is set,
+     * an optional dark scrim + play button when `video` is true, and a default
+     * slot fallback (for a type-icon box) when there is no `src`.
+     */
+    interface CoMediaThumb {
+        /**
+          * Alternative text for the image.
+         */
+        "alt"?: string;
+        /**
+          * Height of the region. Accepts a CSS length or a bare number (→ px).
+          * @default '132px'
+         */
+        "height": string | number;
+        /**
+          * Corner radius in px.
+          * @default 10
+         */
+        "radius": number;
+        /**
+          * Image source URL. When set, a cover image is rendered.
+         */
+        "src"?: string;
+        /**
+          * Show the video overlay (dark scrim + centered play button).
+          * @default false
+         */
+        "video": boolean;
+    }
     /**
      * Dropdown menu. Wraps `co-popover` with menu-specific UX:
      *   - Default `placement="bottom-end"` (typical for "more actions" 3-dot triggers)
@@ -2068,6 +2339,10 @@ export namespace Components {
           * @default 'bottom-end'
          */
         "placement": PopoverPlacement;
+        /**
+          * 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).
+         */
+        "width"?: string;
     }
     /**
      * Thin horizontal separator between groups of `co-menu-item` rows. Renders an
@@ -2102,13 +2377,27 @@ export namespace Components {
          */
         "focusItem": () => Promise<void>;
         /**
-          * Icon name (Phosphor) rendered before the label.
+          * Icon name (Phosphor) rendered before the label. Optional — rows may be label-only.
          */
         "icon"?: string;
+        /**
+          * Overrides the leading icon size (px). Defaults to 16.
+         */
+        "iconSize"?: number;
         /**
           * Text shown in the row.
          */
         "label"?: string;
+        /**
+          * Marks the row as selected — paints an at-rest gray-100 background. Used by single-select menus (sort/type).
+          * @default false
+         */
+        "selected": boolean;
+        /**
+          * Renders a trailing check (size 15) after the label. Pair with `selected` to mark the chosen option in a single-select menu.
+          * @default false
+         */
+        "trailingCheck": boolean;
         /**
           * `danger` shifts text + icon to the destructive color. Use for Delete, etc.
           * @default 'default'
@@ -2121,6 +2410,11 @@ export namespace Components {
           * @default true
          */
         "closable": boolean;
+        /**
+          * Opt-in: close when Escape is pressed. Default false → existing consumers are unchanged.  Handled here rather than by forwarding co-overlay's own `closeOnEscape`: co-overlay emits the SAME `coClose` for a backdrop click and for Escape, and this component gates that event on `closeOnOverlay`. Forwarding would therefore swallow Escape whenever `closeOnOverlay` is false.
+          * @default false
+         */
+        "closeOnEscape": boolean;
         /**
           * Close when clicking the overlay backdrop
           * @default true
@@ -2146,10 +2440,10 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * Modal width: sm (400px), md (540px), lg (680px)
+          * 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.
           * @default 'md'
          */
-        "size": 'sm' | 'md' | 'lg';
+        "size": 'sm' | 'md' | 'lg' | 'full';
     }
     /**
      * Horizontal toolbar container. Place any content inside the default slot.
@@ -2222,6 +2516,120 @@ export namespace Components {
          */
         "value": number | null;
     }
+    /**
+     * Núcleo de lista de opciones — la única fuente del look & behavior de los
+     * dropdowns Cobalt (co-ref-field, co-combobox, co-autocomplete,
+     * co-command-search) y de los pickers de celda de suite-v2.
+     * NO renderiza trigger ni chrome de panel (popover/dialog/ancho): eso es del
+     * host. Es 100% controlada: no muta `value`; emite y el host decide.
+     */
+    interface CoOptionList {
+        /**
+          * @default 'circle'
+         */
+        "avatarShape": 'circle' | 'square';
+        /**
+          * Si se setea y hay selección, fila "quitar selección" al tope.
+          * @default ''
+         */
+        "clearOptionLabel": string;
+        /**
+          * @default 'No results found'
+         */
+        "emptyMessage": string;
+        /**
+          * Enfoca el input de búsqueda esperando visibilidad real: el panel del host se vuelve visible frames después (showPopover/position en rAF) y focus() sobre subtree oculto es no-op silencioso. Reintenta ~20 frames.
+         */
+        "focusSearch": () => Promise<void>;
+        /**
+          * Navegación para hosts con input externo. true = tecla consumida (host hace preventDefault).
+         */
+        "handleKey": (e: KeyboardEvent) => Promise<boolean>;
+        /**
+          * Fallback cuando el host no conoce totales (⌘K). total>0 manda.
+          * @default false
+         */
+        "hasMore": boolean;
+        /**
+          * Resalta el match del término en los labels.
+          * @default false
+         */
+        "highlightMatches": boolean;
+        /**
+          * Término externo para highlight (input en el host, p.ej. ⌘K).
+          * @default ''
+         */
+        "highlightTerm": string;
+        /**
+          * Pre-seed del término (modo convert de las celdas).
+          * @default ''
+         */
+        "initialTerm": string;
+        /**
+          * JSON string o array de OptionListItem.
+          * @default '[]'
+         */
+        "items": string | OptionListItem[];
+        /**
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * Botón remove por fila seleccionada en multiple (tags de combobox).
+          * @default false
+         */
+        "removableItems": boolean;
+        /**
+          * @default 350
+         */
+        "searchDebounce": number;
+        /**
+          * @default 'Search…'
+         */
+        "searchPlaceholder": string;
+        /**
+          * @default false
+         */
+        "searchable": boolean;
+        /**
+          * Afford. del seleccionado: check (combobox/autocomplete) o X deselect (ref-field).
+          * @default 'check'
+         */
+        "selectedAffordance": 'check' | 'deselect';
+        /**
+          * Partición selected-first (snapshot al llamar snapshotOrder()).
+          * @default false
+         */
+        "selectedFirst": boolean;
+        /**
+          * Display-items de la selección (para selected-first con ids fuera de página).
+          * @default '[]'
+         */
+        "selectedItems": string | OptionListItem[];
+        /**
+          * Re-toma el snapshot selected-first. El host la llama al abrir su panel.
+         */
+        "snapshotOrder": () => Promise<void>;
+        /**
+          * Total del server: deriva hasMore + hint "N more results".
+          * @default 0
+         */
+        "total": number;
+        /**
+          * Selección actual: id single o JSON array de ids.
+          * @default ''
+         */
+        "value": string;
+        /**
+          * Lista virtualizada (autocomplete/combobox). Ignora `group`.
+          * @default false
+         */
+        "virtual": boolean;
+    }
     interface CoOverlay {
         /**
           * Opt-in: emit `coClose` when Escape is pressed while open. Default false → existing consumers are unchanged.
@@ -2805,6 +3213,38 @@ export namespace Components {
          */
         "size": 'sm' | 'lg';
     }
+    /**
+     * A stacked, multi-segment meter — a pill track split into N contiguous
+     * colored segments (e.g. a storage breakdown). Display-only; colors are
+     * supplied by the consumer. Provide an external legend via `slot="legend"`.
+     */
+    interface CoSegmentedBar {
+        /**
+          * Corner rounding of the track. `full` = pill.
+          * @default 'full'
+         */
+        "radius": 'full' | 'sm' | 'lg';
+        /**
+          * Segments to render — a JSON string OR an array of `{ value: number; color: string; label?: string }`.
+          * @default '[]'
+         */
+        "segments": string | CoSegment[];
+        /**
+          * Track height in px.
+          * @default 10
+         */
+        "thickness": number;
+        /**
+          * The value the segments are measured against (100% = full track).
+          * @default 100
+         */
+        "total": number;
+        /**
+          * Background color of the empty track.
+          * @default 'var(--co-color-gray-100)'
+         */
+        "trackColor": string;
+    }
     interface CoSelect {
         /**
           * @default false
@@ -3052,6 +3492,10 @@ export namespace Components {
         "status": 'default' | 'error' | 'success' | 'warning' | 'info';
     }
     interface CoTab {
+        /**
+          * Optional count/badge pill rendered after the label
+         */
+        "badge"?: string;
         /**
           * Disabled state
           * @default false
@@ -3085,12 +3529,22 @@ export namespace Components {
           * @default ''
          */
         "value": string;
+        /**
+          * Visual variant: filled pill (default) or underline tab
+          * @default 'pill'
+         */
+        "variant": 'pill' | 'underline';
     }
     interface CoTabGroup {
         /**
           * Currently selected tab value
          */
         "value"?: string;
+        /**
+          * Visual variant, propagated to slotted co-tab children
+          * @default 'pill'
+         */
+        "variant": 'pill' | 'underline';
     }
     /**
      * Free-text tags input — type a value and press Enter/Tab (or comma) to add it
@@ -3271,6 +3725,10 @@ export namespace Components {
           * @default ''
          */
         "message": string;
+        /**
+          * Determinate upload/loading progress (0–100). When set, a progress track is rendered below the message row (with a percentage label, and an `upload-simple` azul icon when no `icon` is provided). Leave undefined for a plain toast — behaviour is unchanged.
+         */
+        "progress"?: number;
         /**
           * Semantic variant — drives left accent color, icon tint, default icon, and announced ARIA role.
           * @default 'neutral'
@@ -3289,6 +3747,10 @@ export namespace Components {
           * @default false
          */
         "selected": boolean;
+        /**
+          * When set, the leading/trailing icon renders at this weight while the button is selected (e.g. 'fill' for the active segment of a track toggle).
+         */
+        "selectedIconWeight"?: 'regular' | 'fill';
         /**
           * @default 'm'
          */
@@ -3297,6 +3759,11 @@ export namespace Components {
           * @default ''
          */
         "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.
+          * @default 'connected'
+         */
+        "variant": 'connected' | 'track';
     }
     interface CoToggleButtonGroup {
         /**
@@ -3325,6 +3792,11 @@ export namespace Components {
           * @default ''
          */
         "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.
+          * @default 'connected'
+         */
+        "variant": 'connected' | 'track';
     }
     interface CoTooltip {
         /**
@@ -3582,6 +4054,10 @@ export interface CoBottomSheetCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoBottomSheetElement;
 }
+export interface CoBreadcrumbItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoBreadcrumbItemElement;
+}
 export interface CoCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoCalendarElement;
@@ -3646,6 +4122,14 @@ export interface CoDrawerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoDrawerElement;
 }
+export interface CoDriveCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoDriveCardElement;
+}
+export interface CoDropZoneCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoDropZoneElement;
+}
 export interface CoEventCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoEventCalendarElement;
@@ -3694,6 +4178,10 @@ export interface CoNumberFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoNumberFieldElement;
 }
+export interface CoOptionListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoOptionListElement;
+}
 export interface CoOverlayCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCoOverlayElement;
@@ -3900,6 +4388,46 @@ declare global {
         prototype: HTMLCoBottomSheetElement;
         new (): HTMLCoBottomSheetElement;
     };
+    /**
+     * Horizontal breadcrumb trail. Accepts `co-breadcrumb-item` children via the
+     * default slot, or auto-renders them from the `items` JSON prop.
+     * The separator between crumbs is drawn by each `co-breadcrumb-item` as a
+     * leading icon (hidden on the first crumb via CSS), so no separator markup is
+     * interleaved here. This component propagates its `separator` prop down to the
+     * slotted items and layouts them in a `align-items:center; gap:4px` flex row.
+     */
+    interface HTMLCoBreadcrumbElement extends Components.CoBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLCoBreadcrumbElement: {
+        prototype: HTMLCoBreadcrumbElement;
+        new (): HTMLCoBreadcrumbElement;
+    };
+    interface HTMLCoBreadcrumbItemElementEventMap {
+        "coSelect": string;
+    }
+    /**
+     * A single navigable crumb inside a `co-breadcrumb`.
+     * Renders a leading separator icon (hidden on the first crumb via CSS
+     * `:host(:first-child)`) followed by the clickable content — an optional
+     * leading icon and the label. Clicking (or Enter/Space) emits `coSelect` with
+     * the crumb's `value` (falling back to its `label`).
+     * Conventions mirror `co-menu-item`: the `current` crumb paints medium weight +
+     * text-default ink; earlier crumbs are regular weight + muted (gray-500).
+     */
+    interface HTMLCoBreadcrumbItemElement extends Components.CoBreadcrumbItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoBreadcrumbItemElementEventMap>(type: K, listener: (this: HTMLCoBreadcrumbItemElement, ev: CoBreadcrumbItemCustomEvent<HTMLCoBreadcrumbItemElementEventMap[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 HTMLCoBreadcrumbItemElementEventMap>(type: K, listener: (this: HTMLCoBreadcrumbItemElement, ev: CoBreadcrumbItemCustomEvent<HTMLCoBreadcrumbItemElementEventMap[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 HTMLCoBreadcrumbItemElement: {
+        prototype: HTMLCoBreadcrumbItemElement;
+        new (): HTMLCoBreadcrumbItemElement;
+    };
     interface HTMLCoButtonElement extends Components.CoButton, HTMLStencilElement {
     }
     var HTMLCoButtonElement: {
@@ -4134,6 +4662,7 @@ declare global {
         "coColumnPin": { field: string };
         "coRowDblClick": { row: any; index: number };
         "coRowClick": { row: any; index: number };
+        "coEmptyAction": void;
     }
     interface HTMLCoDataTableElement extends Components.CoDataTable, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCoDataTableElementEventMap>(type: K, listener: (this: HTMLCoDataTableElement, ev: CoDataTableCustomEvent<HTMLCoDataTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4317,6 +4846,62 @@ declare global {
         prototype: HTMLCoDrawerElement;
         new (): HTMLCoDrawerElement;
     };
+    interface HTMLCoDriveCardElementEventMap {
+        "coOpen": void;
+        "coToggleSelect": boolean;
+        "coStar": void;
+    }
+    /**
+     * co-drive-card — a selectable Drive item card.
+     * A plain flex/grid surface that `co-card` cannot host: `co-card` projects its
+     * children into a shadow-DOM body that forces block flow, clips with
+     * `overflow:hidden`, locks a 16px radius + a real 1px border, and paints an
+     * opaque surface that occludes the selected accent tint. This component renders
+     * two faithful layouts instead — a `folder` flex row and a `file` column with a
+     * thumbnail — with an absolute corner select-chip, a 1.5px inset selection ring,
+     * and a shadow-sm + hairline hover.
+     */
+    interface HTMLCoDriveCardElement extends Components.CoDriveCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoDriveCardElementEventMap>(type: K, listener: (this: HTMLCoDriveCardElement, ev: CoDriveCardCustomEvent<HTMLCoDriveCardElementEventMap[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 HTMLCoDriveCardElementEventMap>(type: K, listener: (this: HTMLCoDriveCardElement, ev: CoDriveCardCustomEvent<HTMLCoDriveCardElementEventMap[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 HTMLCoDriveCardElement: {
+        prototype: HTMLCoDriveCardElement;
+        new (): HTMLCoDriveCardElement;
+    };
+    interface HTMLCoDropZoneElementEventMap {
+        "coDrop": File[];
+        "coDragStateChange": boolean;
+    }
+    /**
+     * co-drop-zone — a drag-to-upload overlay.
+     * Wraps arbitrary slotted content and paints an absolute dashed overlay on top
+     * of it while a drag is in progress. Can be driven two ways:
+     *  1. Controlled — the consumer toggles `active` (e.g. from its own drag state).
+     *  2. Self-managed — the host listens for native dragenter/over/leave/drop and
+     *     flips `active` itself, emitting `coDragStateChange` and `coDrop`.
+     * Report ref: 3.17 (446–449); drag overlay spec: report lines 135–136.
+     */
+    interface HTMLCoDropZoneElement extends Components.CoDropZone, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoDropZoneElementEventMap>(type: K, listener: (this: HTMLCoDropZoneElement, ev: CoDropZoneCustomEvent<HTMLCoDropZoneElementEventMap[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 HTMLCoDropZoneElementEventMap>(type: K, listener: (this: HTMLCoDropZoneElement, ev: CoDropZoneCustomEvent<HTMLCoDropZoneElementEventMap[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 HTMLCoDropZoneElement: {
+        prototype: HTMLCoDropZoneElement;
+        new (): HTMLCoDropZoneElement;
+    };
     /**
      * Empty state placeholder — icon, title, description, and action buttons.
      */
@@ -4419,6 +5004,12 @@ declare global {
         prototype: HTMLCoFileFieldElement;
         new (): HTMLCoFileFieldElement;
     };
+    interface HTMLCoFileTypeTileElement extends Components.CoFileTypeTile, HTMLStencilElement {
+    }
+    var HTMLCoFileTypeTileElement: {
+        prototype: HTMLCoFileTypeTileElement;
+        new (): HTMLCoFileTypeTileElement;
+    };
     /**
      * Helper / validation text shown below form fields.
      */
@@ -4589,6 +5180,17 @@ declare global {
         prototype: HTMLCoLoaderElement;
         new (): HTMLCoLoaderElement;
     };
+    /**
+     * An image / video preview region. Renders a cover image when `src` is set,
+     * an optional dark scrim + play button when `video` is true, and a default
+     * slot fallback (for a type-icon box) when there is no `src`.
+     */
+    interface HTMLCoMediaThumbElement extends Components.CoMediaThumb, HTMLStencilElement {
+    }
+    var HTMLCoMediaThumbElement: {
+        prototype: HTMLCoMediaThumbElement;
+        new (): HTMLCoMediaThumbElement;
+    };
     interface HTMLCoMenuElementEventMap {
         "coOpen": void;
         "coClose": void;
@@ -4715,6 +5317,34 @@ declare global {
         prototype: HTMLCoNumberFieldElement;
         new (): HTMLCoNumberFieldElement;
     };
+    interface HTMLCoOptionListElementEventMap {
+        "coSearch": string;
+        "coChange": { value: string | string[]; item: OptionListItem };
+        "coLoadMore": void;
+        "coClearSelection": void;
+        "coRemoveItem": string;
+    }
+    /**
+     * Núcleo de lista de opciones — la única fuente del look & behavior de los
+     * dropdowns Cobalt (co-ref-field, co-combobox, co-autocomplete,
+     * co-command-search) y de los pickers de celda de suite-v2.
+     * NO renderiza trigger ni chrome de panel (popover/dialog/ancho): eso es del
+     * host. Es 100% controlada: no muta `value`; emite y el host decide.
+     */
+    interface HTMLCoOptionListElement extends Components.CoOptionList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoOptionListElementEventMap>(type: K, listener: (this: HTMLCoOptionListElement, ev: CoOptionListCustomEvent<HTMLCoOptionListElementEventMap[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 HTMLCoOptionListElementEventMap>(type: K, listener: (this: HTMLCoOptionListElement, ev: CoOptionListCustomEvent<HTMLCoOptionListElementEventMap[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 HTMLCoOptionListElement: {
+        prototype: HTMLCoOptionListElement;
+        new (): HTMLCoOptionListElement;
+    };
     interface HTMLCoOverlayElementEventMap {
         "coClose": void;
         "coAfterClose": void;
@@ -4949,6 +5579,17 @@ declare global {
         prototype: HTMLCoRowElement;
         new (): HTMLCoRowElement;
     };
+    /**
+     * A stacked, multi-segment meter — a pill track split into N contiguous
+     * colored segments (e.g. a storage breakdown). Display-only; colors are
+     * supplied by the consumer. Provide an external legend via `slot="legend"`.
+     */
+    interface HTMLCoSegmentedBarElement extends Components.CoSegmentedBar, HTMLStencilElement {
+    }
+    var HTMLCoSegmentedBarElement: {
+        prototype: HTMLCoSegmentedBarElement;
+        new (): HTMLCoSegmentedBarElement;
+    };
     interface HTMLCoSelectElementEventMap {
         "coChange": string | string[];
         "coClear": void;
@@ -5272,6 +5913,8 @@ declare global {
         "co-avatar-group": HTMLCoAvatarGroupElement;
         "co-badge": HTMLCoBadgeElement;
         "co-bottom-sheet": HTMLCoBottomSheetElement;
+        "co-breadcrumb": HTMLCoBreadcrumbElement;
+        "co-breadcrumb-item": HTMLCoBreadcrumbItemElement;
         "co-button": HTMLCoButtonElement;
         "co-button-group": HTMLCoButtonGroupElement;
         "co-calendar": HTMLCoCalendarElement;
@@ -5291,10 +5934,13 @@ declare global {
         "co-date-range": HTMLCoDateRangeElement;
         "co-date-range-picker": HTMLCoDateRangePickerElement;
         "co-drawer": HTMLCoDrawerElement;
+        "co-drive-card": HTMLCoDriveCardElement;
+        "co-drop-zone": HTMLCoDropZoneElement;
         "co-empty-state": HTMLCoEmptyStateElement;
         "co-event-calendar": HTMLCoEventCalendarElement;
         "co-fab": HTMLCoFabElement;
         "co-file-field": HTMLCoFileFieldElement;
+        "co-file-type-tile": HTMLCoFileTypeTileElement;
         "co-helper-text": HTMLCoHelperTextElement;
         "co-icon": HTMLCoIconElement;
         "co-icon-button": HTMLCoIconButtonElement;
@@ -5304,12 +5950,14 @@ declare global {
         "co-list-footer": HTMLCoListFooterElement;
         "co-list-item": HTMLCoListItemElement;
         "co-loader": HTMLCoLoaderElement;
+        "co-media-thumb": HTMLCoMediaThumbElement;
         "co-menu": HTMLCoMenuElement;
         "co-menu-divider": HTMLCoMenuDividerElement;
         "co-menu-item": HTMLCoMenuItemElement;
         "co-modal": HTMLCoModalElement;
         "co-navbar": HTMLCoNavbarElement;
         "co-number-field": HTMLCoNumberFieldElement;
+        "co-option-list": HTMLCoOptionListElement;
         "co-overlay": HTMLCoOverlayElement;
         "co-page-header": HTMLCoPageHeaderElement;
         "co-phone-field": HTMLCoPhoneFieldElement;
@@ -5324,6 +5972,7 @@ declare global {
         "co-rich-text-toolbar": HTMLCoRichTextToolbarElement;
         "co-rich-text-viewer": HTMLCoRichTextViewerElement;
         "co-row": HTMLCoRowElement;
+        "co-segmented-bar": HTMLCoSegmentedBarElement;
         "co-select": HTMLCoSelectElement;
         "co-separator": HTMLCoSeparatorElement;
         "co-sidebar": HTMLCoSidebarElement;
@@ -5467,6 +6116,10 @@ declare namespace LocalJSX {
         "value"?: string | string[];
     }
     interface CoAvatar {
+        /**
+          * Alternative text for the image (type="image"); falls back to text when unset
+         */
+        "alt"?: string;
         /**
           * Custom background color (hex or CSS value)
          */
@@ -5617,6 +6270,62 @@ declare namespace LocalJSX {
          */
         "showHandle"?: boolean;
     }
+    /**
+     * Horizontal breadcrumb trail. Accepts `co-breadcrumb-item` children via the
+     * default slot, or auto-renders them from the `items` JSON prop.
+     * The separator between crumbs is drawn by each `co-breadcrumb-item` as a
+     * leading icon (hidden on the first crumb via CSS), so no separator markup is
+     * interleaved here. This component propagates its `separator` prop down to the
+     * slotted items and layouts them in a `align-items:center; gap:4px` flex row.
+     */
+    interface CoBreadcrumb {
+        /**
+          * Optional JSON array to auto-render crumbs instead of using the slot, e.g. `[{ "label": "Mi unidad", "icon": "cloud", "value": "root" }]`. The last entry is marked `current`. When set, slotted children are ignored.
+         */
+        "items"?: string;
+        /**
+          * Icon name (Phosphor) for the separator between crumbs. Propagated to slotted `co-breadcrumb-item` children.
+          * @default 'caret-right'
+         */
+        "separator"?: string;
+    }
+    /**
+     * A single navigable crumb inside a `co-breadcrumb`.
+     * Renders a leading separator icon (hidden on the first crumb via CSS
+     * `:host(:first-child)`) followed by the clickable content — an optional
+     * leading icon and the label. Clicking (or Enter/Space) emits `coSelect` with
+     * the crumb's `value` (falling back to its `label`).
+     * Conventions mirror `co-menu-item`: the `current` crumb paints medium weight +
+     * text-default ink; earlier crumbs are regular weight + muted (gray-500).
+     */
+    interface CoBreadcrumbItem {
+        /**
+          * Marks this crumb as the current (last) page — medium weight + text-default ink.
+          * @default false
+         */
+        "current"?: boolean;
+        /**
+          * Optional leading icon (Phosphor name), size 16, inherits the crumb color.
+         */
+        "icon"?: string;
+        /**
+          * Text shown in the crumb.
+         */
+        "label"?: string;
+        /**
+          * Fired on click / Enter / Space with `value || label`. Bubbles + composed so consumers can listen on the parent `co-breadcrumb`.
+         */
+        "onCoSelect"?: (event: CoBreadcrumbItemCustomEvent<string>) => void;
+        /**
+          * Leading separator icon (size 13, gray-400). Hidden on the first crumb via CSS. Set by the parent `co-breadcrumb`; defaults to `caret-right`.
+          * @default 'caret-right'
+         */
+        "separator"?: string;
+        /**
+          * Value emitted by `coSelect`. Falls back to `label` when unset.
+         */
+        "value"?: string;
+    }
     interface CoButton {
         /**
           * Custom background color (CSS value or token, e.g. "var(--co-color-secondary-rojo-100)")
@@ -5627,6 +6336,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Raised elevation — with variant="secondary" renders a white raised button (shadow-sm + inset hairline).
+          * @default false
+         */
+        "elevated"?: boolean;
         /**
           * Phosphor icon name for the left position (e.g. "plus", "arrow-left")
          */
@@ -5658,6 +6372,11 @@ declare namespace LocalJSX {
           * @default 'm'
          */
         "size"?: 'l' | 'm' | 's' | 'xs';
+        /**
+          * Surface the button sits on. On "dark", ghost/stroke variants switch to white ink + blanco-16 hover.
+          * @default 'light'
+         */
+        "surface"?: 'light' | 'dark';
         /**
           * Custom text/icon color (CSS value or token, e.g. "var(--co-color-base-blanco)")
          */
@@ -5871,6 +6590,11 @@ declare namespace LocalJSX {
         "variant"?: 'elevated' | 'outlined' | 'flat';
     }
     interface CoCheckbox {
+        /**
+          * Visual appearance: - 'default' — the standard labeled form checkbox (unchanged). - 'overlay' — a standalone frosted rounded selection chip (Drive), no label, bespoke SVG glyphs.
+          * @default 'default'
+         */
+        "appearance"?: 'default' | 'overlay';
         /**
           * Whether the checkbox is checked
           * @default false
@@ -5895,10 +6619,14 @@ declare namespace LocalJSX {
          */
         "onCoChange"?: (event: CoCheckboxCustomEvent<boolean>) => void;
         /**
-          * Size: small=16px, large=24px
+          * Accent fill color used when checked/indeterminate. Defaults to the current design token.
+         */
+        "onColor"?: string;
+        /**
+          * Size: small=16px, medium=20px, large=24px (overlay appearance: small=20px, medium/large=22px)
           * @default 'small'
          */
-        "size"?: 'small' | 'large';
+        "size"?: 'small' | 'medium' | 'large';
         /**
           * Value for checkbox group usage
           * @default ''
@@ -5998,7 +6726,7 @@ declare namespace LocalJSX {
          */
         "iconRight"?: string;
         /**
-          * Icon weight applied to prop-based iconLeft / iconRight.
+          * Icon weight applied to prop-based iconLeft / iconRight / trailingIcon.
           * @default 'regular'
          */
         "iconWeight"?: 'regular' | 'thin' | 'light' | 'bold' | 'fill' | 'duotone';
@@ -6035,10 +6763,18 @@ declare namespace LocalJSX {
          */
         "size"?: 'large' | 'small';
         /**
-          * Visual variant
+          * Trailing icon name (prop-based, uses co-icon — any Phosphor icon name), e.g. 'caret-down'. In the `filter` variant it renders at 13px in gray-400; in other variants it inherits the chip text colour.
+         */
+        "trailingIcon"?: string;
+        /**
+          * Muted two-tone value suffix rendered right after the label as ": <valueLabel>" (e.g. label "Ordenar" + valueLabel "Reciente" → "Ordenar: Reciente"). The suffix is coloured with --co-chip-value-color (default gray-500). Omit for a plain chip.
+         */
+        "valueLabel"?: string;
+        /**
+          * Visual variant. - filled/outlined = existing tag/chip looks (unchanged defaults). - filter = Cloud Drive filter-trigger pill (white pill, inset hairline   ring, tinted leading icon, two-tone value, trailing caret).
           * @default 'filled'
          */
-        "variant"?: 'filled' | 'outlined';
+        "variant"?: 'filled' | 'outlined' | 'filter';
     }
     /**
      * Color picker with preset swatches. Shows a trigger with the current color
@@ -6393,6 +7129,19 @@ declare namespace LocalJSX {
           * @default '[]'
          */
         "columns"?: string | CoDataTableColumn[];
+        /**
+          * Optional left icon (Phosphor name) for the prop-driven empty-action button.
+         */
+        "emptyActionIcon"?: string;
+        /**
+          * Empty-state action button, rendered BY the component (not via slot). Prefer this over the `empty-action` slot: a non-shadow component relocates slotted light-DOM nodes, so projecting togglable framework content (e.g. a Vue `v-if` button) corrupts that framework's virtual DOM. Leave empty to fall back to the `empty-action` slot.
+         */
+        "emptyActionLabel"?: string;
+        /**
+          * Variant for the prop-driven empty-action button.
+          * @default 'stroke'
+         */
+        "emptyActionVariant"?: 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success';
         /**
           * Empty state icon (Phosphor icon name).
           * @default 'magnifying-glass'
@@ -6421,6 +7170,10 @@ declare namespace LocalJSX {
           * Emitted when a column is resized
          */
         "onCoColumnResize"?: (event: CoDataTableCustomEvent<{ field: string; width: number }>) => void;
+        /**
+          * Fired when the prop-driven empty-action button (`emptyActionLabel`) is clicked.
+         */
+        "onCoEmptyAction"?: (event: CoDataTableCustomEvent<void>) => void;
         /**
           * Emitted when a row is clicked
          */
@@ -6926,58 +7679,170 @@ declare namespace LocalJSX {
           * Close when clicking the backdrop
           * @default true
          */
-        "closeOnOverlay"?: boolean;
+        "closeOnOverlay"?: boolean;
+        /**
+          * Optional description shown below the heading
+          * @default ''
+         */
+        "description"?: string;
+        /**
+          * Drawer title (used when `header` slot is empty)
+          * @default ''
+         */
+        "heading"?: string;
+        /**
+          * Optional Phosphor icon name shown before the heading
+          * @default ''
+         */
+        "icon"?: string;
+        /**
+          * Show a loading overlay over the body
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Render without the modal overlay: no scrim, no body-scroll lock — the page behind stays fully interactive. The panel promotes itself to the browser top layer (Popover API) so ancestor filters/transforms can't clip it. Close vectors: X button, Escape, or the consumer flipping `open` — there is deliberately no click-outside in this mode.
+          * @default false
+         */
+        "modeless"?: boolean;
+        /**
+          * Slide-out animation finished.
+         */
+        "onCoAfterClose"?: (event: CoDrawerCustomEvent<void>) => void;
+        /**
+          * Slide-in animation finished.
+         */
+        "onCoAfterOpen"?: (event: CoDrawerCustomEvent<void>) => void;
+        /**
+          * Requested to close (X, backdrop, Esc). Consumer should set `open=false`.
+         */
+        "onCoClose"?: (event: CoDrawerCustomEvent<void>) => void;
+        /**
+          * Transitioned to open=true.
+         */
+        "onCoOpen"?: (event: CoDrawerCustomEvent<void>) => void;
+        /**
+          * Whether the drawer is visible
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Side from which the drawer slides in
+          * @default 'right'
+         */
+        "position"?: 'right' | 'left' | 'bottom';
+        /**
+          * Predefined sizes — sm 400 / md 520 / lg 720 / xl 960 / full 100%
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    }
+    /**
+     * co-drive-card — a selectable Drive item card.
+     * A plain flex/grid surface that `co-card` cannot host: `co-card` projects its
+     * children into a shadow-DOM body that forces block flow, clips with
+     * `overflow:hidden`, locks a 16px radius + a real 1px border, and paints an
+     * opaque surface that occludes the selected accent tint. This component renders
+     * two faithful layouts instead — a `folder` flex row and a `file` column with a
+     * thumbnail — with an absolute corner select-chip, a 1.5px inset selection ring,
+     * and a shadow-sm + hairline hover.
+     */
+    interface CoDriveCard {
+        /**
+          * Accent CSS color driving the icon tile, selection ring and select chip.
+          * @default 'var(--co-color-primary-azul)'
+         */
+        "accent"?: string;
+        /**
+          * (file) Whether the item is the active/current item — draws a heavier inset ring.
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Vertical rhythm / sizing.
+          * @default 'comfy'
+         */
+        "density"?: 'comfy' | 'compact';
+        /**
+          * (file) File extension used to render a default <co-file-type-tile> in the foot when the `type` slot is empty.
+         */
+        "ext"?: string;
+        /**
+          * Muted secondary line (meta).
+          * @default ''
+         */
+        "meta"?: string;
+        /**
+          * Primary label (name).
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * Fired when the card is activated (click / Enter / Space).
+         */
+        "onCoOpen"?: (event: CoDriveCardCustomEvent<void>) => void;
         /**
-          * Optional description shown below the heading
-          * @default ''
+          * Fired when the star affordance is clicked.
          */
-        "description"?: string;
+        "onCoStar"?: (event: CoDriveCardCustomEvent<void>) => void;
         /**
-          * Drawer title (used when `header` slot is empty)
-          * @default ''
+          * Fired when the select chip is toggled — emits the NEW selected state.
          */
-        "heading"?: string;
+        "onCoToggleSelect"?: (event: CoDriveCardCustomEvent<boolean>) => void;
         /**
-          * Optional Phosphor icon name shown before the heading
-          * @default ''
+          * Whether the item is selected. Controlled — parent updates it on coToggleSelect.
+          * @default false
          */
-        "icon"?: string;
+        "selected"?: boolean;
         /**
-          * Show a loading overlay over the body
+          * Whether the item is starred.
           * @default false
          */
-        "loading"?: boolean;
+        "starred"?: boolean;
         /**
-          * Slide-out animation finished.
+          * Which layout to render.
+          * @default 'folder'
          */
-        "onCoAfterClose"?: (event: CoDrawerCustomEvent<void>) => void;
+        "variant"?: 'folder' | 'file';
+    }
+    /**
+     * co-drop-zone — a drag-to-upload overlay.
+     * Wraps arbitrary slotted content and paints an absolute dashed overlay on top
+     * of it while a drag is in progress. Can be driven two ways:
+     *  1. Controlled — the consumer toggles `active` (e.g. from its own drag state).
+     *  2. Self-managed — the host listens for native dragenter/over/leave/drop and
+     *     flips `active` itself, emitting `coDragStateChange` and `coDrop`.
+     * Report ref: 3.17 (446–449); drag overlay spec: report lines 135–136.
+     */
+    interface CoDropZone {
         /**
-          * Slide-in animation finished.
+          * Accent color for the dashed border, badge icon and tinted background.
+          * @default 'var(--co-color-primary-azul)'
          */
-        "onCoAfterOpen"?: (event: CoDrawerCustomEvent<void>) => void;
+        "accent"?: string;
         /**
-          * Requested to close (X, backdrop, Esc). Consumer should set `open=false`.
+          * Whether the drag-to-upload overlay is visible.
+          * @default false
          */
-        "onCoClose"?: (event: CoDrawerCustomEvent<void>) => void;
+        "active"?: boolean;
         /**
-          * Transitioned to open=true.
+          * Phosphor icon name shown in the badge.
+          * @default 'upload-simple'
          */
-        "onCoOpen"?: (event: CoDrawerCustomEvent<void>) => void;
+        "icon"?: string;
         /**
-          * Whether the drawer is visible
-          * @default false
+          * Overlay label text.
+          * @default 'Suelta para subir'
          */
-        "open"?: boolean;
+        "label"?: string;
         /**
-          * Side from which the drawer slides in
-          * @default 'right'
+          * Emitted whenever the internal drag-over state flips.
          */
-        "position"?: 'right' | 'left' | 'bottom';
+        "onCoDragStateChange"?: (event: CoDropZoneCustomEvent<boolean>) => void;
         /**
-          * Predefined sizes — sm 400 / md 520 / lg 720 / xl 960 / full 100%
-          * @default 'md'
+          * Emitted with the dropped files.
          */
-        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+        "onCoDrop"?: (event: CoDropZoneCustomEvent<File[]>) => void;
     }
     /**
      * Empty state placeholder — icon, title, description, and action buttons.
@@ -6995,6 +7860,20 @@ declare namespace LocalJSX {
           * Phosphor icon name
          */
         "icon"?: string;
+        /**
+          * Phosphor icon weight. Defaults to `light` (plain) / `regular` (card) when unset.
+         */
+        "iconWeight"?: 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
+        /**
+          * Size scale. `l` grows the medallion (98px) and heading (24/500).
+          * @default 'm'
+         */
+        "size"?: 'm' | 'l';
+        /**
+          * Visual style: `plain` (default, current behavior) or `card` (framed white card).
+          * @default 'plain'
+         */
+        "variant"?: 'plain' | 'card';
     }
     /**
      * co-event-calendar — the public entry point of the Cobalt Calendars family.
@@ -7240,6 +8119,27 @@ declare namespace LocalJSX {
          */
         "uploadedTitle"?: string;
     }
+    interface CoFileTypeTile {
+        /**
+          * When true, use the type's tint/accent colors; when false, neutral gray-100 / gray-600.
+          * @default true
+         */
+        "colorTags"?: boolean;
+        /**
+          * File extension (e.g. "pdf", "docx", "png"). Case-insensitive; a leading dot is ignored.
+         */
+        "ext": string;
+        /**
+          * Corner radius in px (React uses 11 / 9 / 7).
+          * @default 11
+         */
+        "radius"?: number;
+        /**
+          * Tile edge length in px (React uses 44 / 34 / 26).
+          * @default 44
+         */
+        "size"?: number;
+    }
     /**
      * Helper / validation text shown below form fields.
      */
@@ -7278,6 +8178,10 @@ declare namespace LocalJSX {
         "weight"?: IconWeight;
     }
     interface CoIconButton {
+        /**
+          * 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;
         /**
           * Disabled state
           * @default false
@@ -7288,7 +8192,7 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * Override the size-derived glyph px (e.g. 24). Falls back to the size default.
+          * Override the rendered icon size in px. When set, takes precedence over the per-`size` icon default (which is otherwise unchanged — e.g. 16px at xs).
          */
         "iconSize"?: number;
         /**
@@ -7312,7 +8216,12 @@ declare namespace LocalJSX {
          */
         "size"?: 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
         /**
-          * filled = dark background (negro), outlined = light background (blanco + border) Matches Figma: Secundario → filled, Primario → outlined
+          * Surface the button sits on. `dark` → white icon + blanco-16 hover (on-dark theming). Defaults to `light` (no extra class → identical to previous behavior).
+          * @default 'light'
+         */
+        "surface"?: 'light' | 'dark';
+        /**
+          * 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
           * @default 'filled'
          */
         "variant"?: 'filled' | 'outlined' | 'ghost';
@@ -7344,6 +8253,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Filled search-pill variant. When true the field renders as a minimal gray pill (background gray-100, no border/box-shadow, 10px radius) with a search glyph on the left and a plain-`x` clear — the floating label, helper text and status chrome are suppressed. When false (default) the field renders IDENTICALLY to the standard text field.
+          * @default false
+         */
+        "fill"?: boolean;
         /**
           * Helper text displayed below the input
          */
@@ -7413,7 +8327,7 @@ declare namespace LocalJSX {
          */
         "secondaryLabel"?: string;
         /**
-          * Size variant: s (28px), sm (32px), md (40px, default), lg (48px)
+          * 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).
           * @default 'md'
          */
         "size"?: 's' | 'sm' | 'md' | 'lg';
@@ -7654,6 +8568,36 @@ declare namespace LocalJSX {
          */
         "visible"?: boolean;
     }
+    /**
+     * An image / video preview region. Renders a cover image when `src` is set,
+     * an optional dark scrim + play button when `video` is true, and a default
+     * slot fallback (for a type-icon box) when there is no `src`.
+     */
+    interface CoMediaThumb {
+        /**
+          * Alternative text for the image.
+         */
+        "alt"?: string;
+        /**
+          * Height of the region. Accepts a CSS length or a bare number (→ px).
+          * @default '132px'
+         */
+        "height"?: string | number;
+        /**
+          * Corner radius in px.
+          * @default 10
+         */
+        "radius"?: number;
+        /**
+          * Image source URL. When set, a cover image is rendered.
+         */
+        "src"?: string;
+        /**
+          * Show the video overlay (dark scrim + centered play button).
+          * @default false
+         */
+        "video"?: boolean;
+    }
     /**
      * Dropdown menu. Wraps `co-popover` with menu-specific UX:
      *   - Default `placement="bottom-end"` (typical for "more actions" 3-dot triggers)
@@ -7699,6 +8643,10 @@ declare namespace LocalJSX {
           * @default 'bottom-end'
          */
         "placement"?: PopoverPlacement;
+        /**
+          * 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).
+         */
+        "width"?: string;
     }
     /**
      * Thin horizontal separator between groups of `co-menu-item` rows. Renders an
@@ -7729,9 +8677,13 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Icon name (Phosphor) rendered before the label.
+          * Icon name (Phosphor) rendered before the label. Optional — rows may be label-only.
          */
         "icon"?: string;
+        /**
+          * Overrides the leading icon size (px). Defaults to 16.
+         */
+        "iconSize"?: number;
         /**
           * Text shown in the row.
          */
@@ -7744,6 +8696,16 @@ declare namespace LocalJSX {
           * Fired when this leaf item is selected. Submenu triggers do NOT fire it.
          */
         "onCoSelect"?: (event: CoMenuItemCustomEvent<void>) => void;
+        /**
+          * Marks the row as selected — paints an at-rest gray-100 background. Used by single-select menus (sort/type).
+          * @default false
+         */
+        "selected"?: boolean;
+        /**
+          * Renders a trailing check (size 15) after the label. Pair with `selected` to mark the chosen option in a single-select menu.
+          * @default false
+         */
+        "trailingCheck"?: boolean;
         /**
           * `danger` shifts text + icon to the destructive color. Use for Delete, etc.
           * @default 'default'
@@ -7756,6 +8718,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "closable"?: boolean;
+        /**
+          * Opt-in: close when Escape is pressed. Default false → existing consumers are unchanged.  Handled here rather than by forwarding co-overlay's own `closeOnEscape`: co-overlay emits the SAME `coClose` for a backdrop click and for Escape, and this component gates that event on `closeOnOverlay`. Forwarding would therefore swallow Escape whenever `closeOnOverlay` is false.
+          * @default false
+         */
+        "closeOnEscape"?: boolean;
         /**
           * Close when clicking the overlay backdrop
           * @default true
@@ -7793,10 +8760,10 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Modal width: sm (400px), md (540px), lg (680px)
+          * 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.
           * @default 'md'
          */
-        "size"?: 'sm' | 'md' | 'lg';
+        "size"?: 'sm' | 'md' | 'lg' | 'full';
     }
     /**
      * Horizontal toolbar container. Place any content inside the default slot.
@@ -7874,6 +8841,113 @@ declare namespace LocalJSX {
          */
         "value"?: number | null;
     }
+    /**
+     * Núcleo de lista de opciones — la única fuente del look & behavior de los
+     * dropdowns Cobalt (co-ref-field, co-combobox, co-autocomplete,
+     * co-command-search) y de los pickers de celda de suite-v2.
+     * NO renderiza trigger ni chrome de panel (popover/dialog/ancho): eso es del
+     * host. Es 100% controlada: no muta `value`; emite y el host decide.
+     */
+    interface CoOptionList {
+        /**
+          * @default 'circle'
+         */
+        "avatarShape"?: 'circle' | 'square';
+        /**
+          * Si se setea y hay selección, fila "quitar selección" al tope.
+          * @default ''
+         */
+        "clearOptionLabel"?: string;
+        /**
+          * @default 'No results found'
+         */
+        "emptyMessage"?: string;
+        /**
+          * Fallback cuando el host no conoce totales (⌘K). total>0 manda.
+          * @default false
+         */
+        "hasMore"?: boolean;
+        /**
+          * Resalta el match del término en los labels.
+          * @default false
+         */
+        "highlightMatches"?: boolean;
+        /**
+          * Término externo para highlight (input en el host, p.ej. ⌘K).
+          * @default ''
+         */
+        "highlightTerm"?: string;
+        /**
+          * Pre-seed del término (modo convert de las celdas).
+          * @default ''
+         */
+        "initialTerm"?: string;
+        /**
+          * JSON string o array de OptionListItem.
+          * @default '[]'
+         */
+        "items"?: string | OptionListItem[];
+        /**
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * @default false
+         */
+        "multiple"?: boolean;
+        "onCoChange"?: (event: CoOptionListCustomEvent<{ value: string | string[]; item: OptionListItem }>) => void;
+        "onCoClearSelection"?: (event: CoOptionListCustomEvent<void>) => void;
+        "onCoLoadMore"?: (event: CoOptionListCustomEvent<void>) => void;
+        "onCoRemoveItem"?: (event: CoOptionListCustomEvent<string>) => void;
+        "onCoSearch"?: (event: CoOptionListCustomEvent<string>) => void;
+        /**
+          * Botón remove por fila seleccionada en multiple (tags de combobox).
+          * @default false
+         */
+        "removableItems"?: boolean;
+        /**
+          * @default 350
+         */
+        "searchDebounce"?: number;
+        /**
+          * @default 'Search…'
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * @default false
+         */
+        "searchable"?: boolean;
+        /**
+          * Afford. del seleccionado: check (combobox/autocomplete) o X deselect (ref-field).
+          * @default 'check'
+         */
+        "selectedAffordance"?: 'check' | 'deselect';
+        /**
+          * Partición selected-first (snapshot al llamar snapshotOrder()).
+          * @default false
+         */
+        "selectedFirst"?: boolean;
+        /**
+          * Display-items de la selección (para selected-first con ids fuera de página).
+          * @default '[]'
+         */
+        "selectedItems"?: string | OptionListItem[];
+        /**
+          * Total del server: deriva hasMore + hint "N more results".
+          * @default 0
+         */
+        "total"?: number;
+        /**
+          * Selección actual: id single o JSON array de ids.
+          * @default ''
+         */
+        "value"?: string;
+        /**
+          * Lista virtualizada (autocomplete/combobox). Ignora `group`.
+          * @default false
+         */
+        "virtual"?: boolean;
+    }
     interface CoOverlay {
         /**
           * Opt-in: emit `coClose` when Escape is pressed while open. Default false → existing consumers are unchanged.
@@ -8515,6 +9589,38 @@ declare namespace LocalJSX {
          */
         "size"?: 'sm' | 'lg';
     }
+    /**
+     * A stacked, multi-segment meter — a pill track split into N contiguous
+     * colored segments (e.g. a storage breakdown). Display-only; colors are
+     * supplied by the consumer. Provide an external legend via `slot="legend"`.
+     */
+    interface CoSegmentedBar {
+        /**
+          * Corner rounding of the track. `full` = pill.
+          * @default 'full'
+         */
+        "radius"?: 'full' | 'sm' | 'lg';
+        /**
+          * Segments to render — a JSON string OR an array of `{ value: number; color: string; label?: string }`.
+          * @default '[]'
+         */
+        "segments"?: string | CoSegment[];
+        /**
+          * Track height in px.
+          * @default 10
+         */
+        "thickness"?: number;
+        /**
+          * The value the segments are measured against (100% = full track).
+          * @default 100
+         */
+        "total"?: number;
+        /**
+          * Background color of the empty track.
+          * @default 'var(--co-color-gray-100)'
+         */
+        "trackColor"?: string;
+    }
     interface CoSelect {
         /**
           * @default false
@@ -8782,6 +9888,10 @@ declare namespace LocalJSX {
         "status"?: 'default' | 'error' | 'success' | 'warning' | 'info';
     }
     interface CoTab {
+        /**
+          * Optional count/badge pill rendered after the label
+         */
+        "badge"?: string;
         /**
           * Disabled state
           * @default false
@@ -8819,6 +9929,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "value"?: string;
+        /**
+          * Visual variant: filled pill (default) or underline tab
+          * @default 'pill'
+         */
+        "variant"?: 'pill' | 'underline';
     }
     interface CoTabGroup {
         /**
@@ -8829,6 +9944,11 @@ declare namespace LocalJSX {
           * Currently selected tab value
          */
         "value"?: string;
+        /**
+          * Visual variant, propagated to slotted co-tab children
+          * @default 'pill'
+         */
+        "variant"?: 'pill' | 'underline';
     }
     /**
      * Free-text tags input — type a value and press Enter/Tab (or comma) to add it
@@ -9047,6 +10167,10 @@ declare namespace LocalJSX {
           * Emitted when dismiss is clicked
          */
         "onCoDismiss"?: (event: CoToastCustomEvent<void>) => void;
+        /**
+          * Determinate upload/loading progress (0–100). When set, a progress track is rendered below the message row (with a percentage label, and an `upload-simple` azul icon when no `icon` is provided). Leave undefined for a plain toast — behaviour is unchanged.
+         */
+        "progress"?: number;
         /**
           * Semantic variant — drives left accent color, icon tint, default icon, and announced ARIA role.
           * @default 'neutral'
@@ -9066,6 +10190,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "selected"?: boolean;
+        /**
+          * When set, the leading/trailing icon renders at this weight while the button is selected (e.g. 'fill' for the active segment of a track toggle).
+         */
+        "selectedIconWeight"?: 'regular' | 'fill';
         /**
           * @default 'm'
          */
@@ -9074,6 +10202,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "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.
+          * @default 'connected'
+         */
+        "variant"?: 'connected' | 'track';
     }
     interface CoToggleButtonGroup {
         /**
@@ -9103,6 +10236,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "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.
+          * @default 'connected'
+         */
+        "variant"?: 'connected' | 'track';
     }
     interface CoTooltip {
         /**
@@ -9381,6 +10519,7 @@ declare namespace LocalJSX {
         "size": 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
         "text": string;
         "src": string;
+        "alt": string;
         "icon": string;
         "iconWeight": 'regular' | 'thin' | 'light' | 'bold' | 'fill' | 'duotone';
         "shape": 'circle' | 'square';
@@ -9407,10 +10546,23 @@ declare namespace LocalJSX {
         "closeOnEscape": boolean;
         "showHandle": boolean;
     }
+    interface CoBreadcrumbAttributes {
+        "separator": string;
+        "items": string;
+    }
+    interface CoBreadcrumbItemAttributes {
+        "label": string;
+        "value": string;
+        "icon": string;
+        "current": boolean;
+        "separator": string;
+    }
     interface CoButtonAttributes {
         "variant": 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success';
         "shape": 'rounded' | 'square';
         "size": 'l' | 'm' | 's' | 'xs';
+        "elevated": boolean;
+        "surface": 'light' | 'dark';
         "disabled": boolean;
         "label": string;
         "iconLeft": string;
@@ -9462,10 +10614,12 @@ declare namespace LocalJSX {
     interface CoCheckboxAttributes {
         "checked": boolean;
         "indeterminate": boolean;
-        "size": 'small' | 'large';
+        "size": 'small' | 'medium' | 'large';
         "disabled": boolean;
         "label": string;
         "value": string;
+        "onColor": string;
+        "appearance": 'default' | 'overlay';
     }
     interface CoCheckboxGroupAttributes {
         "label": string;
@@ -9483,13 +10637,15 @@ declare namespace LocalJSX {
         "shape": 'rounded' | 'square';
         "size": 'large' | 'small';
         "iconMode": 'none' | 'left' | 'both';
-        "variant": 'filled' | 'outlined';
+        "variant": 'filled' | 'outlined' | 'filter';
         "color": | 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info'
     | 'pending' | 'progress' | 'review' | 'submitted';
         "label": string;
         "iconLeft": string;
         "iconRight": string;
         "iconWeight": 'regular' | 'thin' | 'light' | 'bold' | 'fill' | 'duotone';
+        "valueLabel": string;
+        "trailingIcon": string;
         "removable": boolean;
         "dot": boolean;
         "dotColor": string;
@@ -9576,6 +10732,9 @@ declare namespace LocalJSX {
         "emptyTitle": string;
         "emptyMessage": string;
         "emptyIcon": string;
+        "emptyActionLabel": string;
+        "emptyActionVariant": 'primary' | 'secondary' | 'stroke' | 'ghost' | 'danger' | 'success';
+        "emptyActionIcon": string;
         "sortField": string;
         "sortOrder": 'asc' | 'desc' | '';
         "selectable": boolean;
@@ -9696,12 +10855,33 @@ declare namespace LocalJSX {
         "closable": boolean;
         "closeOnOverlay": boolean;
         "closeOnEscape": boolean;
+        "modeless": boolean;
         "loading": boolean;
     }
+    interface CoDriveCardAttributes {
+        "variant": 'folder' | 'file';
+        "density": 'comfy' | 'compact';
+        "accent": string;
+        "name": string;
+        "meta": string;
+        "selected": boolean;
+        "starred": boolean;
+        "active": boolean;
+        "ext": string;
+    }
+    interface CoDropZoneAttributes {
+        "active": boolean;
+        "accent": string;
+        "label": string;
+        "icon": string;
+    }
     interface CoEmptyStateAttributes {
         "icon": string;
         "heading": string;
         "description": string;
+        "variant": 'plain' | 'card';
+        "size": 'm' | 'l';
+        "iconWeight": 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
     }
     interface CoEventCalendarAttributes {
         "view": 'month' | 'week' | 'day' | 'agenda';
@@ -9746,6 +10926,12 @@ declare namespace LocalJSX {
         "reorderable": boolean;
         "files": string;
     }
+    interface CoFileTypeTileAttributes {
+        "ext": string;
+        "size": number;
+        "radius": number;
+        "colorTags": boolean;
+    }
     interface CoHelperTextAttributes {
         "status": 'default' | 'error' | 'success' | 'warning' | 'info';
         "message": string;
@@ -9757,13 +10943,15 @@ declare namespace LocalJSX {
     }
     interface CoIconButtonAttributes {
         "variant": 'filled' | 'outlined' | 'ghost';
+        "surface": 'light' | 'dark';
         "shape": 'rounded' | 'square';
         "size": 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
+        "boxSize": number;
+        "iconSize": number;
         "disabled": boolean;
         "label": string;
         "icon": string;
         "iconWeight": 'regular' | 'thin' | 'light' | 'bold' | 'fill' | 'duotone';
-        "iconSize": number;
     }
     interface CoInputAttributes {
         "label": string;
@@ -9783,6 +10971,7 @@ declare namespace LocalJSX {
         "autocomplete": string;
         "status": 'default' | 'error' | 'success' | 'warning' | 'info';
         "size": 's' | 'sm' | 'md' | 'lg';
+        "fill": boolean;
         "actionLabel": string;
         "actionIcon": string;
     }
@@ -9828,16 +11017,27 @@ declare namespace LocalJSX {
         "text": string;
         "background": string;
     }
+    interface CoMediaThumbAttributes {
+        "src": string;
+        "video": boolean;
+        "height": string;
+        "radius": number;
+        "alt": string;
+    }
     interface CoMenuAttributes {
         "placement": PopoverPlacement;
         "offset": number;
         "autoClose": boolean;
         "open": boolean;
+        "width": string;
     }
     interface CoMenuItemAttributes {
         "icon": string;
+        "iconSize": number;
         "label": string;
         "dense": boolean;
+        "selected": boolean;
+        "trailingCheck": boolean;
         "disabled": boolean;
         "variant": 'default' | 'danger';
     }
@@ -9847,7 +11047,8 @@ declare namespace LocalJSX {
         "description": string;
         "closable": boolean;
         "closeOnOverlay": boolean;
-        "size": 'sm' | 'md' | 'lg';
+        "closeOnEscape": boolean;
+        "size": 'sm' | 'md' | 'lg' | 'full';
         "noDividers": boolean;
     }
     interface CoNavbarAttributes {
@@ -9872,6 +11073,28 @@ declare namespace LocalJSX {
         "clearable": boolean;
         "format": 'rate' | 'percent';
     }
+    interface CoOptionListAttributes {
+        "items": string | OptionListItem[];
+        "value": string;
+        "selectedItems": string | OptionListItem[];
+        "multiple": boolean;
+        "selectedFirst": boolean;
+        "selectedAffordance": 'check' | 'deselect';
+        "removableItems": boolean;
+        "searchable": boolean;
+        "searchPlaceholder": string;
+        "searchDebounce": number;
+        "initialTerm": string;
+        "loading": boolean;
+        "total": number;
+        "hasMore": boolean;
+        "emptyMessage": string;
+        "clearOptionLabel": string;
+        "virtual": boolean;
+        "highlightMatches": boolean;
+        "highlightTerm": string;
+        "avatarShape": 'circle' | 'square';
+    }
     interface CoOverlayAttributes {
         "open": boolean;
         "trapFocus": boolean;
@@ -10015,6 +11238,13 @@ declare namespace LocalJSX {
         "position": 'top' | 'middle' | 'bottom' | 'single';
         "size": 'sm' | 'lg';
     }
+    interface CoSegmentedBarAttributes {
+        "thickness": number;
+        "radius": 'full' | 'sm' | 'lg';
+        "trackColor": string;
+        "total": number;
+        "segments": string | CoSegment[];
+    }
     interface CoSelectAttributes {
         "label": string;
         "required": boolean;
@@ -10087,12 +11317,15 @@ declare namespace LocalJSX {
         "value": string;
         "selected": boolean;
         "size": 'large' | 'small';
+        "variant": 'pill' | 'underline';
+        "badge": string;
         "iconLeft": string;
         "iconRight": string;
         "disabled": boolean;
     }
     interface CoTabGroupAttributes {
         "value": string;
+        "variant": 'pill' | 'underline';
     }
     interface CoTagsFieldAttributes {
         "value": string[] | string;
@@ -10136,6 +11369,7 @@ declare namespace LocalJSX {
         "dismissible": boolean;
         "actionsLayout": CoToastActionsLayout;
         "variant": CoToastVariant;
+        "progress": number;
     }
     interface CoToggleButtonAttributes {
         "selected": boolean;
@@ -10145,6 +11379,8 @@ declare namespace LocalJSX {
         "iconRight": string;
         "size": 'l' | 'm' | 's' | 'xs';
         "disabled": boolean;
+        "variant": 'connected' | 'track';
+        "selectedIconWeight": 'regular' | 'fill';
     }
     interface CoToggleButtonGroupAttributes {
         "value": string | string[];
@@ -10153,6 +11389,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "direction": 'row' | 'column';
         "fullWidth": boolean;
+        "variant": 'connected' | 'track';
     }
     interface CoTooltipAttributes {
         "content": string;
@@ -10215,6 +11452,8 @@ declare namespace LocalJSX {
         "co-avatar-group": Omit<CoAvatarGroup, keyof CoAvatarGroupAttributes> & { [K in keyof CoAvatarGroup & keyof CoAvatarGroupAttributes]?: CoAvatarGroup[K] } & { [K in keyof CoAvatarGroup & keyof CoAvatarGroupAttributes as `attr:${K}`]?: CoAvatarGroupAttributes[K] } & { [K in keyof CoAvatarGroup & keyof CoAvatarGroupAttributes as `prop:${K}`]?: CoAvatarGroup[K] };
         "co-badge": Omit<CoBadge, keyof CoBadgeAttributes> & { [K in keyof CoBadge & keyof CoBadgeAttributes]?: CoBadge[K] } & { [K in keyof CoBadge & keyof CoBadgeAttributes as `attr:${K}`]?: CoBadgeAttributes[K] } & { [K in keyof CoBadge & keyof CoBadgeAttributes as `prop:${K}`]?: CoBadge[K] };
         "co-bottom-sheet": Omit<CoBottomSheet, keyof CoBottomSheetAttributes> & { [K in keyof CoBottomSheet & keyof CoBottomSheetAttributes]?: CoBottomSheet[K] } & { [K in keyof CoBottomSheet & keyof CoBottomSheetAttributes as `attr:${K}`]?: CoBottomSheetAttributes[K] } & { [K in keyof CoBottomSheet & keyof CoBottomSheetAttributes as `prop:${K}`]?: CoBottomSheet[K] };
+        "co-breadcrumb": Omit<CoBreadcrumb, keyof CoBreadcrumbAttributes> & { [K in keyof CoBreadcrumb & keyof CoBreadcrumbAttributes]?: CoBreadcrumb[K] } & { [K in keyof CoBreadcrumb & keyof CoBreadcrumbAttributes as `attr:${K}`]?: CoBreadcrumbAttributes[K] } & { [K in keyof CoBreadcrumb & keyof CoBreadcrumbAttributes as `prop:${K}`]?: CoBreadcrumb[K] };
+        "co-breadcrumb-item": Omit<CoBreadcrumbItem, keyof CoBreadcrumbItemAttributes> & { [K in keyof CoBreadcrumbItem & keyof CoBreadcrumbItemAttributes]?: CoBreadcrumbItem[K] } & { [K in keyof CoBreadcrumbItem & keyof CoBreadcrumbItemAttributes as `attr:${K}`]?: CoBreadcrumbItemAttributes[K] } & { [K in keyof CoBreadcrumbItem & keyof CoBreadcrumbItemAttributes as `prop:${K}`]?: CoBreadcrumbItem[K] };
         "co-button": Omit<CoButton, keyof CoButtonAttributes> & { [K in keyof CoButton & keyof CoButtonAttributes]?: CoButton[K] } & { [K in keyof CoButton & keyof CoButtonAttributes as `attr:${K}`]?: CoButtonAttributes[K] } & { [K in keyof CoButton & keyof CoButtonAttributes as `prop:${K}`]?: CoButton[K] };
         "co-button-group": Omit<CoButtonGroup, keyof CoButtonGroupAttributes> & { [K in keyof CoButtonGroup & keyof CoButtonGroupAttributes]?: CoButtonGroup[K] } & { [K in keyof CoButtonGroup & keyof CoButtonGroupAttributes as `attr:${K}`]?: CoButtonGroupAttributes[K] } & { [K in keyof CoButtonGroup & keyof CoButtonGroupAttributes as `prop:${K}`]?: CoButtonGroup[K] };
         "co-calendar": Omit<CoCalendar, keyof CoCalendarAttributes> & { [K in keyof CoCalendar & keyof CoCalendarAttributes]?: CoCalendar[K] } & { [K in keyof CoCalendar & keyof CoCalendarAttributes as `attr:${K}`]?: CoCalendarAttributes[K] } & { [K in keyof CoCalendar & keyof CoCalendarAttributes as `prop:${K}`]?: CoCalendar[K] };
@@ -10234,10 +11473,13 @@ 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-drawer": Omit<CoDrawer, keyof CoDrawerAttributes> & { [K in keyof CoDrawer & keyof CoDrawerAttributes]?: CoDrawer[K] } & { [K in keyof CoDrawer & keyof CoDrawerAttributes as `attr:${K}`]?: CoDrawerAttributes[K] } & { [K in keyof CoDrawer & keyof CoDrawerAttributes as `prop:${K}`]?: CoDrawer[K] };
+        "co-drive-card": Omit<CoDriveCard, keyof CoDriveCardAttributes> & { [K in keyof CoDriveCard & keyof CoDriveCardAttributes]?: CoDriveCard[K] } & { [K in keyof CoDriveCard & keyof CoDriveCardAttributes as `attr:${K}`]?: CoDriveCardAttributes[K] } & { [K in keyof CoDriveCard & keyof CoDriveCardAttributes as `prop:${K}`]?: CoDriveCard[K] };
+        "co-drop-zone": Omit<CoDropZone, keyof CoDropZoneAttributes> & { [K in keyof CoDropZone & keyof CoDropZoneAttributes]?: CoDropZone[K] } & { [K in keyof CoDropZone & keyof CoDropZoneAttributes as `attr:${K}`]?: CoDropZoneAttributes[K] } & { [K in keyof CoDropZone & keyof CoDropZoneAttributes as `prop:${K}`]?: CoDropZone[K] };
         "co-empty-state": Omit<CoEmptyState, keyof CoEmptyStateAttributes> & { [K in keyof CoEmptyState & keyof CoEmptyStateAttributes]?: CoEmptyState[K] } & { [K in keyof CoEmptyState & keyof CoEmptyStateAttributes as `attr:${K}`]?: CoEmptyStateAttributes[K] } & { [K in keyof CoEmptyState & keyof CoEmptyStateAttributes as `prop:${K}`]?: CoEmptyState[K] };
         "co-event-calendar": Omit<CoEventCalendar, keyof CoEventCalendarAttributes> & { [K in keyof CoEventCalendar & keyof CoEventCalendarAttributes]?: CoEventCalendar[K] } & { [K in keyof CoEventCalendar & keyof CoEventCalendarAttributes as `attr:${K}`]?: CoEventCalendarAttributes[K] } & { [K in keyof CoEventCalendar & keyof CoEventCalendarAttributes as `prop:${K}`]?: CoEventCalendar[K] };
         "co-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-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] };
@@ -10247,12 +11489,14 @@ declare namespace LocalJSX {
         "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] };
         "co-loader": Omit<CoLoader, keyof CoLoaderAttributes> & { [K in keyof CoLoader & keyof CoLoaderAttributes]?: CoLoader[K] } & { [K in keyof CoLoader & keyof CoLoaderAttributes as `attr:${K}`]?: CoLoaderAttributes[K] } & { [K in keyof CoLoader & keyof CoLoaderAttributes as `prop:${K}`]?: CoLoader[K] };
+        "co-media-thumb": Omit<CoMediaThumb, keyof CoMediaThumbAttributes> & { [K in keyof CoMediaThumb & keyof CoMediaThumbAttributes]?: CoMediaThumb[K] } & { [K in keyof CoMediaThumb & keyof CoMediaThumbAttributes as `attr:${K}`]?: CoMediaThumbAttributes[K] } & { [K in keyof CoMediaThumb & keyof CoMediaThumbAttributes as `prop:${K}`]?: CoMediaThumb[K] };
         "co-menu": Omit<CoMenu, keyof CoMenuAttributes> & { [K in keyof CoMenu & keyof CoMenuAttributes]?: CoMenu[K] } & { [K in keyof CoMenu & keyof CoMenuAttributes as `attr:${K}`]?: CoMenuAttributes[K] } & { [K in keyof CoMenu & keyof CoMenuAttributes as `prop:${K}`]?: CoMenu[K] };
         "co-menu-divider": CoMenuDivider;
         "co-menu-item": Omit<CoMenuItem, keyof CoMenuItemAttributes> & { [K in keyof CoMenuItem & keyof CoMenuItemAttributes]?: CoMenuItem[K] } & { [K in keyof CoMenuItem & keyof CoMenuItemAttributes as `attr:${K}`]?: CoMenuItemAttributes[K] } & { [K in keyof CoMenuItem & keyof CoMenuItemAttributes as `prop:${K}`]?: CoMenuItem[K] };
         "co-modal": Omit<CoModal, keyof CoModalAttributes> & { [K in keyof CoModal & keyof CoModalAttributes]?: CoModal[K] } & { [K in keyof CoModal & keyof CoModalAttributes as `attr:${K}`]?: CoModalAttributes[K] } & { [K in keyof CoModal & keyof CoModalAttributes as `prop:${K}`]?: CoModal[K] };
         "co-navbar": Omit<CoNavbar, keyof CoNavbarAttributes> & { [K in keyof CoNavbar & keyof CoNavbarAttributes]?: CoNavbar[K] } & { [K in keyof CoNavbar & keyof CoNavbarAttributes as `attr:${K}`]?: CoNavbarAttributes[K] } & { [K in keyof CoNavbar & keyof CoNavbarAttributes as `prop:${K}`]?: CoNavbar[K] };
         "co-number-field": Omit<CoNumberField, keyof CoNumberFieldAttributes> & { [K in keyof CoNumberField & keyof CoNumberFieldAttributes]?: CoNumberField[K] } & { [K in keyof CoNumberField & keyof CoNumberFieldAttributes as `attr:${K}`]?: CoNumberFieldAttributes[K] } & { [K in keyof CoNumberField & keyof CoNumberFieldAttributes as `prop:${K}`]?: CoNumberField[K] };
+        "co-option-list": Omit<CoOptionList, keyof CoOptionListAttributes> & { [K in keyof CoOptionList & keyof CoOptionListAttributes]?: CoOptionList[K] } & { [K in keyof CoOptionList & keyof CoOptionListAttributes as `attr:${K}`]?: CoOptionListAttributes[K] } & { [K in keyof CoOptionList & keyof CoOptionListAttributes as `prop:${K}`]?: CoOptionList[K] };
         "co-overlay": Omit<CoOverlay, keyof CoOverlayAttributes> & { [K in keyof CoOverlay & keyof CoOverlayAttributes]?: CoOverlay[K] } & { [K in keyof CoOverlay & keyof CoOverlayAttributes as `attr:${K}`]?: CoOverlayAttributes[K] } & { [K in keyof CoOverlay & keyof CoOverlayAttributes as `prop:${K}`]?: CoOverlay[K] };
         "co-page-header": Omit<CoPageHeader, keyof CoPageHeaderAttributes> & { [K in keyof CoPageHeader & keyof CoPageHeaderAttributes]?: CoPageHeader[K] } & { [K in keyof CoPageHeader & keyof CoPageHeaderAttributes as `attr:${K}`]?: CoPageHeaderAttributes[K] } & { [K in keyof CoPageHeader & keyof CoPageHeaderAttributes as `prop:${K}`]?: CoPageHeader[K] };
         "co-phone-field": Omit<CoPhoneField, keyof CoPhoneFieldAttributes> & { [K in keyof CoPhoneField & keyof CoPhoneFieldAttributes]?: CoPhoneField[K] } & { [K in keyof CoPhoneField & keyof CoPhoneFieldAttributes as `attr:${K}`]?: CoPhoneFieldAttributes[K] } & { [K in keyof CoPhoneField & keyof CoPhoneFieldAttributes as `prop:${K}`]?: CoPhoneField[K] };
@@ -10267,6 +11511,7 @@ declare namespace LocalJSX {
         "co-rich-text-toolbar": Omit<CoRichTextToolbar, keyof CoRichTextToolbarAttributes> & { [K in keyof CoRichTextToolbar & keyof CoRichTextToolbarAttributes]?: CoRichTextToolbar[K] } & { [K in keyof CoRichTextToolbar & keyof CoRichTextToolbarAttributes as `attr:${K}`]?: CoRichTextToolbarAttributes[K] } & { [K in keyof CoRichTextToolbar & keyof CoRichTextToolbarAttributes as `prop:${K}`]?: CoRichTextToolbar[K] };
         "co-rich-text-viewer": Omit<CoRichTextViewer, keyof CoRichTextViewerAttributes> & { [K in keyof CoRichTextViewer & keyof CoRichTextViewerAttributes]?: CoRichTextViewer[K] } & { [K in keyof CoRichTextViewer & keyof CoRichTextViewerAttributes as `attr:${K}`]?: CoRichTextViewerAttributes[K] } & { [K in keyof CoRichTextViewer & keyof CoRichTextViewerAttributes as `prop:${K}`]?: CoRichTextViewer[K] };
         "co-row": Omit<CoRow, keyof CoRowAttributes> & { [K in keyof CoRow & keyof CoRowAttributes]?: CoRow[K] } & { [K in keyof CoRow & keyof CoRowAttributes as `attr:${K}`]?: CoRowAttributes[K] } & { [K in keyof CoRow & keyof CoRowAttributes as `prop:${K}`]?: CoRow[K] };
+        "co-segmented-bar": Omit<CoSegmentedBar, keyof CoSegmentedBarAttributes> & { [K in keyof CoSegmentedBar & keyof CoSegmentedBarAttributes]?: CoSegmentedBar[K] } & { [K in keyof CoSegmentedBar & keyof CoSegmentedBarAttributes as `attr:${K}`]?: CoSegmentedBarAttributes[K] } & { [K in keyof CoSegmentedBar & keyof CoSegmentedBarAttributes as `prop:${K}`]?: CoSegmentedBar[K] };
         "co-select": Omit<CoSelect, keyof CoSelectAttributes> & { [K in keyof CoSelect & keyof CoSelectAttributes]?: CoSelect[K] } & { [K in keyof CoSelect & keyof CoSelectAttributes as `attr:${K}`]?: CoSelectAttributes[K] } & { [K in keyof CoSelect & keyof CoSelectAttributes as `prop:${K}`]?: CoSelect[K] };
         "co-separator": Omit<CoSeparator, keyof CoSeparatorAttributes> & { [K in keyof CoSeparator & keyof CoSeparatorAttributes]?: CoSeparator[K] } & { [K in keyof CoSeparator & keyof CoSeparatorAttributes as `attr:${K}`]?: CoSeparatorAttributes[K] } & { [K in keyof CoSeparator & keyof CoSeparatorAttributes as `prop:${K}`]?: CoSeparator[K] };
         "co-sidebar": Omit<CoSidebar, keyof CoSidebarAttributes> & { [K in keyof CoSidebar & keyof CoSidebarAttributes]?: CoSidebar[K] } & { [K in keyof CoSidebar & keyof CoSidebarAttributes as `attr:${K}`]?: CoSidebarAttributes[K] } & { [K in keyof CoSidebar & keyof CoSidebarAttributes as `prop:${K}`]?: CoSidebar[K] };
@@ -10308,6 +11553,25 @@ declare module "@stencil/core" {
              * Height fits the content, capped by `maxHeight` (default 85dvh).
              */
             "co-bottom-sheet": LocalJSX.IntrinsicElements["co-bottom-sheet"] & JSXBase.HTMLAttributes<HTMLCoBottomSheetElement>;
+            /**
+             * Horizontal breadcrumb trail. Accepts `co-breadcrumb-item` children via the
+             * default slot, or auto-renders them from the `items` JSON prop.
+             * The separator between crumbs is drawn by each `co-breadcrumb-item` as a
+             * leading icon (hidden on the first crumb via CSS), so no separator markup is
+             * interleaved here. This component propagates its `separator` prop down to the
+             * slotted items and layouts them in a `align-items:center; gap:4px` flex row.
+             */
+            "co-breadcrumb": LocalJSX.IntrinsicElements["co-breadcrumb"] & JSXBase.HTMLAttributes<HTMLCoBreadcrumbElement>;
+            /**
+             * A single navigable crumb inside a `co-breadcrumb`.
+             * Renders a leading separator icon (hidden on the first crumb via CSS
+             * `:host(:first-child)`) followed by the clickable content — an optional
+             * leading icon and the label. Clicking (or Enter/Space) emits `coSelect` with
+             * the crumb's `value` (falling back to its `label`).
+             * Conventions mirror `co-menu-item`: the `current` crumb paints medium weight +
+             * text-default ink; earlier crumbs are regular weight + muted (gray-500).
+             */
+            "co-breadcrumb-item": LocalJSX.IntrinsicElements["co-breadcrumb-item"] & JSXBase.HTMLAttributes<HTMLCoBreadcrumbItemElement>;
             "co-button": LocalJSX.IntrinsicElements["co-button"] & JSXBase.HTMLAttributes<HTMLCoButtonElement>;
             "co-button-group": LocalJSX.IntrinsicElements["co-button-group"] & JSXBase.HTMLAttributes<HTMLCoButtonGroupElement>;
             /**
@@ -10399,6 +11663,27 @@ declare module "@stencil/core" {
              */
             "co-date-range-picker": LocalJSX.IntrinsicElements["co-date-range-picker"] & JSXBase.HTMLAttributes<HTMLCoDateRangePickerElement>;
             "co-drawer": LocalJSX.IntrinsicElements["co-drawer"] & JSXBase.HTMLAttributes<HTMLCoDrawerElement>;
+            /**
+             * co-drive-card — a selectable Drive item card.
+             * A plain flex/grid surface that `co-card` cannot host: `co-card` projects its
+             * children into a shadow-DOM body that forces block flow, clips with
+             * `overflow:hidden`, locks a 16px radius + a real 1px border, and paints an
+             * opaque surface that occludes the selected accent tint. This component renders
+             * two faithful layouts instead — a `folder` flex row and a `file` column with a
+             * thumbnail — with an absolute corner select-chip, a 1.5px inset selection ring,
+             * and a shadow-sm + hairline hover.
+             */
+            "co-drive-card": LocalJSX.IntrinsicElements["co-drive-card"] & JSXBase.HTMLAttributes<HTMLCoDriveCardElement>;
+            /**
+             * co-drop-zone — a drag-to-upload overlay.
+             * Wraps arbitrary slotted content and paints an absolute dashed overlay on top
+             * of it while a drag is in progress. Can be driven two ways:
+             *  1. Controlled — the consumer toggles `active` (e.g. from its own drag state).
+             *  2. Self-managed — the host listens for native dragenter/over/leave/drop and
+             *     flips `active` itself, emitting `coDragStateChange` and `coDrop`.
+             * Report ref: 3.17 (446–449); drag overlay spec: report lines 135–136.
+             */
+            "co-drop-zone": LocalJSX.IntrinsicElements["co-drop-zone"] & JSXBase.HTMLAttributes<HTMLCoDropZoneElement>;
             /**
              * Empty state placeholder — icon, title, description, and action buttons.
              */
@@ -10425,6 +11710,7 @@ declare module "@stencil/core" {
              * This mirrors `co-ref-field` (the WC emits intent, the host does the I/O).
              */
             "co-file-field": LocalJSX.IntrinsicElements["co-file-field"] & JSXBase.HTMLAttributes<HTMLCoFileFieldElement>;
+            "co-file-type-tile": LocalJSX.IntrinsicElements["co-file-type-tile"] & JSXBase.HTMLAttributes<HTMLCoFileTypeTileElement>;
             /**
              * Helper / validation text shown below form fields.
              */
@@ -10484,6 +11770,12 @@ declare module "@stencil/core" {
              * q-inner-loading from V1's SkLoader).
              */
             "co-loader": LocalJSX.IntrinsicElements["co-loader"] & JSXBase.HTMLAttributes<HTMLCoLoaderElement>;
+            /**
+             * An image / video preview region. Renders a cover image when `src` is set,
+             * an optional dark scrim + play button when `video` is true, and a default
+             * slot fallback (for a type-icon box) when there is no `src`.
+             */
+            "co-media-thumb": LocalJSX.IntrinsicElements["co-media-thumb"] & JSXBase.HTMLAttributes<HTMLCoMediaThumbElement>;
             /**
              * Dropdown menu. Wraps `co-popover` with menu-specific UX:
              *   - Default `placement="bottom-end"` (typical for "more actions" 3-dot triggers)
@@ -10531,6 +11823,14 @@ declare module "@stencil/core" {
              */
             "co-navbar": LocalJSX.IntrinsicElements["co-navbar"] & JSXBase.HTMLAttributes<HTMLCoNavbarElement>;
             "co-number-field": LocalJSX.IntrinsicElements["co-number-field"] & JSXBase.HTMLAttributes<HTMLCoNumberFieldElement>;
+            /**
+             * Núcleo de lista de opciones — la única fuente del look & behavior de los
+             * dropdowns Cobalt (co-ref-field, co-combobox, co-autocomplete,
+             * co-command-search) y de los pickers de celda de suite-v2.
+             * NO renderiza trigger ni chrome de panel (popover/dialog/ancho): eso es del
+             * host. Es 100% controlada: no muta `value`; emite y el host decide.
+             */
+            "co-option-list": LocalJSX.IntrinsicElements["co-option-list"] & JSXBase.HTMLAttributes<HTMLCoOptionListElement>;
             "co-overlay": LocalJSX.IntrinsicElements["co-overlay"] & JSXBase.HTMLAttributes<HTMLCoOverlayElement>;
             /**
              * Page-level header bar with icon, title, and right actions.
@@ -10576,6 +11876,12 @@ declare module "@stencil/core" {
              * Content row for tables, settings lists, etc. Supports position for border rounding.
              */
             "co-row": LocalJSX.IntrinsicElements["co-row"] & JSXBase.HTMLAttributes<HTMLCoRowElement>;
+            /**
+             * A stacked, multi-segment meter — a pill track split into N contiguous
+             * colored segments (e.g. a storage breakdown). Display-only; colors are
+             * supplied by the consumer. Provide an external legend via `slot="legend"`.
+             */
+            "co-segmented-bar": LocalJSX.IntrinsicElements["co-segmented-bar"] & JSXBase.HTMLAttributes<HTMLCoSegmentedBarElement>;
             "co-select": LocalJSX.IntrinsicElements["co-select"] & JSXBase.HTMLAttributes<HTMLCoSelectElement>;
             "co-separator": LocalJSX.IntrinsicElements["co-separator"] & JSXBase.HTMLAttributes<HTMLCoSeparatorElement>;
             "co-sidebar": LocalJSX.IntrinsicElements["co-sidebar"] & JSXBase.HTMLAttributes<HTMLCoSidebarElement>;