@prolibu-suite/cobalt-core 0.10.0 → 0.10.2

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

@@ -1,7 +1,14 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @slot        - Modal body content
+ * @slot header-leading - Control before the heading (e.g. a back arrow on a
+ *                        second screen of the same modal)
+ * @slot header-actions - Controls at the right end of the header (e.g. a settings
+ *                        icon-button), before the close button
  * @slot footer - Footer with action buttons
+ * @part modal | header | header-text | heading | description | body | footer -
+ *       layout/typography hooks for a consumer that must match a specific spec
+ *       (paddings, heading weight); colors stay on semantic tokens
  */
 export declare class CoModal {
     /** Whether the modal is visible */
@@ -35,6 +42,9 @@ export declare class CoModal {
     size: 'sm' | 'md' | 'lg' | 'full';
     /** Hide body section and all border dividers (compact confirm dialogs) */
     noDividers: boolean;
+    /** Hairline between header and body. `false` lets the body run straight
+     *  under the heading (Figma modals whose first row is a segmented control). */
+    headerDivider: boolean;
     /** Emitted when the modal requests to close */
     coClose: EventEmitter<void>;
     /** Close animation finished. */

package/dist/types/components/co-option-list/co-option-list.d.ts

@@ -120,6 +120,19 @@ export declare class CoOptionList {
     connectedCallback(): void;
     disconnectedCallback(): void;
     onItemsChange(): void;
+    /**
+     * Selected-first VIVO (decisión de producto 2026-09-14, campo Colaboradores):
+     * la partición sigue a `value` — marcar un ítem lo sube al bloque de
+     * seleccionados al instante y desmarcarlo lo devuelve a su lugar del orden del
+     * server. Reemplaza el snapshot congelado al abrir (evitaba saltos, pero se
+     * leía como "no pasó nada" al elegir). El reacomodo se anima con el mismo FLIP
+     * del reorder: tops capturados ANTES de re-particionar, runFlip corre en
+     * componentDidRender. El highlight de teclado se queda sobre el MISMO ítem
+     * (Enter sobre una fila la mueve; el índice viejo apuntaría a otra fila).
+     * Tras un drop del reorder el host manda el value en el orden del preview:
+     * mismo orden → deltas 0 → no-op visual.
+     */
+    onValueChange(): void;
     /** Re-toma el snapshot selected-first. El host la llama al abrir su panel. */
     snapshotOrder(): Promise<void>;
     /**

package/dist/types/components/co-option-list/optionListLogic.d.ts

@@ -47,14 +47,31 @@ export declare function parseValue(raw: string): string[];
  * snapshotDisplay los que la página actual no contiene) + resto en orden de
  * server; buscando → solo resultados reales, seleccionados primero.
  *
- * Invariante: todo id en `snapshotIds` DEBE tener una entrada correspondiente
- * en `snapshotDisplay` (armado por el caller desde selectedItems ∪ items al
- * tomar el snapshot). Un id sin display-item asociado se cae silenciosamente
- * de la lista en modo idle (el `byId.get(d._id) ?? d` sintetiza desde el
- * display-item mismo, pero no hay nada que sintetizar si el id nunca entró a
- * snapshotDisplay en primer lugar).
+ * El bloque idle se recorre por `snapshotIds` (Set ordenado por selección, igual
+ * que `snapshotDisplay`) resolviendo cada id contra la página primero y contra el
+ * display después. Así un seleccionado AUSENTE de `snapshotDisplay` pero presente
+ * en `items` sigue en la lista: `rest` filtra todo id del snapshot, así que sin
+ * esa resolución desaparecía de la lista entera, no sólo del bloque de arriba.
+ * Un id que no está en ninguna de las dos fuentes no tiene nada que pintar y se
+ * ignora (no hay label que mostrar).
  */
 export declare function orderItems(items: OptionListItem[], snapshotIds: Set<string>, snapshotDisplay: OptionListItem[], searching: boolean): OptionListItem[];
+/**
+ * ¿Hay que re-tomar el snapshot selected-first por el cambio del término?
+ *
+ * Sólo en el flanco "había búsqueda → ya no": volver a la lista completa es un
+ * contexto de listado nuevo, y ahí el bloque de arriba tiene que incluir lo que
+ * se seleccionó DURANTE la sesión del panel. Sin esto, un panel abierto sin nada
+ * seleccionado se quedaba con el snapshot VACÍO para siempre (`orderItems`
+ * cortocircuita en `size === 0`): lo elegido mientras se buscaba desaparecía de
+ * la lista al limpiar el término, porque el servidor devuelve la página 1 y esos
+ * registros casi nunca están ahí. Se leía como "se deselecciona solo".
+ *
+ * El re-snapshot por SELECCIÓN no pasa por acá: vive en el componente
+ * (`@Watch('value')`, selected-first vivo desde 2026-09-14 — marcar sube la fila
+ * al instante). Esta función solo decide el flanco del TÉRMINO.
+ */
+export declare function shouldResnapshotOnTerm(prevTerm: string, nextTerm: string): boolean;
 /** Aplana a filas de render insertando un header cuando `group` cambia
  *  (groupItems de co-command-search). `index` cuenta solo items. */
 export declare function buildRows(items: OptionListItem[]): OptionListRow[];

package/dist/types/components/co-ref-field/co-ref-field.d.ts

@@ -100,6 +100,15 @@ export declare class CoRefField {
     triggerBadgeIcon: string;
     /** Accessible name / tooltip for the trigger badge. */
     triggerBadgeLabel: string;
+    /**
+     * Valor HEREDADO: texto que se pinta cuando NO hay valor, en lugar del
+     * placeholder, para mostrar lo que aplica por defecto (p. ej. el layout
+     * predeterminado del workspace en Deal.proposal.template.layout). No es un
+     * valor: `value` sigue vacío y no hay ×. Vacío = placeholder de siempre.
+     */
+    inheritedLabel: string;
+    /** Chip outlined junto al valor heredado (p. ej. 'Predeterminado'). Solo con inheritedLabel. */
+    inheritedBadgeLabel: string;
     /**
      * Fixed panel width (CSS size, e.g. '264px'). By default the panel matches
      * the trigger width (form-field convention); set this for compact triggers
@@ -143,6 +152,13 @@ export declare class CoRefField {
     coEditSelected: EventEmitter<string>;
     el: HTMLElement;
     private triggerEl?;
+    /** Tooltip del valor heredado: co-tooltip lee `disabled` en el mouseenter
+     *  (scheduleShow), así que el truncado se mide ANTES del hover — al montar /
+     *  redimensionar el span (RO propio: el de los chips hace disconnect() por
+     *  render) y al cambiar el texto — nunca en el hover mismo. */
+    private inheritedTruncated;
+    private inheritedEl?;
+    private inheritedResizeObserver?;
     /**
      * Id del <co-option-list> del panel, target de `aria-controls` del trigger.
      * Constante (no aleatoria): vive en el shadow root de ESTA instancia, donde
@@ -165,6 +181,11 @@ export declare class CoRefField {
     private lastChipsKey;
     private resizeObserver?;
     private pendingFocus;
+    /** El host proyecta su PROPIO panel (`<div slot="panel">`: galería, grid…)
+     *  en lugar de la co-option-list. Se detecta al ABRIR — los hijos light-DOM
+     *  ya existen y el panel se monta on-demand — y el host cierra/selecciona
+     *  vía los métodos `selectOption`/`closePanel`. El footer se conserva. */
+    private hasPanelSlot;
     private get parsedOptions();
     private get parsedSelectedDisplay();
     /**
@@ -185,12 +206,26 @@ export declare class CoRefField {
     onOpenChange(isOpen: boolean): void;
     private handlePopoverOpen;
     private handlePopoverClose;
+    onInheritedLabelChange(): void;
+    private measureInherited;
+    private setInheritedEl;
     private handleTriggerClick;
     private handleTriggerKeyDown;
     /** Devuelve el foco al trigger al cerrar el panel (Escape, selección),
      *  salvo que el cierre venga de un click-outside que ya movió el foco a
      *  otro elemento — en ese caso no robarlo. */
     private restoreTriggerFocus;
+    /** Selección desde un panel proyectado (slot `panel`): mismo contrato que un
+     *  click en la co-option-list — actualiza `value`, emite `coChange` con
+     *  `{ value, item }` y cierra en single. */
+    selectOption(option: RefFieldOption): Promise<void>;
+    /** Cierra el panel (Escape/Enter manejados por un panel proyectado). */
+    closePanel(): Promise<void>;
+    /** Abre el panel. Espejo de `closePanel` para un panel proyectado que se
+     *  cierra a sí mismo (p.ej. para mostrar un modal — un click dentro de un
+     *  co-modal cuenta como click-outside del popover) y quiere volver a abrirse
+     *  después. No-op si está disabled, igual que el trigger. */
+    openPanel(): Promise<void>;
     /** Change de la co-option-list: `value: null` = deselección explícita (la X
      *  de la fila) → mismo camino que la X del trigger (clear + coClear). El
      *  resto sigue por handleOptionClick con el ítem. */
@@ -212,6 +247,9 @@ export declare class CoRefField {
     private renderItemAvatar;
     private renderSingleValue;
     private renderMultipleValue;
+    /** Botones del footer. `slotted`: dentro de la co-option-list van por su
+     *  slot `footer`; en el panel proyectado se pintan directo bajo el slot. */
+    private renderFooter;
     private renderPanel;
     render(): any;
 }

package/dist/types/components/co-rich-text-editor/co-rich-text-editor.d.ts

@@ -40,6 +40,13 @@ export declare class CoRichTextEditor {
     autofocus: boolean;
     /** Toolbar layout. `auto` uses the preset default. */
     toolbar: ToolbarVariant;
+    /** Where the toolbar sits. `bottom` moves it under the content, into a row that also
+     * exposes a `toolbar-end` light-DOM slot (this component is `shadow: false`) for the
+     * consumer's footer (hint, submit). The row renders whenever the mode is `bottom`, even
+     * while the toolbar itself is hidden (disabled/readonly): keep the slotted child ALWAYS
+     * mounted and toggle its insides — a placeholder that comes and goes desyncs Stencil's
+     * slot relocation with the consumer's vdom. */
+    toolbarPosition: 'top' | 'bottom';
     /** Feature overrides (JSON string for HTML attr, or object via JS property). */
     features?: string | object;
     /**

package/dist/types/components/co-rich-text-toolbar/co-rich-text-toolbar.d.ts

@@ -14,7 +14,10 @@ export declare class CoRichTextToolbar {
     /** Editor instance (set as a property by the host editor). */
     editor?: Editor;
     /** Toolbar layout variant. */
-    variant: 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'full';
+    variant: 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full';
+    /** Placement inside co-rich-text-editor. `bottom` drops the toolbar's own bottom
+     * border/background/rounding: the editor's toolbar row paints the separator. */
+    position: 'top' | 'bottom';
     disabled: boolean;
     /** BCP-47 locale for UI strings (e.g. 'en', 'es-CO', 'pt-BR'). Default English. */
     locale: string;

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

@@ -9,6 +9,12 @@ export interface SelectOption {
 }
 export declare class CoSelect {
     label?: string;
+    /** Accessible name for the combobox when there is NO visible `label` (compact
+     *  rows that drop the field label). Same `ariaLabelText` precedent as
+     *  co-button / co-icon-button / co-fab. `label` still wins as the visible
+     *  name; this only fills the gap — an `aria-label` on the host never crosses
+     *  the shadow boundary, so without it a label-less select is nameless. */
+    ariaLabelText?: string;
     /** Whether the field is required (renders a required marker on the label). */
     required: boolean;
     secondaryLabel?: string;

package/dist/types/components.d.ts

@@ -55,8 +55,10 @@ export { CoToastActionsLayout, CoToastVariant } from "./components/co-toast/co-t
 export { TransferOption } from "./components/co-transfer-list/co-transfer-list";
 export namespace Components {
     /**
-     * Collapsible section. The caret button is the ONLY toggle trigger — clicking
-     * the header text does nothing (it may contain interactive content).
+     * Collapsible section. The caret button is the accessible toggle (keyboard,
+     * `aria-expanded`); clicking the heading/subheading text toggles too (2026-09-17),
+     * EXCEPT when the click lands on interactive content slotted into the header
+     * (a button, link or field) — that content keeps its own behaviour.
      */
     interface CoAccordion {
         /**
@@ -163,11 +165,19 @@ export namespace Components {
           * @default false
          */
         "noDownload": boolean;
+        /**
+          * Start playback if it is not already running (no-op on a failed load).
+         */
+        "play": () => Promise<void>;
         /**
           * Passthrough to the underlying <audio> preload.
           * @default 'metadata'
          */
         "preload": 'none' | 'metadata';
+        /**
+          * Move the playhead. Clamped to `[0, duration]`: `audio.currentTime` takes a restricted double and THROWS on a non-finite value, and a duration that is not known yet reads as 0 (see `knownDuration`).
+         */
+        "seek": (seconds: number) => Promise<void>;
         /**
           * Audio URL (use a signedUrl for private buckets).
          */
@@ -834,6 +844,10 @@ export namespace Components {
           * @default 'default'
          */
         "appearance": 'default' | 'overlay';
+        /**
+          * Accessible name when there is NO visible `label` (icon-less row toggles). Same `ariaLabelText` precedent as co-button; `label` wins when present. An `aria-label` on the host never reaches the inner role="checkbox".
+         */
+        "ariaLabelText"?: string;
         /**
           * Whether the checkbox is checked
           * @default false
@@ -2638,9 +2652,9 @@ export namespace Components {
          */
         "secondaryLabel"?: string;
         /**
-          * Programmatically focus the inner input (post-hydration safe).
+          * Enfoca el input nativo. `options` se reenvía a `focus()` — p. ej. `{ preventScroll: true }` para un buscador que vive en un panel top-layer (co-popover): el scroll nativo hacia el foco trepa por los ancestros del light DOM y arrastra al host (drawer) sin necesidad.
          */
-        "setFocus": () => Promise<void>;
+        "setFocus": (options?: FocusOptions) => Promise<void>;
         /**
           * Size variant: s (28px), sm (32px), md (40px, default), lg (48px). In the filled search-pill variant (`fill`) this drives the pill height instead (s ≈ 38px).
           * @default 'md'
@@ -3024,6 +3038,11 @@ export namespace Components {
           * Subtitle / description
          */
         "description"?: string;
+        /**
+          * Hairline between header and body. `false` lets the body run straight under the heading (Figma modals whose first row is a segmented control).
+          * @default true
+         */
+        "headerDivider": boolean;
         /**
           * Modal title
           * @default ''
@@ -3598,6 +3617,10 @@ export namespace Components {
           * @default true
          */
         "clearable": boolean;
+        /**
+          * Cierra el panel (Escape/Enter manejados por un panel proyectado).
+         */
+        "closePanel": () => Promise<void>;
         /**
           * How `item.color` paints the selected chips (multiple mode). 'dot' (default) = neutral chip with a leading 8px color dot. 'fill' = the color becomes the chip BACKGROUND (label/remove switch to WCAG-contrast text) — the tag look. Avatar/image items keep the avatar.
           * @default 'dot'
@@ -3633,6 +3656,16 @@ export namespace Components {
         "footerSecondaryLabel": string;
         "helperText"?: string;
         "iconLeft"?: string;
+        /**
+          * Chip outlined junto al valor heredado (p. ej. 'Predeterminado'). Solo con inheritedLabel.
+          * @default ''
+         */
+        "inheritedBadgeLabel": string;
+        /**
+          * Valor HEREDADO: texto que se pinta cuando NO hay valor, en lugar del placeholder, para mostrar lo que aplica por defecto (p. ej. el layout predeterminado del workspace en Deal.proposal.template.layout). No es un valor: `value` sigue vacío y no hay ×. Vacío = placeholder de siempre.
+          * @default ''
+         */
+        "inheritedLabel": string;
         "label"?: string;
         /**
           * Phosphor icon name rendered before the label text.
@@ -3662,6 +3695,10 @@ export namespace Components {
           * @default false
          */
         "multiple": boolean;
+        /**
+          * Abre el panel. Espejo de `closePanel` para un panel proyectado que se cierra a sí mismo (p.ej. para mostrar un modal — un click dentro de un co-modal cuenta como click-outside del popover) y quiere volver a abrirse después. No-op si está disabled, igual que el trigger.
+         */
+        "openPanel": () => Promise<void>;
         /**
           * JSON array of options to display: RefFieldOption[]
           * @default '[]'
@@ -3703,6 +3740,10 @@ export namespace Components {
          */
         "searchable": boolean;
         "secondaryLabel"?: string;
+        /**
+          * Selección desde un panel proyectado (slot `panel`): mismo contrato que un click en la co-option-list — actualiza `value`, emite `coChange` con `{ value, item }` y cierra en single.
+         */
+        "selectOption": (option: RefFieldOption) => Promise<void>;
         /**
           * JSON array of display items for selected values: RefFieldDisplayItem[]
           * @default '[]'
@@ -3846,6 +3887,11 @@ export namespace Components {
           * @default 'auto'
          */
         "toolbar": ToolbarVariant;
+        /**
+          * Where the toolbar sits. `bottom` moves it under the content, into a row that also exposes a `toolbar-end` light-DOM slot (this component is `shadow: false`) for the consumer's footer (hint, submit). The row renders whenever the mode is `bottom`, even while the toolbar itself is hidden (disabled/readonly): keep the slotted child ALWAYS mounted and toggle its insides — a placeholder that comes and goes desyncs Stencil's slot relocation with the consumer's vdom.
+          * @default 'top'
+         */
+        "toolbarPosition": 'top' | 'bottom';
         /**
           * ProseMirror document as a JSON string. `null`/empty = empty editor.
           * @default null
@@ -3890,11 +3936,16 @@ export namespace Components {
           * @default 'en'
          */
         "locale": string;
+        /**
+          * Placement inside co-rich-text-editor. `bottom` drops the toolbar's own bottom border/background/rounding: the editor's toolbar row paints the separator.
+          * @default 'top'
+         */
+        "position": 'top' | 'bottom';
         /**
           * Toolbar layout variant.
           * @default 'basic'
          */
-        "variant": 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'full';
+        "variant": 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full';
     }
     interface CoRichTextViewer {
         /**
@@ -3974,6 +4025,10 @@ export namespace Components {
         "trackColor": string;
     }
     interface CoSelect {
+        /**
+          * Accessible name for the combobox when there is NO visible `label` (compact rows that drop the field label). Same `ariaLabelText` precedent as co-button / co-icon-button / co-fab. `label` still wins as the visible name; this only fills the gap — an `aria-label` on the host never crosses the shadow boundary, so without it a label-less select is nameless.
+         */
+        "ariaLabelText"?: string;
         /**
           * @default false
          */
@@ -5108,8 +5163,10 @@ declare global {
         "coToggle": boolean;
     }
     /**
-     * Collapsible section. The caret button is the ONLY toggle trigger — clicking
-     * the header text does nothing (it may contain interactive content).
+     * Collapsible section. The caret button is the accessible toggle (keyboard,
+     * `aria-expanded`); clicking the heading/subheading text toggles too (2026-09-17),
+     * EXCEPT when the click lands on interactive content slotted into the header
+     * (a button, link or field) — that content keeps its own behaviour.
      */
     interface HTMLCoAccordionElement extends Components.CoAccordion, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCoAccordionElementEventMap>(type: K, listener: (this: HTMLCoAccordionElement, ev: CoAccordionCustomEvent<HTMLCoAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -5184,6 +5241,7 @@ declare global {
         "coPause": void;
         "coEnded": void;
         "coError": unknown;
+        "coTimeUpdate": { currentTime: number; duration: number };
     }
     interface HTMLCoAudioPlayerElement extends Components.CoAudioPlayer, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCoAudioPlayerElementEventMap>(type: K, listener: (this: HTMLCoAudioPlayerElement, ev: CoAudioPlayerCustomEvent<HTMLCoAudioPlayerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -7143,8 +7201,10 @@ declare namespace LocalJSX {
     type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
 
     /**
-     * Collapsible section. The caret button is the ONLY toggle trigger — clicking
-     * the header text does nothing (it may contain interactive content).
+     * Collapsible section. The caret button is the accessible toggle (keyboard,
+     * `aria-expanded`); clicking the heading/subheading text toggles too (2026-09-17),
+     * EXCEPT when the click lands on interactive content slotted into the header
+     * (a button, link or field) — that content keeps its own behaviour.
      */
     interface CoAccordion {
         /**
@@ -7158,7 +7218,7 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
         /**
-          * Emitted when the user toggles the section.
+          * Nuevo estado tras el click en el caret. `bubbles: false`: es un evento de ESTADO del propio acordeón y todo consumidor lo escucha en su host — si burbujeara, colapsar un fieldset anidado (FieldObject dentro de otra sección) colapsaba también al padre, cuyo handler hace `open = e.detail`.
          */
         "onCoToggle"?: (event: CoAccordionCustomEvent<boolean>) => void;
         /**
@@ -7267,6 +7327,10 @@ declare namespace LocalJSX {
         "onCoError"?: (event: CoAudioPlayerCustomEvent<unknown>) => void;
         "onCoPause"?: (event: CoAudioPlayerCustomEvent<void>) => void;
         "onCoPlay"?: (event: CoAudioPlayerCustomEvent<void>) => void;
+        /**
+          * Playback position, on the `<audio>` element's own `timeupdate` cadence (~4×/s while playing, plus every seek). Exists so a host can follow the playhead — a transcript highlighting the line being spoken, for one — without reaching into this component's shadow DOM for its `<audio>`.
+         */
+        "onCoTimeUpdate"?: (event: CoAudioPlayerCustomEvent<{ currentTime: number; duration: number }>) => void;
         /**
           * Passthrough to the underlying <audio> preload.
           * @default 'metadata'
@@ -8009,6 +8073,10 @@ declare namespace LocalJSX {
           * @default 'default'
          */
         "appearance"?: 'default' | 'overlay';
+        /**
+          * Accessible name when there is NO visible `label` (icon-less row toggles). Same `ariaLabelText` precedent as co-button; `label` wins when present. An `aria-label` on the host never reaches the inner role="checkbox".
+         */
+        "ariaLabelText"?: string;
         /**
           * Whether the checkbox is checked
           * @default false
@@ -10529,6 +10597,11 @@ declare namespace LocalJSX {
           * Subtitle / description
          */
         "description"?: string;
+        /**
+          * Hairline between header and body. `false` lets the body run straight under the heading (Figma modals whose first row is a segmented control).
+          * @default true
+         */
+        "headerDivider"?: boolean;
         /**
           * Modal title
           * @default ''
@@ -11184,6 +11257,16 @@ declare namespace LocalJSX {
         "footerSecondaryLabel"?: string;
         "helperText"?: string;
         "iconLeft"?: string;
+        /**
+          * Chip outlined junto al valor heredado (p. ej. 'Predeterminado'). Solo con inheritedLabel.
+          * @default ''
+         */
+        "inheritedBadgeLabel"?: string;
+        /**
+          * Valor HEREDADO: texto que se pinta cuando NO hay valor, en lugar del placeholder, para mostrar lo que aplica por defecto (p. ej. el layout predeterminado del workspace en Deal.proposal.template.layout). No es un valor: `value` sigue vacío y no hay ×. Vacío = placeholder de siempre.
+          * @default ''
+         */
+        "inheritedLabel"?: string;
         "label"?: string;
         /**
           * Phosphor icon name rendered before the label text.
@@ -11438,6 +11521,11 @@ declare namespace LocalJSX {
           * @default 'auto'
          */
         "toolbar"?: ToolbarVariant;
+        /**
+          * Where the toolbar sits. `bottom` moves it under the content, into a row that also exposes a `toolbar-end` light-DOM slot (this component is `shadow: false`) for the consumer's footer (hint, submit). The row renders whenever the mode is `bottom`, even while the toolbar itself is hidden (disabled/readonly): keep the slotted child ALWAYS mounted and toggle its insides — a placeholder that comes and goes desyncs Stencil's slot relocation with the consumer's vdom.
+          * @default 'top'
+         */
+        "toolbarPosition"?: 'top' | 'bottom';
         /**
           * ProseMirror document as a JSON string. `null`/empty = empty editor.
           * @default null
@@ -11494,11 +11582,16 @@ declare namespace LocalJSX {
           * Emitted when a toolbar popover/dropdown opens or closes (host hides the selection bubble while one is open to avoid spatial overlap).
          */
         "onCoPopoverChange"?: (event: CoRichTextToolbarCustomEvent<{ open: boolean }>) => void;
+        /**
+          * Placement inside co-rich-text-editor. `bottom` drops the toolbar's own bottom border/background/rounding: the editor's toolbar row paints the separator.
+          * @default 'top'
+         */
+        "position"?: 'top' | 'bottom';
         /**
           * Toolbar layout variant.
           * @default 'basic'
          */
-        "variant"?: 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'full';
+        "variant"?: 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full';
     }
     interface CoRichTextViewer {
         /**
@@ -11578,6 +11671,10 @@ declare namespace LocalJSX {
         "trackColor"?: string;
     }
     interface CoSelect {
+        /**
+          * Accessible name for the combobox when there is NO visible `label` (compact rows that drop the field label). Same `ariaLabelText` precedent as co-button / co-icon-button / co-fab. `label` still wins as the visible name; this only fills the gap — an `aria-label` on the host never crosses the shadow boundary, so without it a label-less select is nameless.
+         */
+        "ariaLabelText"?: string;
         /**
           * @default false
          */
@@ -12709,6 +12806,7 @@ declare namespace LocalJSX {
         "size": 'small' | 'medium' | 'large';
         "disabled": boolean;
         "label": string;
+        "ariaLabelText": string;
         "value": string;
         "checkedColor": string;
         "appearance": 'default' | 'overlay';
@@ -13213,6 +13311,7 @@ declare namespace LocalJSX {
         "closeOnEscape": boolean;
         "size": 'sm' | 'md' | 'lg' | 'full';
         "noDividers": boolean;
+        "headerDivider": boolean;
     }
     interface CoNavbarAttributes {
         "variant": 'default' | 'filled' | 'bordered' | 'dark';
@@ -13379,6 +13478,8 @@ declare namespace LocalJSX {
         "colorMode": 'dot' | 'fill';
         "triggerBadgeIcon": string;
         "triggerBadgeLabel": string;
+        "inheritedLabel": string;
+        "inheritedBadgeLabel": string;
         "panelWidth": string;
         "avatarShape": 'circle' | 'square';
         "pinnable": boolean;
@@ -13400,6 +13501,7 @@ declare namespace LocalJSX {
         "showCharacterCount": boolean;
         "autofocus": boolean;
         "toolbar": ToolbarVariant;
+        "toolbarPosition": 'top' | 'bottom';
         "features": string | object;
         "attachmentsEnabled": boolean;
         "attachmentAccept": string;
@@ -13409,7 +13511,8 @@ declare namespace LocalJSX {
         "locale": string;
     }
     interface CoRichTextToolbarAttributes {
-        "variant": 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'full';
+        "variant": 'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'email' | 'full';
+        "position": 'top' | 'bottom';
         "disabled": boolean;
         "locale": string;
         "attachmentsEnabled": boolean;
@@ -13436,6 +13539,7 @@ declare namespace LocalJSX {
     }
     interface CoSelectAttributes {
         "label": string;
+        "ariaLabelText": string;
         "required": boolean;
         "secondaryLabel": string;
         "placeholder": string;
@@ -13748,8 +13852,10 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             /**
-             * Collapsible section. The caret button is the ONLY toggle trigger — clicking
-             * the header text does nothing (it may contain interactive content).
+             * Collapsible section. The caret button is the accessible toggle (keyboard,
+             * `aria-expanded`); clicking the heading/subheading text toggles too (2026-09-17),
+             * EXCEPT when the click lands on interactive content slotted into the header
+             * (a button, link or field) — that content keeps its own behaviour.
              */
             "co-accordion": LocalJSX.IntrinsicElements["co-accordion"] & JSXBase.HTMLAttributes<HTMLCoAccordionElement>;
             /**

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

@@ -31,6 +31,19 @@ export declare function highlightMatch(label: string, query: string): {
     match: string;
     post: string;
 } | null;
+/**
+ * ALL (diacritic/case-insensitive, non-overlapping) occurrences of `query` in
+ * `label`, as ordered segments `{ text, match }` sliced from the ORIGINAL label
+ * (accents intact; codepoint-safe, same index mapping as `highlightMatch`).
+ * Null when the query is blank or nothing matches. The filters are
+ * substring-anywhere, so a label can match more than once — "Producto (U.D) -
+ * PR Completa" · "pr" — and a highlighter that wraps only the first occurrence
+ * marks "Pr" and leaves the "PR" the user is looking at unmarked.
+ */
+export declare function highlightSegments(label: string, query: string): Array<{
+    text: string;
+    match: boolean;
+}> | null;
 /**
  * Filter `items` to those matching `query` and sort by relevance (best first),
  * stable within a score tier (original order preserved on ties). `getText`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prolibu-suite/cobalt-core",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "Cobalt Design System — Framework-agnostic Web Components built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -51,8 +51,8 @@
     "dompurify": "^3.2.6",
     "overlayscrollbars": "^2.16.0",
     "@prolibu-suite/cobalt-calendar-utils": "0.1.0",
+    "@prolibu-suite/cobalt-rich-text": "0.1.3",
     "@prolibu-suite/cobalt-date-utils": "0.1.1",
-    "@prolibu-suite/cobalt-rich-text": "0.1.2",
     "@prolibu-suite/cobalt-tokens": "0.5.0"
   },
   "devDependencies": {

package/dist/cobalt/p-15d59169.entry.js

@@ -1 +0,0 @@
-import{r as o,c as i,h as a,a as c}from"./p-DH5lfRNj.js";const e=class{constructor(a){o(this,a),this.coToggle=i(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"4e2089349432ce39bb797397aacaebd022fcbcee",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"4337878858bd31822201a925010f3150568fa056",class:"co-accordion__header",part:"header"},a("span",{key:"cf69c69cc786981ca6bd54bd0f6a6c38a3baa0b6",class:"co-accordion__heading-group"},a("span",{key:"0e7efd52e6d48c35ce0270485e8ce6099c6a3302",class:"co-accordion__heading",part:"heading"},a("slot",{key:"b575ce7ae5611007490724f430819f083781f84d",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"996a58f3f3b5cd656849b413b0f998675452cc2f",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"a9029aa67f51162ad54c010d23bf20545883ef45",name:"subheading"},this.subheading))),a("button",{key:"757286aaf2914fe7d32fc14ab0f5de57ffeab48c",class:"co-accordion__caret",type:"button","aria-expanded":this.open?"true":"false","aria-label":this.heading||"Toggle section",disabled:this.disabled,onClick:this.handleToggle,part:"caret"},a("co-icon",{key:"b4c3c96489a30607727a44955dbff2d504ef2b6e",name:"caret-up",size:20}))),a("div",{key:"bd56b12cbd7484f61fec140740312800536d7b18",class:"co-accordion__body",part:"body"},a("div",{key:"1f2ff56e7bd7a49f8484c988ecdf434d108ef4ed",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"25ef25609ccece786a05709d90a32e7e135fec72"}))))}get el(){return c(this)}};e.style=":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{padding-top:0}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-slow)}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}";export{e as co_accordion}