@prolibu-suite/cobalt-core 0.10.4 → 0.11.0

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

@@ -45,7 +45,15 @@ export declare function isValidHex(v: string): boolean;
  * de tests de Node, sin DOM.
  */
 export declare function parseCssColor(input: string): string | null;
-/** WCAG sRGB relative luminance (0–1). */
+/** WCAG sRGB relative luminance (0–1) a partir de canales 0–255 (pueden venir
+ *  con decimales — p.ej. un color compuesto sobre blanco — sin pasar por hex). */
+export declare function luminanceRgb({ r, g, b }: {
+    r: number;
+    g: number;
+    b: number;
+}): number;
+/** WCAG sRGB relative luminance (0–1). Wrapper fino de `luminanceRgb` para
+ *  un hex de 3/6 dígitos; lo que no es hex da 0 (comportamiento de siempre). */
 export declare function luminance(hex: string): number;
 /** Returns true when the color is perceptually light (needs dark foreground). */
 export declare function isLightColor(hex: string): boolean;

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

@@ -0,0 +1,63 @@
+/**
+ * Núcleo puro de "arrastrar para mover un panel flotante" (Task D1).
+ *
+ * Solo aritmética: el desplazamiento acumulado del gesto y su acotado al
+ * viewport. Quien lo use aporta la cáscara (pointer events, escritura del
+ * estilo) — así el contrato se testea sin layout, que jsdom no calcula.
+ *
+ * El editor (Design Studio) tiene su propio gemelo de estas funciones en
+ * `lib/dragOffset.ts`: son dos paquetes sin dependencia entre sí y el núcleo
+ * son ~20 líneas; si alguna regla cambia, hay que cambiar las dos.
+ */
+export interface DragPoint {
+    x: number;
+    y: number;
+}
+export interface DragRect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface DragViewport {
+    width: number;
+    height: number;
+}
+/** Px del panel que SIEMPRE quedan dentro del viewport (un panel más chico no exige más de lo que mide). */
+export declare const DRAG_MIN_VISIBLE = 48;
+/**
+ * Desplazamiento del gesto: lo ya acumulado (`base`) más lo que se movió el
+ * puntero desde que empezó. `base` existe porque el gesto siguiente arranca
+ * donde quedó el anterior.
+ */
+export declare function dragOffsetOf(base: DragPoint, start: DragPoint, current: DragPoint): DragPoint;
+/**
+ * Acota el desplazamiento para que el panel no se pierda de pantalla:
+ *
+ * - Horizontal: siempre quedan `minVisible` px del panel dentro del viewport
+ *   (por cualquiera de los dos lados).
+ * - Vertical: el borde SUPERIOR nunca sube del borde del viewport (el header
+ *   —la zona de agarre— queda siempre alcanzable) y por abajo rige el mismo
+ *   `minVisible`.
+ *
+ * El rango incluye el 0 por construcción: un panel que ya nace fuera (más alto
+ * que el viewport) no debe SALTAR al agarrarlo; solo no se puede empeorar.
+ *
+ * `rect` es la caja del panel medida UNA vez, al empezar el gesto: medir en
+ * cada `pointermove` fuerza layout síncrono en cada frame.
+ */
+export declare function clampDragOffset(offset: DragPoint, rect: DragRect, viewport: DragViewport, minVisible?: number): DragPoint;
+/**
+ * `true` si el evento nació en un control interactivo DENTRO de la zona de
+ * agarre. Recorre el `composedPath` (no `closest`) porque el origen puede venir
+ * de otro shadow root — el `<svg>` dentro del ✕, un control del consumidor
+ * proyectado en un slot.
+ *
+ * `handle` acota el recorrido: se corta al llegar al asa. Sin ese tope, un
+ * flotante montado dentro de un `<button>` o de un `[role=…]` del consumidor
+ * dejaba de arrastrar entero y sin diagnóstico (el ancestro matcheaba).
+ */
+export declare function isInteractiveDragTarget(event: {
+    composedPath?: () => EventTarget[];
+    target: EventTarget | null;
+}, handle?: EventTarget | null): boolean;

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

@@ -0,0 +1,8 @@
+export interface GradientBarStrings {
+    /** aria-label del grupo cuando el host no pasa `label`. */
+    barLabel: string;
+    /** aria-label de cada handle: "Parada {i} de {n}, {p}%". */
+    stopLabel: string;
+}
+/** Resuelve los strings integrados para un locale. */
+export declare function getGradientBarStrings(locale?: string): GradientBarStrings;

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

@@ -0,0 +1,63 @@
+export interface GradientStop {
+    /** 0–100, porcentaje a lo largo de la barra. */
+    position: number;
+    /** hex (#rgb, #rgba, #rrggbb, #rrggbbaa) o rgb()/rgba(). */
+    color: string;
+}
+/** Detalle de `coStopMove` de co-gradient-bar. */
+export interface GradientStopMoveDetail {
+    index: number;
+    position: number;
+}
+/** Detalle de `coStopAdd` de co-gradient-bar. */
+export interface GradientStopAddDetail {
+    position: number;
+    /** Color interpolado del degradado en `position`. */
+    color: string;
+}
+export interface Rgba {
+    r: number;
+    g: number;
+    b: number;
+    /** 0–1 */
+    a: number;
+}
+/**
+ * Lee un color CSS a canales. Soporta hex de 3/4/6/8 dígitos (vía
+ * `hsv.hexToRgb`, único parser de hex del picker) y rgb()/rgba() (con comas
+ * o con la sintaxis `/ alpha`). Tokens (`var(--x)`) y nombres (`red`)
+ * devuelven null: el llamador decide cómo degradar.
+ */
+export declare function parseColor(color: string): Rgba | null;
+/** Opaco → `#rrggbb` (minúsculas, vía `hsv.rgbToHex`); con alpha → `rgba(r, g, b, a)`. */
+export declare function formatColor({ r, g, b, a }: Rgba): string;
+/**
+ * El mismo color con alpha 1 (`#rrggbb`), para la mitad "sólida" del chip de
+ * un stop translúcido. Un color ilegible se devuelve tal cual.
+ */
+export declare function opaqueColor(color: string): string;
+/**
+ * Color que tiene el degradado en `position`: mezcla lineal (sRGB, con alpha)
+ * entre las dos paradas que la rodean. Fuera del rango devuelve el color del
+ * extremo. Si alguna parada vecina no se puede parsear, devuelve el string de
+ * la parada más cercana tal cual (no inventa un color).
+ */
+export declare function interpolateStopColor(stops: GradientStop[], position: number): string;
+/** `linear-gradient(to right, …)` con las paradas ordenadas; sin paradas → `transparent`. */
+export declare function gradientCss(stops: GradientStop[]): string;
+/** true si alguna parada tiene alpha < 1 (la barra necesita el damero debajo). */
+export declare function hasTransparentStop(stops: GradientStop[]): boolean;
+/**
+ * Posición (0–100, entera) de un puntero sobre el track. `trackWidth` 0 (sin
+ * medir, display:none, jsdom) → 0, nunca NaN.
+ */
+export declare function positionFromPointer(clientX: number, trackLeft: number, trackWidth: number): number;
+/** Paso de teclado: posición + delta, acotado a 0–100. */
+export declare function stepPosition(position: number, delta: number): number;
+/**
+ * Swatch "claro" (necesita borde para no fundirse con el fondo): luminancia
+ * WCAG > 0,85 tras componer el alpha sobre blanco. Umbral distinto al
+ * `isLightColor` de `utils/color.ts` (0,4, pensado para elegir el color del
+ * texto), por eso vive aparte y no cambia aquel default.
+ */
+export declare function isLightSwatch(color: string): boolean;

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

@@ -0,0 +1,44 @@
+/**
+ * Conversiones puras HSV ⇄ RGB ⇄ HEX para el picker de color del editor
+ * (`co-color-area` + `co-color-slider`).
+ *
+ * Convención de rangos (la misma que exponen los componentes):
+ *   h ∈ [0, 360)   s ∈ [0, 100]   v ∈ [0, 100]   r/g/b ∈ [0, 255]   a ∈ [0, 1]
+ *
+ * `hexToHsv` NO redondea: la ida y vuelta hex → hsv → hex solo es estable con
+ * los decimales (p.ej. #008ff0 es h=204.25, v=94.117…; redondeado a enteros
+ * vuelve como #0090f0). Quien muestre números redondea en la UI.
+ *
+ * Sin dependencias de DOM: corre en el proyecto `unit` (node) de vitest.
+ */
+export interface Hsv {
+    h: number;
+    s: number;
+    v: number;
+}
+export interface Rgb {
+    r: number;
+    g: number;
+    b: number;
+    /** Alpha 0–1. Opcional en la entrada; `hexToRgb` siempre lo devuelve. */
+    a?: number;
+}
+/** Acota `n` a [min, max]. NaN cae a `min` para no propagar basura aguas abajo. */
+export declare function clamp(n: number, min: number, max: number): number;
+/** HSV → RGB (0–255, redondeado). Algoritmo estándar por sectores de 60°. */
+export declare function hsvToRgb({ h, s, v }: Hsv): Rgb;
+/** RGB (0–255) → HSV sin redondear. El gris devuelve h=0, s=0 (nunca NaN). */
+export declare function rgbToHsv({ r, g, b }: Rgb): Hsv;
+/**
+ * `#rgb` / `#rgba` / `#rrggbb` / `#rrggbbaa` (con o sin `#`, cualquier caja)
+ * → RGB. `a` viene en 0–1 (1 cuando el hex no trae alpha). `null` si no es
+ * un hex. Es el ÚNICO parser de hex del picker: `gradientStops.parseColor`
+ * delega acá su rama hex (fix I-6).
+ */
+export declare function hexToRgb(hex: string): Rgb | null;
+/** RGB → `#rrggbb` en minúscula (el alpha, si viene, se omite). */
+export declare function rgbToHex({ r, g, b }: Rgb): string;
+/** HSV → `#rrggbb`. */
+export declare function hsvToHex(hsv: Hsv): string;
+/** HEX → HSV sin redondear (ver nota de cabecera). `null` si no es un hex. */
+export declare function hexToHsv(hex: string): Hsv | null;

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

@@ -0,0 +1,25 @@
+/**
+ * Diccionario embebido de `co-kbd` para las etiquetas de texto de los
+ * modificadores en plataformas sin teclas dedicadas (Windows/Linux): sin
+ * los glifos de Mac (⌘/⇧/⌥/⌃) el modificador se rotula con texto.
+ *
+ * Mismo patrón que `fileI18n.ts`: un mapa por locale + un getter. A
+ * diferencia de `fileI18n`, acá el locale no llega tipado por componente —
+ * `co-kbd` expone un `locale?: string` opcional (BCP-47, p.ej. "es-CO") y
+ * este util lo resuelve al lenguaje soportado más cercano, igual que
+ * `langFromLocale` en `fileI18n.ts`.
+ */
+export interface KbdStrings {
+    ctrl: string;
+    shift: string;
+    alt: string;
+    /** Etiqueta para el modificador `cmd` en Windows (no existe una tecla Cmd;
+     *  la física análoga es Win). `mod` — el modificador de plataforma — rotula
+     *  `ctrl` en Windows/Linux. */
+    win: string;
+}
+export type KbdLang = 'es' | 'en' | 'pt';
+/** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */
+export declare function langFromLocale(locale: string | undefined): KbdLang;
+/** Resolve the built-in win-label strings for a locale. */
+export declare function getKbdStrings(locale?: string): KbdStrings;

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

@@ -11,6 +11,20 @@ export interface PositionOptions {
     placement: Placement;
     offset: number;
     flip: boolean;
+    /**
+     * Rect a alinear en lugar del trigger (Task C10, Fase 2 Cobalt) — p.ej. la
+     * píldora completa del zoom, no solo el botón que dispara el popover. Si no
+     * se pasa, se usa `triggerRect` (comportamiento actual, sin cambios).
+     */
+    anchorRect?: DOMRect;
+    /**
+     * Desplazamiento en px sobre el eje CRUZADO (Task C10, Fase 2 Cobalt): para
+     * placements verticales (`top*`/`bottom*`) el eje cruzado es `left`; para
+     * placements horizontales (`left*`/`right*`) es `top`. Default 0 = sin
+     * cambio. Se aplica ANTES del clamp de viewport, así el panel desplazado
+     * sigue sin poder salirse de pantalla.
+     */
+    shift?: number;
 }
 export interface PositionResult {
     top: number;
@@ -44,3 +58,13 @@ export declare function findNearestScrollParent(start: Element): Element | null;
  * original se limitaba a uno solo.
  */
 export declare function findScrollParents(start: Element): Element[];
+/**
+ * ¿El ancla (trigger) se ve todavía? Tiene que tener caja y cortar el viewport Y
+ * cada uno de sus scrollers (`clipRects`, del más cercano al más lejano — lo que
+ * devuelve `findScrollParents`, medido). Basta con que UNO la recorte entera para
+ * que no se vea: el kebab de una card que el scroll de su columna sacó por arriba
+ * sigue dentro del viewport, pero ya no es visible.
+ *
+ * Asomada en un borde cuenta como visible: el panel todavía tiene de qué colgar.
+ */
+export declare function isAnchorVisible(anchor: DOMRect, clipRects: DOMRect[]): boolean;

package/dist/types/utils/rich-text-host.d.ts

@@ -0,0 +1,41 @@
+import type { Editor, RichTextOutput } from '@prolibu-suite/cobalt-rich-text';
+/**
+ * Cableado común de los componentes que montan un editor de cobalt-rich-text
+ * (co-rich-text-editor y co-document-editor). Extraído del RTE sin cambiar su
+ * comportamiento (spec contracts-v2-contract-editor §4.4; caracterización en
+ * co-rich-text-editor.characterization.spec.tsx). El menú flotante NO vive acá.
+ */
+/** `features` llega como objeto (propiedad JS) o como JSON (atributo HTML). */
+export declare function parseFeatures<T extends object = object>(features?: string | T | null): T | undefined;
+/** `value` puede ser JSON de ProseMirror o HTML; vacío = documento vacío. */
+export declare function parseEditorValue(v: string | null | undefined): object | string;
+/**
+ * Guarda anti-eco: el padre suele devolver por `value` lo mismo que el editor
+ * acaba de emitir (en JSON o en HTML). Re-aplicarlo reinicia el editor y el
+ * cursor salta: se ignora.
+ */
+export declare class EchoGuard {
+    private json;
+    private html;
+    /** Tras aplicar un valor externo (o al montar): ese valor pasa a ser el "último". */
+    seed(v: string | null): void;
+    markEmitted(out: RichTextOutput): void;
+    isEcho(incoming: string | null): boolean;
+}
+/** Aplica un `value` externo sin emitir update. */
+export declare function applyExternalValue(editor: Editor, incoming: string | null): void;
+/** Salida `{json, html, text}` del RTE. `sanitizeHtml` lo pone el componente (preset + features). */
+export declare function buildOutput(editor: Editor, sanitizeHtml: (html: string) => string): RichTextOutput;
+export type ToolbarHost = HTMLElement & {
+    editor?: Editor;
+    imageUpload?: unknown;
+};
+/** Pasa el editor activo y el handler de imágenes a `co-rich-text-toolbar`. */
+export declare function syncToolbarEditor(toolbarEl: ToolbarHost | undefined, editor: Editor | undefined, imageUpload: unknown): void;
+/**
+ * Marca cada contenedor de imagen con su modo (`data-image-layout`) para que
+ * apliquen las reglas del CSS, y limpia el posicionamiento absoluto heredado del
+ * modelo de página fija. El NodeView de resize nunca refleja cambios de attrs en
+ * el DOM: se lee del state y se escribe el atributo a mano.
+ */
+export declare function syncImageLayouts(editor: Editor): void;

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

@@ -123,6 +123,21 @@ export interface RichTextStrings {
     imageLayoutWrapRight: string;
     imageLayoutCenter: string;
     imageLayoutFullWidth: string;
+    heading4: string;
+    headingAbbr4: string;
+    field: string;
+    fieldNamePlaceholder: string;
+    signature: string;
+    documentHeader: string;
+    page: string;
+    pageNumber: string;
+    confirmHeader: string;
+    zoom: string;
+    zoomFit: string;
+    zoomActual: string;
+    imageLayoutBreak: string;
+    imageLayoutLabel: string;
+    documentEditor: string;
 }
 export type RichTextLang = 'es' | 'en' | 'pt';
 /** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */

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

@@ -24,10 +24,24 @@ export declare const SUBMENU_SIDE_ATTR = "submenu-side";
 /** Lado horizontal de un placement ya resuelto; null si es vertical (no hay
  *  nada que heredar en una cadena que abre hacia abajo). */
 export declare function sideOfPlacement(placement: Placement): SubmenuSide | null;
+/** Atributo con el que `co-menu` publica hacia sus ítems si su panel terminó
+ *  abriendo hacia ARRIBA (`up`) o hacia abajo (`down`), post-flip. */
+export declare const MENU_DIRECTION_ATTR = "menu-direction";
+/** Dirección vertical de un placement ya resuelto del menú raíz. */
+export declare function menuDirectionOfPlacement(placement: Placement): 'up' | 'down';
 /** Placement que debe pedir un submenú, dado el lado al que resolvió el submenú
  *  de su ancestro. Sin ancestro (primer nivel) mantiene el comportamiento
- *  histórico: a la derecha, y que el flip decida. */
-export declare function submenuPlacement(parentSide?: SubmenuSide | null): Placement;
+ *  histórico: a la derecha, y que el flip decida.
+ *
+ *  `opensUp`: el menú raíz abrió hacia ARRIBA (trigger al pie: barra de acciones,
+ *  footer). Entonces el submenú se alinea por el BORDE INFERIOR de su fila
+ *  (`-end`) y crece hacia arriba, como el menú del que sale. Con `-start` crecía
+ *  hacia abajo y tapaba el trigger y la barra (Exportar selección → Datos,
+ *  tarea QA #12). `flip`/`shift` del popover siguen actuando si no cabe. */
+export declare function submenuPlacement(parentSide?: SubmenuSide | null, opensUp?: boolean): Placement;
+/** ¿El `co-menu` que contiene a este ítem abrió hacia arriba? Los ítems (y los
+ *  anidados) son hijos de light DOM del co-menu, así que `closest` lo alcanza. */
+export declare function menuOpensUp(el: HTMLElement): boolean;
 /**
  * Lado heredado del `co-menu-item` ancestro más cercano, o null si no hay (o si
  * todavía no se posicionó).

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

@@ -0,0 +1,6 @@
+export interface SwatchGridStrings {
+    /** aria-label del listbox cuando el host no pasa `label`. */
+    gridLabel: string;
+}
+/** Resuelve los strings integrados para un locale. */
+export declare function getSwatchGridStrings(locale?: string): SwatchGridStrings;

package/dist/types/utils/test/fake-block-layout.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Layout de bloques simulado para specs en jsdom (que no tiene layout): cada
+ * elemento mide lo que diga `heightOf` (o su `style.height`, o la suma de sus
+ * hijos) y se apila bajo sus hermanos anteriores. `offsetParent` = padre.
+ * Devuelve la función que restaura los descriptores originales.
+ */
+export declare function installFakeBlockLayout(heightOf: (el: HTMLElement) => number | undefined): () => void;

package/dist/types/utils/test/prosemirror-dom-shim.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/test/shared-contract-css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * CSS de impresión REAL que el host (suite-v2) pasa en `pageStyles`: editorCss + defaultCss de
+ * SharedContractUtils (dev11-pricing-map/public/js/SharedContractUtils.js, v2.3.0).
+ * Copia textual para probar que el acotado no pisa la geometría de la hoja. Solo specs/tests.
+ */
+export declare const SHARED_CONTRACT_EDITOR_CSS = "\n:root {\n  --gray-3: #000;\n  --gray-1: #fff;\n  --purple: #9b59b6;\n  --purple-light: #e0bbff;\n}\n\n.tiptap h1 {\n  display: block;\n  margin-bottom: 0.5em;\n  margin-top: 0.5em;\n  font-size: 2em;\n  margin-block-start: 0.67em;\n  margin-block-end: 0.67em;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  font-weight: bold;\n  unicode-bidi: isolate;\n  line-height: normal;\n  letter-spacing: normal;\n}\n\n.tiptap h2,\n.tiptap h3,\n.tiptap h4,\n.tiptap h5,\n.tiptap h6 {\n  display: block;\n  font-weight: 700;\n  margin-bottom: 0.5em;\n  margin-top: 0.5em;\n  page-break-after: avoid;\n  line-height: normal;\n  letter-spacing: normal;\n}\n\n.tiptap p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.tiptap h1[style],\n.tiptap p[style] {\n}\n\n.tiptap .ProseMirror * {\n  font-family: inherit !important;\n  box-sizing: content-box !important;\n}\n\n.tiptap.ProseMirror {\n  padding: 10mm;\n  box-sizing: border-box;\n  outline: none;\n  /* Contrato tipogr\u00E1fico compartido editor-PDF (espejo de editor.css del\n     front). El editor hereda esto del host (suite V1: body Geist 14px +\n     line-height 1.5 de Quasar); este CSS es lo UNICO que ve Chromium al\n     imprimir -> sin estos valores el PDF caia a los defaults del UA\n     (16px/~1.15/serif) y el texto wrappeaba y cortaba distinto al editor.\n     Geist primero (la del editor); codeprint cae a Roboto (fonts-roboto\n     agregada a su Dockerfile). */\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: 'Geist', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\n/* Escala de titulos que Quasar aplica a los tags en la app (lo que el editor\n   muestra); el PDF usaba la escala del UA (h2 24px vs 60px del editor). */\n.tiptap h2 { font-size: 60px; }\n.tiptap h3 { font-size: 48px; }\n.tiptap h4 { font-size: 34px; }\n.tiptap h5 { font-size: 24px; }\n.tiptap h6 { font-size: 20px; }\n\n.tiptap.ProseMirror-focused {\n  outline: none !important;\n  box-shadow: none !important;\n}\n\n.tiptap .editor-content.tiptap {\n  height: 100%;\n  overflow: hidden;\n}\n\n.tiptap table {\n  border-collapse: collapse;\n  margin: 0;\n  table-layout: fixed;\n  width: 100%;\n}\n\n.tiptap table td,\n.tiptap table th {\n  border: 1px solid var(--gray-3);\n  box-sizing: border-box;\n  min-width: 1em;\n  padding: 6px 8px;\n  vertical-align: top;\n}\n\n.tiptap table th {\n  background-color: var(--gray-1);\n  font-weight: bold;\n  text-align: left;\n}\n\n.tiptap table .selectedCell {\n  background: var(--purple-light);\n  border-radius: 0.5rem;\n  box-shadow: 0 0 0 2px var(--purple);\n  color: var(--purple);\n  font-weight: bold;\n  position: relative;\n}\n\n.tiptap table .column-resize-handle {\n  background-color: var(--purple);\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 4px;\n}\n\n.tiptap .editor-image {\n  display: inline-block;\n  max-width: 100%;\n  height: auto;\n  vertical-align: middle;\n  margin: 0 4px;\n  cursor: pointer;\n}\n\n.tiptap .image-resizer {\n  position: relative;\n  display: inline-flex;\n}\n\n.tiptap .image-resizer .resize-trigger {\n  position: absolute;\n  right: -6px;\n  bottom: -9px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.tiptap .image-resizer:hover .resize-trigger {\n  opacity: 1;\n}\n\n.tiptap .page {\n  width: 21.59cm;\n  height: 27.94cm;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  padding: 2cm;\n  margin: 1cm auto;\n  page-break-after: always;\n  background: white;\n}\n\n.page-view {\n  width: 21.59cm;\n  height: 27.94cm;\n  padding: 2cm;\n  margin: 1rem auto;\n  background: white;\n  border-radius: 4px;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: relative;\n}\n\n.page-frame {\n  width: 816px;\n  min-height: 1056px; /* Letter @96dpi \u2014 espejo de editor.css del front (1122 era A4) */\n  margin: 0 auto;\n  background: white;\n  box-sizing: border-box;\n  transform: none !important;\n  transition: zoom 0.2s ease;\n}\n\n.tiptap ul,\n.tiptap ol,\n.tiptap menu {\n  margin: 0.5em 0 0.5em 1.5em;\n  padding: 0;\n}\n\n.tiptap ul {\n  list-style-type: disc;\n}\n\n.tiptap ul ul {\n  list-style-type: circle;\n}\n\n.tiptap ul ul ul {\n  list-style-type: square;\n}\n\n.tiptap ol {\n  list-style-type: decimal;\n}\n\n.tiptap menu {\n  list-style-type: none;\n  padding-left: 0;\n}\n\n.tiptap li {\n  margin: 0.25em 0;\n  line-height: 1.4;\n  padding-left: 0.2em;\n}\n\n.tiptap li[style] {\n}\n\n.tiptap .page ul,\n.tiptap .page ol,\n.tiptap .page menu {\n  margin-left: 1.2em;\n}\n\n.tiptap li > p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n";
+export declare const SHARED_CONTRACT_DEFAULT_CSS = "\n* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif; }\n.tiptap.ProseMirror { padding: 10mm !important; }\n.dashboard-preview .tiptap.ProseMirror { padding: 0 !important; }\n/* PARIDAD editor<->PDF: en print los m\u00E1rgenes de p\u00E1gina (10mm de contractPdfOpts,\n   codeprint los convierte a mm y Chromium los repite en CADA p\u00E1gina) ya dan el\n   espaciado; el padding del bloque los DUPLICABA (columna ~665px vs ~740px del\n   editor) y solo aplicaba a la primera/\u00FAltima p\u00E1gina. */\n@media print {\n  .tiptap.ProseMirror { padding: 0 !important; }\n  .tiptap p, .tiptap li, .tiptap h1, .tiptap h2, .tiptap h3, .tiptap h4, .tiptap h5, .tiptap h6 { break-inside: avoid; }\n  .tiptap table tr { break-inside: avoid; }\n}\n";
+/** Orden en que el PDF los concatena (buildContractHtml: defaultCss + '\n' + editorCss). */
+export declare const SHARED_CONTRACT_PAGE_CSS = "\n* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif; }\n.tiptap.ProseMirror { padding: 10mm !important; }\n.dashboard-preview .tiptap.ProseMirror { padding: 0 !important; }\n/* PARIDAD editor<->PDF: en print los m\u00E1rgenes de p\u00E1gina (10mm de contractPdfOpts,\n   codeprint los convierte a mm y Chromium los repite en CADA p\u00E1gina) ya dan el\n   espaciado; el padding del bloque los DUPLICABA (columna ~665px vs ~740px del\n   editor) y solo aplicaba a la primera/\u00FAltima p\u00E1gina. */\n@media print {\n  .tiptap.ProseMirror { padding: 0 !important; }\n  .tiptap p, .tiptap li, .tiptap h1, .tiptap h2, .tiptap h3, .tiptap h4, .tiptap h5, .tiptap h6 { break-inside: avoid; }\n  .tiptap table tr { break-inside: avoid; }\n}\n\n\n:root {\n  --gray-3: #000;\n  --gray-1: #fff;\n  --purple: #9b59b6;\n  --purple-light: #e0bbff;\n}\n\n.tiptap h1 {\n  display: block;\n  margin-bottom: 0.5em;\n  margin-top: 0.5em;\n  font-size: 2em;\n  margin-block-start: 0.67em;\n  margin-block-end: 0.67em;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  font-weight: bold;\n  unicode-bidi: isolate;\n  line-height: normal;\n  letter-spacing: normal;\n}\n\n.tiptap h2,\n.tiptap h3,\n.tiptap h4,\n.tiptap h5,\n.tiptap h6 {\n  display: block;\n  font-weight: 700;\n  margin-bottom: 0.5em;\n  margin-top: 0.5em;\n  page-break-after: avoid;\n  line-height: normal;\n  letter-spacing: normal;\n}\n\n.tiptap p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.tiptap h1[style],\n.tiptap p[style] {\n}\n\n.tiptap .ProseMirror * {\n  font-family: inherit !important;\n  box-sizing: content-box !important;\n}\n\n.tiptap.ProseMirror {\n  padding: 10mm;\n  box-sizing: border-box;\n  outline: none;\n  /* Contrato tipogr\u00E1fico compartido editor-PDF (espejo de editor.css del\n     front). El editor hereda esto del host (suite V1: body Geist 14px +\n     line-height 1.5 de Quasar); este CSS es lo UNICO que ve Chromium al\n     imprimir -> sin estos valores el PDF caia a los defaults del UA\n     (16px/~1.15/serif) y el texto wrappeaba y cortaba distinto al editor.\n     Geist primero (la del editor); codeprint cae a Roboto (fonts-roboto\n     agregada a su Dockerfile). */\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: 'Geist', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\n/* Escala de titulos que Quasar aplica a los tags en la app (lo que el editor\n   muestra); el PDF usaba la escala del UA (h2 24px vs 60px del editor). */\n.tiptap h2 { font-size: 60px; }\n.tiptap h3 { font-size: 48px; }\n.tiptap h4 { font-size: 34px; }\n.tiptap h5 { font-size: 24px; }\n.tiptap h6 { font-size: 20px; }\n\n.tiptap.ProseMirror-focused {\n  outline: none !important;\n  box-shadow: none !important;\n}\n\n.tiptap .editor-content.tiptap {\n  height: 100%;\n  overflow: hidden;\n}\n\n.tiptap table {\n  border-collapse: collapse;\n  margin: 0;\n  table-layout: fixed;\n  width: 100%;\n}\n\n.tiptap table td,\n.tiptap table th {\n  border: 1px solid var(--gray-3);\n  box-sizing: border-box;\n  min-width: 1em;\n  padding: 6px 8px;\n  vertical-align: top;\n}\n\n.tiptap table th {\n  background-color: var(--gray-1);\n  font-weight: bold;\n  text-align: left;\n}\n\n.tiptap table .selectedCell {\n  background: var(--purple-light);\n  border-radius: 0.5rem;\n  box-shadow: 0 0 0 2px var(--purple);\n  color: var(--purple);\n  font-weight: bold;\n  position: relative;\n}\n\n.tiptap table .column-resize-handle {\n  background-color: var(--purple);\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 4px;\n}\n\n.tiptap .editor-image {\n  display: inline-block;\n  max-width: 100%;\n  height: auto;\n  vertical-align: middle;\n  margin: 0 4px;\n  cursor: pointer;\n}\n\n.tiptap .image-resizer {\n  position: relative;\n  display: inline-flex;\n}\n\n.tiptap .image-resizer .resize-trigger {\n  position: absolute;\n  right: -6px;\n  bottom: -9px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.tiptap .image-resizer:hover .resize-trigger {\n  opacity: 1;\n}\n\n.tiptap .page {\n  width: 21.59cm;\n  height: 27.94cm;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  padding: 2cm;\n  margin: 1cm auto;\n  page-break-after: always;\n  background: white;\n}\n\n.page-view {\n  width: 21.59cm;\n  height: 27.94cm;\n  padding: 2cm;\n  margin: 1rem auto;\n  background: white;\n  border-radius: 4px;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: relative;\n}\n\n.page-frame {\n  width: 816px;\n  min-height: 1056px; /* Letter @96dpi \u2014 espejo de editor.css del front (1122 era A4) */\n  margin: 0 auto;\n  background: white;\n  box-sizing: border-box;\n  transform: none !important;\n  transition: zoom 0.2s ease;\n}\n\n.tiptap ul,\n.tiptap ol,\n.tiptap menu {\n  margin: 0.5em 0 0.5em 1.5em;\n  padding: 0;\n}\n\n.tiptap ul {\n  list-style-type: disc;\n}\n\n.tiptap ul ul {\n  list-style-type: circle;\n}\n\n.tiptap ul ul ul {\n  list-style-type: square;\n}\n\n.tiptap ol {\n  list-style-type: decimal;\n}\n\n.tiptap menu {\n  list-style-type: none;\n  padding-left: 0;\n}\n\n.tiptap li {\n  margin: 0.25em 0;\n  line-height: 1.4;\n  padding-left: 0.2em;\n}\n\n.tiptap li[style] {\n}\n\n.tiptap .page ul,\n.tiptap .page ol,\n.tiptap .page menu {\n  margin-left: 1.2em;\n}\n\n.tiptap li > p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n";

package/package.json

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

package/dist/cobalt/p-0678c797.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,a as i}from"./p-DH5lfRNj.js";const a=class{constructor(s){t(this,s),this.coChange=e(this,"coChange",7),this.coClear=e(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=t=>{this.value=JSON.stringify(t.detail),this.coChange.emit(t.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return s("co-date-range-picker",{key:"2d03e6fa36f8f44830beb798a1a3096b93f3478d",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return i(this)}};a.style=":host{display:block}";export{a as co_date_range}

package/dist/cobalt/p-1d3a79af.entry.js

@@ -1 +0,0 @@
-import{r as o,c as i,h as t,a as r}from"./p-DH5lfRNj.js";import{h as e}from"./p-Ba_v-MzM.js";import{i as s}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const a=class{constructor(t){o(this,t),this.coRemove=i(this,"coRemove",7),this.coClick=i(this,"coClick",7),this.shape="rounded",this.size="large",this.iconMode="none",this.variant="filled",this.color="default",this.iconWeight="regular",this.removable=!1,this.dot=!1,this.clickable=!1,this.disabled=!1,this.selected=!1,this.handleClick=()=>{this.disabled||this.clickable&&this.coClick.emit()},this.handleRemove=o=>{o.stopPropagation(),this.disabled||this.coRemove.emit()}}render(){const o="left"===this.iconMode||"both"===this.iconMode,i="both"===this.iconMode&&!this.removable,r="large"===this.size?16:10,e="large"===this.size?16:10,s="filter"===this.variant?13:r,a=o||!!this.iconLeft||this.dot,c=i||!!this.iconRight||this.removable||!!this.trailingIcon;let n;return n=a&&c?"both":a?"left":c?"right":"none",t(this.clickable?"button":"div",{key:"385173584372bbad8872565f1fc95e8ae8e14563",class:{"co-chip":!0,[`co-chip--${this.shape}`]:!0,[`co-chip--${this.size}`]:!0,[`co-chip--icon-${n}`]:!0,[`co-chip--${this.variant}`]:!0,[`co-chip--${this.color}`]:"default"!==this.color,"co-chip--clickable":this.clickable,"co-chip--disabled":this.disabled,"co-chip--selected":this.selected},part:"chip",type:this.clickable?"button":void 0,disabled:this.clickable?this.disabled:void 0,onClick:this.handleClick},this.dot&&t("span",{key:"a680c376ac13140b2c073e01fc901f2cfa54bde8",class:"co-chip__dot",part:"dot",style:this.dotColor?{color:this.dotColor}:void 0},t("co-icon",{key:"73e58b8b90234eb883b6a1e49b5e37b267f03d1b",name:"circle",size:r,weight:"fill"})),this.iconLeft&&!o&&t("span",{key:"b944fbf0a0161846411d8fc2fe034c48c77d42ea",class:"co-chip__icon-left",part:"icon-left"},t("co-icon",{key:"b24a5a3c64d0eda1b9d87c66ac93c0d4703973bc",name:this.iconLeft,size:r,weight:this.iconWeight})),o&&t("span",{key:"9f1e7fa47bd86e1d7e4812ec0fe5f61490ab0878",class:"co-chip__icon-left",part:"icon-left"},t("slot",{key:"e52df105783ff84c932bc289f6e88304ccc4240a",name:"icon-left"})),t("span",{key:"269f54eca09a4ff301d9ec4e673bf9c8d19ccd87",class:"co-chip__label"},t("slot",{key:"31fba7c9c05b830562800cc46c48e667e7dc046c"},this.label),null!=this.valueLabel&&""!==this.valueLabel&&t("span",{key:"a455314236c688f2bff9185135787899da52ea5f",class:"co-chip__value",part:"value"},`: ${this.valueLabel}`)),this.iconRight&&!i&&!this.removable&&t("span",{key:"13e5862e03e2fcf7129230a4d68ce7e2b1b4f11e",class:"co-chip__icon-right",part:"icon-right"},t("co-icon",{key:"66fc09efbdeea37f1dbce3b5ad4443a760618b66",name:this.iconRight,size:r,weight:this.iconWeight})),i&&t("span",{key:"7acfa1a23e294cb92b17d5174ec0a78161877624",class:"co-chip__icon-right",part:"icon-right"},t("slot",{key:"9e8ded0f256a72ab81c587a82d2bb570930288f9",name:"icon-right"})),this.removable&&t("span",{key:"e30345ce825c823fbf7da1aaaec4141351e18a02",class:"co-chip__remove",part:"remove",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleRemove,"aria-label":"Remove"},t("co-icon",{key:"3d9777c29b706cda71ee64b313961c97e215b900",name:"x-circle",size:e,weight:"fill"})),this.trailingIcon&&t("span",{key:"d99af23fbbb7a8557b8cefd15a4cebdc7437ff43",class:"co-chip__trailing",part:"trailing"},t("co-icon",{key:"aa99f2c0f6ec96f95656c607ca5846c282447e35",name:this.trailingIcon,size:s,weight:this.iconWeight})))}};function c(o){let i=o;if("string"==typeof o)try{i=JSON.parse(o)}catch(o){return[]}return Array.isArray(i)?i:[]}function n(o,i,t){const r=[];if(t.forEach(((o,i)=>{o.disabled||r.push(i)})),0===r.length)return-1;const e=r.indexOf(o);return-1===e?1===i?r[0]:r[r.length-1]:r[(e+i+r.length)%r.length]}function l(o,i,t){return i>0?{hasMore:o<i,remaining:Math.max(0,i-o)}:{hasMore:t,remaining:0}}a.style=":host{display:inline-flex;max-width:var(--co-chip-max-width, none)}.co-chip{display:inline-flex;align-items:center;justify-content:center;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;max-width:100%;overflow:hidden;border:1px solid transparent;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);cursor:default;margin:0;padding:0}button.co-chip{cursor:pointer;outline:none}button.co-chip:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.co-chip__value{color:var(--co-chip-value-color, var(--co-color-gray-500, #888888))}.co-chip--filled{background:var(--co-chip-bg, var(--co-semantic-surface-muted));color:var(--co-chip-color, var(--co-semantic-text-default));border-color:var(--co-chip-border, transparent)}.co-chip--filled.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-color-opacity-negro-8, rgba(0, 0, 0, 0.08))}.co-chip--filled.co-chip--clickable:active:not(.co-chip--disabled){opacity:0.85}.co-chip--filled.co-chip--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-chip--filled.co-chip--primary.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-primary);opacity:0.85}.co-chip--filled.co-chip--success{background:var(--co-semantic-status-success);color:#fff}.co-chip--filled.co-chip--error{background:var(--co-semantic-status-error);color:#fff}.co-chip--filled.co-chip--warning{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--info{background:var(--co-semantic-status-info);color:#fff}.co-chip--filled.co-chip--pending{background:var(--co-color-status-pending);color:#fff}.co-chip--filled.co-chip--progress{background:var(--co-color-status-progress);color:#fff}.co-chip--filled.co-chip--review{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--submitted{background:var(--co-color-status-submitted);color:#fff}.co-chip--outlined{background:transparent;color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-chip--outlined.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-hover)}.co-chip--outlined.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-muted)}.co-chip--outlined.co-chip--primary{color:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-chip--outlined.co-chip--success{color:var(--co-semantic-status-success);border-color:var(--co-semantic-status-success)}.co-chip--outlined.co-chip--error{color:var(--co-semantic-status-error);border-color:var(--co-semantic-status-error)}.co-chip--outlined.co-chip--warning{color:var(--co-color-status-review);border-color:var(--co-color-status-review)}.co-chip--outlined.co-chip--info{color:var(--co-semantic-status-info);border-color:var(--co-semantic-status-info)}.co-chip--filled.co-chip--selected{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.co-chip--outlined.co-chip--selected{background:var(--co-semantic-surface-muted);border-width:2px}.co-chip--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.co-chip--disabled{pointer-events:auto;}.co-chip--large{font-size:var(--co-font-size-12)}.co-chip--large.co-chip--icon-none{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:0}.co-chip--large.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm2) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm2);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-sm)}.co-chip--small{font-size:var(--co-font-size-10)}.co-chip--small.co-chip--icon-none{padding:var(--co-spacing-xs) var(--co-spacing-sm);gap:0}.co-chip--small.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm) var(--co-spacing-xs) var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--rounded{border-radius:var(--co-border-radius-full)}.co-chip--square{border-radius:var(--co-spacing-sm)}.co-chip__icon-left,.co-chip__icon-right,.co-chip__dot,.co-chip__trailing{display:inline-flex;flex-shrink:0;align-items:center}.co-chip__trailing{color:var(--co-chip-trailing-color, currentColor)}.co-chip--large .co-chip__icon-left,.co-chip--large .co-chip__icon-right,.co-chip--large .co-chip__dot{width:16px;height:16px}.co-chip--small .co-chip__icon-left,.co-chip--small .co-chip__icon-right,.co-chip--small .co-chip__dot{width:10px;height:10px}.co-chip__remove{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;opacity:1;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);border:none;background:transparent;padding:0;color:inherit}.co-chip__remove:hover{opacity:0.7}.co-chip--large .co-chip__remove{width:16px;height:16px}.co-chip--small .co-chip__remove{width:10px;height:10px}::slotted(*){display:inline-flex;width:100%;height:100%}.co-chip.co-chip--filter{height:34px;padding:0 12px;gap:7px;font-size:13.5px;border-radius:var(--co-border-radius-full);background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(0, 0, 0, 0.16))}.co-chip--filter .co-chip__icon-left{color:var(--co-color-gray-500, #888888)}.co-chip--filter .co-chip__trailing{color:var(--co-color-gray-400, #a0a0a0)}.co-chip--filter.co-chip--clickable:hover:not(.co-chip--disabled){box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-25, rgba(0, 0, 0, 0.25))}.co-chip--filter.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-color-gray-100, #f6f6f6)}.co-chip--filter.co-chip--selected{background:var(--co-color-gray-100, #f6f6f6)}";const d=34,h=class{constructor(t){o(this,t),this.coSearch=i(this,"coSearch",1),this.coChange=i(this,"coChange",1),this.coLoadMore=i(this,"coLoadMore",1),this.coClearSelection=i(this,"coClearSelection",1),this.coRemoveItem=i(this,"coRemoveItem",1),this.coReorder=i(this,"coReorder",1),this.coPinToggle=i(this,"coPinToggle",1),this.coListReorder=i(this,"coListReorder",1),this.items="[]",this.value="",this.selectedItems="[]",this.multiple=!1,this.selectedFirst=!1,this.selectedAffordance="check",this.removableItems=!1,this.reorderable=!1,this.pinnable=!1,this.listReorderable=!1,this.searchable=!1,this.searchPlaceholder="Search…",this.searchDebounce=350,this.initialTerm="",this.loading=!1,this.total=0,this.hasMore=!1,this.emptyMessage="No results found",this.clearOptionLabel="",this.virtual=!1,this.highlightMatches=!1,this.highlightTerm="",this.avatarShape="circle",this.suffixAlign="inline",this.autoHighlight=!1,this.term="",this.activeIndex=-1,this.scrollTop=0,this.armedKey="",this.dragKey="",this.overKey="",this.dropAfter=!1,this.lastFillLen=-1,this.sortSnapshot=new Set,this.displaySnapshot=[],this.previewOrder=[],this.onRootKeyDown=o=>{var i,t;if("Enter"===o.key){const r=(null===(i=o.composedPath)||void 0===i?void 0:i.call(o)[0])||o.target;if(r instanceof HTMLElement&&(null===(t=r.closest)||void 0===t?void 0:t.call(r,"button:not(.co-option-list__option), co-list-footer")))return}this.processKey(o.key)&&o.preventDefault()},this.onSearchInput=o=>{const i=o.target.value,t=!!this.term&&!i;this.term=i,this.activeIndex=-1,this.lastFillLen=-1,t&&this.takeSnapshot(),this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.coSearch.emit(i)),this.searchDebounce)},this.onPtrMove=o=>{const i=this.ptrDrag;if(!i)return;if(!i.started){if(Math.abs(o.clientY-i.startY)<3)return;i.started=!0,this.dragKey=i.id,this.previewOrder=i.originOrder,this.el.style.userSelect="none",this.sortSnapshot.has(i.id)||this.applyPreview([...i.originOrder])}o.preventDefault();const t=this.previewOrder.length;i.desiredTop=Math.max(i.blockTop,Math.min(i.blockTop+(t-1)*i.pitch,o.clientY-i.grabDY)),this.positionLifted();const r=this.previewOrder.indexOf(i.id),e=Math.max(0,Math.min(t-1,Math.round((i.desiredTop-i.blockTop)/i.pitch)));if(e!==r&&-1!==r){const o=[...this.previewOrder];o.splice(e,0,o.splice(r,1)[0]),this.applyPreview(o)}},this.onPtrUp=()=>{const o=this.ptrDrag;if(this.removePtrListeners(),this.ptrDrag=void 0,!o||!o.started)return;const i=o=>{o.stopPropagation(),o.preventDefault()};if(window.addEventListener("click",i,!0),setTimeout((()=>window.removeEventListener("click",i,!0)),0),this.settleLifted(o),this.previewOrder.length&&this.previewOrder.join(" ")!==o.originOrder.join(" ")){const i=new Map(this.displaySnapshot.map((o=>[o._id,o])));this.coReorder.emit({value:this.previewOrder,item:i.get(o.id)})}this.previewOrder=[]},this.onPtrKey=o=>{var i;if("Escape"!==o.key||!this.ptrDrag)return;o.stopPropagation(),o.preventDefault();const t=this.ptrDrag;if(this.removePtrListeners(),this.ptrDrag=void 0,t.started){if(this.displaySnapshot!==t.originDisplay){this.pendingFlip={tops:this.captureRowTops(),movedId:t.id,spring:!0};const o=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.co-option-list__option[data-id="${CSS.escape(t.id)}"]`);o&&(o.style.transition="none",o.style.transform=""),this.displaySnapshot=t.originDisplay,this.sortSnapshot=t.originSort,this.dragKey="",this.el.style.userSelect=""}else this.settleLifted(t);this.previewOrder=[]}},this.handleRowDragEnd=()=>{this.resetDragState()},this.handleRowDragLeave=(o,i)=>{this.overKey!==i||o.currentTarget.contains(o.relatedTarget)||(this.overKey="")},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.onNativeScroll=o=>{const i=o.target;this.scrollTop=i.scrollTop,this.maybeLoadMore(i.scrollTop,i.clientHeight,i.scrollHeight)}}get parsedItems(){return c(this.items)}get selectedIds(){return function(o){if(!o)return[];try{const i=JSON.parse(o);return Array.isArray(i)?i:[o]}catch(i){return[o]}}(this.value)}get orderedItems(){return this.selectedFirst?function(o,i,t,r){var e;if(0===i.size)return o;const s=new Map(o.map((o=>[o._id,o]))),a=[];if(r)for(const t of o)i.has(t._id)&&a.push(t);else{const o=new Map(t.map((o=>[o._id,o])));for(const t of i){const i=null!==(e=s.get(t))&&void 0!==e?e:o.get(t);i&&a.push(i)}}const c=o.filter((o=>!i.has(o._id)));return[...a,...c]}(this.parsedItems,this.sortSnapshot,this.displaySnapshot,!!this.term):this.parsedItems}get effectiveHighlightTerm(){return this.highlightMatches?this.searchable?this.term:this.highlightTerm:""}componentWillLoad(){this.term=this.initialTerm||"",this.takeSnapshot(),this.autoHighlight&&(this.activeIndex=n(-1,1,this.orderedItems))}componentDidRender(){this.optionsEl&&!this.osInstance&&(this.osInstance=s(this.optionsEl,(o=>{this.scrollTop=o.scrollTop,this.maybeLoadMore(o.scrollTop,o.clientHeight,o.scrollHeight)}))),this.fillViewport(),this.runFlip(),this.positionLifted()}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){var o;this.debounceTimer&&clearTimeout(this.debounceTimer),null===(o=this.osInstance)||void 0===o||o.destroy(),this.osInstance=void 0,window.removeEventListener("mouseup",this.disarmDrag),this.removePtrListeners()}onItemsChange(){this.autoHighlight?this.activeIndex=n(-1,1,this.orderedItems):this.activeIndex>=this.orderedItems.length&&(this.activeIndex=-1);const o=Math.max(0,this.orderedItems.length*d-272);this.scrollTop>this.orderedItems.length*d&&(this.scrollTop=o)}onValueChange(){var o;if(!this.selectedFirst)return;const i=this.activeIndex>=0?null===(o=this.orderedItems[this.activeIndex])||void 0===o?void 0:o._id:void 0;this.pendingFlip={tops:this.captureRowTops(),movedId:"",spring:!1},this.takeSnapshot(),this.activeIndex=i?this.orderedItems.findIndex((o=>o._id===i)):-1}async clearSearch(){this.debounceTimer&&clearTimeout(this.debounceTimer);const o=!!this.term;this.term="",this.activeIndex=-1,this.lastFillLen=-1,this.searchInputEl&&(this.searchInputEl.value=""),o&&this.takeSnapshot(),this.coSearch.emit("")}async snapshotOrder(){this.takeSnapshot()}async focusSearch(){var o,i;for(let t=0;t<20;t++){if(null===(o=this.searchInputEl)||void 0===o||o.focus(),this.searchInputEl&&(null===(i=this.el.shadowRoot)||void 0===i?void 0:i.activeElement)===this.searchInputEl)return;await new Promise((o=>requestAnimationFrame((()=>o()))))}}async scrollToSelected(){var o,i,t,r;const e=function(o,i){const t=new Set(i);return o.findIndex((o=>t.has(o._id)&&!o.disabled))}(this.orderedItems,this.selectedIds);if(-1!==e){this.activeIndex=e;for(let s=0;s<20;s++){const s=null!==(i=null===(o=this.osInstance)||void 0===o?void 0:o.elements().viewport)&&void 0!==i?i:this.optionsEl;if(s&&s.clientHeight>0){if(this.virtual){const o=e*d;let i=s.scrollTop;o<i?i=o:o+d>i+s.clientHeight&&(i=o+d-s.clientHeight),this.scrollTop=i,s.scrollTop=i}else null===(r=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(`co-optlist-${e}`))||void 0===r||r.scrollIntoView({block:"nearest"});return}await new Promise((o=>requestAnimationFrame((()=>o()))))}}}async handleKey(o){return this.processKey(o.key)}takeSnapshot(){this.sortSnapshot=new Set(this.selectedIds);const o=new Map;for(const i of c(this.selectedItems))o.set(i._id,i);for(const i of this.parsedItems)o.has(i._id)||o.set(i._id,i);this.displaySnapshot=this.selectedIds.map((i=>o.get(i))).filter(Boolean)}processKey(o){const i=this.orderedItems;switch(o){case"ArrowDown":return this.activeIndex=n(this.activeIndex,1,i),this.scrollActiveIntoView(),!0;case"ArrowUp":return this.activeIndex=n(this.activeIndex,-1,i),this.scrollActiveIntoView(),!0;case"Enter":{if(this.loading)return!0;const o=i[this.activeIndex];return!(!o||o.disabled||(this.pick(o),0))}default:return!1}}deselectItem(o){if(this.multiple){const i=this.selectedIds.filter((i=>i!==o._id));this.coChange.emit({value:i,item:o})}else this.coChange.emit({value:null,item:o})}pick(o){if(this.multiple){const i=this.selectedIds,t=i.indexOf(o._id)>=0?i.filter((i=>i!==o._id)):[...i,o._id];this.coChange.emit({value:t,item:o})}else this.coChange.emit({value:o._id,item:o})}get listDragActive(){return this.listReorderable&&!(this.reorderable&&this.selectedFirst)}dragOrderIds(){return this.orderedItems.map((o=>o._id))}handleRowDragStart(o,i){this.armedKey===i?(this.dragKey=i,o.dataTransfer&&(o.dataTransfer.effectAllowed="move",o.dataTransfer.setData("text/plain",i))):o.preventDefault()}handleRowDragOver(o,i){if(!this.dragKey||this.dragKey===i)return;o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="move"),this.overKey=i;const t=this.dragOrderIds();this.dropAfter=t.indexOf(this.dragKey)<t.indexOf(i)}applyPreview(o){this.pendingFlip={tops:this.captureRowTops(),movedId:this.dragKey,spring:!1};const i=new Map(this.orderedItems.map((o=>[o._id,o])));for(const o of this.displaySnapshot)i.has(o._id)||i.set(o._id,o);this.sortSnapshot=new Set(o),this.displaySnapshot=o.map((o=>i.get(o))).filter(Boolean),this.previewOrder=o}startPointerDrag(o,i){var t;if(0!==o.button||this.ptrDrag)return;const r=function(o,i){const t=new Set(i);return o.filter((o=>t.has(o._id))).map((o=>o._id))}(this.orderedItems,this.selectedIds);if(!r.includes(i))return;const e=o.currentTarget.closest(".co-option-list__option");if(!e)return;o.preventDefault(),o.stopPropagation();const s=e.getBoundingClientRect(),a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".co-option-list__option[data-id]"),c=null==a?void 0:a[0],n=a&&a.length>=2?a[1].getBoundingClientRect().top-a[0].getBoundingClientRect().top:s.height||d,l=c?this.orderedItems.findIndex((o=>o._id===c.dataset.id)):0,h=c?c.getBoundingClientRect().top-Math.max(0,l)*n:s.top;this.ptrDrag={id:i,grabDY:o.clientY-s.top,blockTop:h,pitch:n,originOrder:r,originDisplay:this.displaySnapshot,originSort:this.sortSnapshot,desiredTop:s.top,startY:o.clientY,started:!1},window.addEventListener("pointermove",this.onPtrMove),window.addEventListener("pointerup",this.onPtrUp),window.addEventListener("keydown",this.onPtrKey,!0)}positionLifted(){var o;const i=this.ptrDrag;if(!i||!i.started)return;const t=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelector(`.co-option-list__option[data-id="${CSS.escape(i.id)}"]`);if(!t)return;const r=this.previewOrder.indexOf(i.id);if(-1===r)return;const e=i.blockTop+r*i.pitch;t.style.transition="none",t.style.transform=`translateY(${i.desiredTop-e}px) scale(1.02)`}settleLifted(o){var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.co-option-list__option[data-id="${CSS.escape(o.id)}"]`),r=()=>{this.dragKey="",this.el.style.userSelect=""};t?(t.style.transition="transform var(--co-motion-duration-base) var(--co-motion-ease-spring)",t.style.transform="",t.addEventListener("transitionend",(()=>{t.style.transition="",r()}),{once:!0})):r()}removePtrListeners(){window.removeEventListener("pointermove",this.onPtrMove),window.removeEventListener("pointerup",this.onPtrUp),window.removeEventListener("keydown",this.onPtrKey,!0)}handleRowDrop(o,i){o.preventDefault(),o.stopPropagation();const t=this.dragKey,r=this.dragOrderIds();if(this.resetDragState(),t===i||!r.includes(t)||!r.includes(i))return;const e=new Map(this.orderedItems.map((o=>[o._id,o]))),s=function(o,i,t,r){return r(i)||r(t)?o:function(o,i,t){if(i===t)return o;const r=o.indexOf(i),e=o.indexOf(t);if(-1===r||-1===e)return o;const s=[...o];return s.splice(e,0,s.splice(r,1)[0]),s}(o,i,t)}(r,t,i,(o=>{var i;return!!(null===(i=e.get(o))||void 0===i?void 0:i.pinned)}));s!==r&&this.coListReorder.emit({value:s,item:e.get(t)})}captureRowTops(){var o;const i=new Map;return null===(o=this.el.shadowRoot)||void 0===o||o.querySelectorAll(".co-option-list__option[data-id]").forEach((o=>i.set(o.dataset.id,o.getBoundingClientRect().top))),i}runFlip(){var o,i,t;if(!this.pendingFlip)return;const{tops:r,movedId:e,spring:s}=this.pendingFlip;this.pendingFlip=void 0;const a=Array.from(null!==(i=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelectorAll(".co-option-list__option[data-id]"))&&void 0!==i?i:[]),c=(null===(t=this.ptrDrag)||void 0===t?void 0:t.started)?this.ptrDrag.id:null;for(const o of a)o.dataset.id!==c&&(o.style.transition="none",o.style.transform="");const n=[];for(const o of a){const i=o.dataset.id;if(i===c)continue;const t=r.get(i);if(void 0===t)continue;const a=t-o.getBoundingClientRect().top;a&&n.push({row:o,delta:a,spring:s&&i===e})}for(const{row:o,delta:i}of n)o.style.transform=`translateY(${i}px)`;for(const o of a){if(o.dataset.id===c)continue;const i=n.find((i=>i.row===o));i?(o.style.transition="transform var(--co-motion-duration-base) "+(i.spring?"var(--co-motion-ease-spring)":"var(--co-motion-ease-out)"),o.style.transform="",o.addEventListener("transitionend",(()=>{o.style.transition=""}),{once:!0})):o.style.transition=""}}resetDragState(){this.armedKey="",this.dragKey="",this.overKey="",this.dropAfter=!1}maybeLoadMore(o,i,t){if(this.loading)return;const{hasMore:r}=l(this.parsedItems.length,this.total,this.hasMore);r&&o+i>=t-40&&this.coLoadMore.emit()}fillViewport(){var o,i;const t=this.parsedItems.length;if(this.loading||0===t||t===this.lastFillLen)return;const{hasMore:r}=l(t,this.total,this.hasMore);if(!r)return;const e=null!==(i=null===(o=this.osInstance)||void 0===o?void 0:o.elements().viewport)&&void 0!==i?i:this.optionsEl;e&&0!==e.clientHeight&&e.scrollHeight-e.clientHeight<=40&&(this.lastFillLen=t,this.coLoadMore.emit())}scrollActiveIntoView(){requestAnimationFrame((()=>{var o,i;null===(i=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.getElementById(`co-optlist-${this.activeIndex}`))||void 0===i||i.scrollIntoView({block:"nearest"})}))}renderLeading(o){return o.image||o.avatar?t("co-avatar",{class:"co-option-list__avatar",type:o.image?"image":"text",src:o.image,text:o.avatar,color:o.color,size:"xxs",shape:this.avatarShape}):o.color?t("span",{class:"co-option-list__dot",style:{backgroundColor:o.color}}):o.icon?t("co-icon",{name:o.icon,size:16,class:"co-option-list__icon"}):null}renderLabelText(o){const i=this.effectiveHighlightTerm,r=i?e(o,i):null;return r?r.map((o=>o.match?t("span",{class:"co-option-list__match"},o.text):o.text)):o}renderBadge(o){const i=t("span",{class:"co-option-list__badge",style:o.color?{backgroundColor:o.color,color:"var(--co-color-base-blanco, #fff)"}:void 0},o.label);return o.tooltip?t("co-tooltip",{class:"co-option-list__badge-tip",content:o.tooltip},i):i}renderRow(o,i,r){const e=r.includes(o._id),s=!this.listDragActive&&this.reorderable&&this.selectedFirst&&e&&!this.term,a=this.listDragActive&&!o.pinned&&!this.term;return t("div",{class:{"co-option-list__option":!0,"co-option-list__option--selected":e,"co-option-list__option--active":i===this.activeIndex,"co-option-list__option--disabled":!!o.disabled,"co-option-list__option--dragging":this.listDragActive&&this.dragKey===o._id,"co-option-list__option--lifted":!this.listDragActive&&this.dragKey===o._id,"co-option-list__option--drop-before":this.listDragActive&&this.overKey===o._id&&!this.dropAfter,"co-option-list__option--drop-after":this.listDragActive&&this.overKey===o._id&&this.dropAfter},key:o._id,id:`co-optlist-${i}`,"data-id":o._id,role:"option","aria-selected":e?"true":"false","aria-disabled":o.disabled?"true":"false",draggable:a&&this.armedKey===o._id,onClick:()=>!o.disabled&&this.pick(o),onMouseEnter:()=>{this.activeIndex=i},onDragStart:a?i=>this.handleRowDragStart(i,o._id):void 0,onDragOver:a?i=>this.handleRowDragOver(i,o._id):void 0,onDrop:a?i=>this.handleRowDrop(i,o._id):void 0,onDragEnd:a?this.handleRowDragEnd:void 0,onDragLeave:a?i=>this.handleRowDragLeave(i,o._id):void 0},(s||a)&&t("span",{class:"co-option-list__drag-handle",part:"drag-handle",title:"Drag to reorder",onMouseDown:a?()=>this.armedKey=o._id:void 0,onPointerDown:s?i=>this.startPointerDrag(i,o._id):void 0,onClick:o=>o.stopPropagation()},t("co-icon",{name:"dots-six-vertical",size:16})),this.renderLeading(o),t("div",{class:"co-option-list__text"},t("span",{class:"co-option-list__title"},t("span",{class:"co-option-list__label",style:o.labelColor?{color:o.labelColor,fontWeight:"600"}:void 0},this.renderLabelText(o.label)),o.suffix&&"end"!==this.suffixAlign&&t("span",{class:"co-option-list__suffix"},"- ",o.suffix),o.badge&&this.renderBadge(o.badge)),o.description&&t("span",{class:"co-option-list__desc"},o.description)),o.suffix&&"end"===this.suffixAlign&&t("span",{class:"co-option-list__suffix co-option-list__suffix--end"},o.suffix),this.pinnable&&t("button",{class:{"co-option-list__pin":!0,"co-option-list__pin--active":!!o.pinned},type:"button",tabIndex:-1,"aria-label":o.pinned?`Unpin ${o.label}`:`Pin ${o.label}`,"aria-pressed":o.pinned?"true":"false",onClick:i=>{i.stopPropagation(),this.coPinToggle.emit({item:o})}},t("co-icon",{name:"push-pin",size:16,weight:o.pinned?"fill":"regular"})),e&&this.removableItems&&this.multiple&&t("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Remove ${o.label}`,onClick:i=>{i.stopPropagation(),this.coRemoveItem.emit(o._id)}},t("co-icon",{name:"x-circle",size:16,weight:"fill"})),e&&!this.removableItems&&"deselect"===this.selectedAffordance&&t("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Deselect ${o.label}`,onClick:i=>{i.stopPropagation(),this.deselectItem(o)}},t("co-icon",{name:"x-circle",size:16,weight:"fill"})),e&&!this.removableItems&&"check"===this.selectedAffordance&&t("co-icon",{name:"check",size:16,class:"co-option-list__check"}))}renderVirtual(o,i){const{totalHeight:r,startIdx:e,endIdx:s,offsetY:a}=function(o,i){const t=i*d,r=Math.max(0,Math.floor(o/d)-3);return{totalHeight:t,startIdx:r,endIdx:Math.min(i,r+8+6),offsetY:r*d}}(this.scrollTop,o.length);return t("div",{class:"co-option-list__spacer",style:{height:`${r}px`,position:"relative"}},t("div",{style:{position:"absolute",top:`${a}px`,left:"0",right:"0"}},o.slice(e,s).map(((o,t)=>this.renderRow(o,e+t,i)))))}render(){const o=this.orderedItems,i=this.selectedIds,{hasMore:r,remaining:e}=l(this.parsedItems.length,this.total,this.hasMore),s=!!this.clearOptionLabel&&i.length>0;return t("div",{key:"93ec2aeb43a8f03e918eb068f683efdc93ca4db5",class:"co-option-list",onKeyDown:this.onRootKeyDown},this.searchable&&t("div",{key:"617640a5909cbb82f37168f19978be213b0de9e0",class:"co-option-list__search",part:"search"},t("co-icon",{key:"5e4c73aa4cb53d71e37b628936cb699eee656056",name:"magnifying-glass",size:16}),t("input",{key:"f9497413b2b8d72899051ee0d02f34411936ae8c",class:"co-option-list__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.term,onInput:this.onSearchInput,ref:o=>this.searchInputEl=o,role:"combobox","aria-expanded":"true","aria-autocomplete":"list"})),t("div",{key:"06403a47d664e34d9fa0381affdb32b6d3b8eb56",class:"co-option-list__options",part:"options",role:"listbox","aria-multiselectable":this.multiple?"true":"false",ref:o=>this.optionsEl=o,onScroll:this.onNativeScroll},t("div",{key:"aa17f1da0c46d9df52a0e3f1257ebf385c1ba945",class:"co-option-list__inner"},s&&t("button",{key:"e88eb444c5b94ebb800e4385515aa13542b2682f",class:"co-option-list__clear-row",type:"button",onClick:()=>this.coClearSelection.emit()},t("co-icon",{key:"f1e332a87ba9d83fd2a22150939b135766731dc6",name:"x-circle",size:14}),t("span",{key:"26dca00c81dd651982955562fc3747aae88ba536"},this.clearOptionLabel)),this.loading&&0===o.length&&t("div",{key:"147ffc9fefed3524bfdd08ebfa36fb2e89ff4bb1",class:"co-option-list__loading"},t("co-loader",{key:"d4be765a87c8222b5747749fce7787788a4b0aca",size:"sm"})),!this.loading&&0===o.length&&t("div",{key:"f20612fb93140fff5463e2992e9beec1ccb1fda9",class:"co-option-list__empty"},t("co-icon",{key:"aa68b5891aae21c513a069e920ddae0378d0a736",name:"magnifying-glass",size:20}),t("span",{key:"2fa339d51962a1898493ba78febcd90d3dbf9310"},this.emptyMessage)),o.length>0&&this.virtual?this.renderVirtual(o,i):function(o){const i=[];let t,r=0;for(const e of o)e.group&&e.group!==t&&i.push({kind:"header",label:e.group}),t=e.group,i.push({kind:"item",item:e,index:r}),r++;return i}(o).map((o=>"header"===o.kind?t("div",{class:"co-option-list__group",role:"presentation"},o.label):this.renderRow(o.item,o.index,i))),this.loading&&o.length>0&&t("div",{key:"147e9bd6f1456284cd223e067b08979efb2cfe2c",class:"co-option-list__loading-more"},t("co-loader",{key:"6e5b5181d803579ba3370a63849f0462a0685165",size:"sm"})),!this.loading&&r&&e>0&&t("div",{key:"b90b8fce9a427371e3a7de24feb6fce6765dafe1",class:"co-option-list__more"},e," more results"))),t("slot",{key:"33d6641dc16188f572c70528d54553313b4f4afb",name:"footer"}))}get el(){return r(this)}static get watchers(){return{items:[{onItemsChange:0}],value:[{onValueChange:0}]}}};h.style=".os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:\"\";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:\"\";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:\"\";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:\"<number>\";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:\"<number>\";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif)}.co-option-list{display:flex;flex-direction:column;min-width:0}.co-option-list__search{display:flex;align-items:center;gap:var(--co-spacing-sm, 6px);height:32px;box-sizing:border-box;margin:var(--co-spacing-md, 12px) var(--co-spacing-md, 12px) 0;padding:0 var(--co-spacing-sm2, 8px) 0 var(--co-spacing-xs, 4px);border:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));border-radius:var(--co-border-radius-xs, 8px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__search:focus-within{border-color:var(--co-semantic-border-focus, rgba(31, 28, 27, 0.25))}.co-option-list__search co-icon{flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;opacity:0.7}.co-option-list__search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:0;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--co-font-size-14, 14px);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);line-height:1;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__search-input::placeholder{color:var(--co-semantic-text-muted, #888888)}.co-option-list__options{max-height:var(--co-option-list-max-height, 280px);overflow-y:auto;overflow-x:hidden;padding:var(--co-spacing-md, 12px)}.co-option-list__inner{display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);min-width:0}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full, 9999px);--os-handle-bg:var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16));--os-handle-bg-hover:var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));--os-handle-bg-active:var(--co-color-opacity-negro-50, rgba(31, 28, 27, 0.5));--os-handle-min-size:24px}.co-option-list__option{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);min-width:0;min-height:var(--co-option-list-item-min-height, 32px);box-sizing:border-box;padding:var(--co-option-list-item-padding-y, var(--co-spacing-xs, 4px)) var(--co-spacing-sm2, 8px) var(--co-option-list-item-padding-y, var(--co-spacing-xs, 4px)) var(--co-spacing-xs, 4px);border-radius:var(--co-border-radius-xs, 8px);cursor:pointer;font-size:var(--co-font-size-14, 14px);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-semantic-text-default, #1f1c1b);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out),     opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-option-list__spacer .co-option-list__option{height:32px;margin-bottom:var(--co-spacing-xxs, 2px)}.co-option-list__option--active{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__option--selected{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__option--disabled{opacity:0.5;cursor:not-allowed}.co-option-list__avatar,.co-option-list__icon{flex-shrink:0}.co-option-list__icon{margin:0 var(--co-spacing-xs, 4px)}.co-option-list__dot{flex-shrink:0;width:10px;height:10px;margin:0 7px;border-radius:var(--co-border-radius-full, 9999px)}.co-option-list__text{display:flex;flex-direction:column;gap:var(--co-option-list-text-gap, var(--co-spacing-xxs, 2px));flex:1;min-width:0}.co-option-list__title{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}.co-option-list__label{font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__suffix{color:var(--co-semantic-text-secondary, #585858);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.co-option-list__suffix--end{flex-shrink:0;margin-left:auto;text-align:right;white-space:nowrap;font-size:var(--co-font-size-13, 13px);color:var(--co-semantic-text-default, #1f1c1b);font-variant-numeric:tabular-nums}.co-option-list__badge{flex-shrink:0;padding:0 var(--co-spacing-xs, 4px);border-radius:var(--co-border-radius-full, 9999px);background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04));color:var(--co-semantic-text-default, #1f1c1b);font-size:var(--co-font-size-10, 10px);font-weight:600;line-height:16px}.co-option-list__badge-tip{display:inline-flex;align-items:center;flex-shrink:0}.co-option-list__desc{font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #888888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__match{color:var(--co-color-primary-azul, #2563eb);font-weight:700}.co-option-list__check{flex-shrink:0;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__row-action{flex-shrink:0;display:inline-flex;align-items:center;border:0;background:transparent;padding:0;cursor:pointer;color:var(--co-semantic-text-muted, #888888);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-option-list__row-action:hover{color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__pin{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;padding:var(--co-spacing-xxs, 2px);background:transparent;cursor:pointer;border-radius:var(--co-border-radius-xxs, 4px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__pin:hover{color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__pin--active{color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__drag-handle{display:inline-flex;align-items:center;cursor:grab;color:var(--co-semantic-text-muted);margin-right:var(--co-spacing-xs);flex:0 0 auto}.co-option-list__drag-handle:active{cursor:grabbing}.co-option-list__drag-handle{touch-action:none}.co-option-list__option--dragging{opacity:0.5}.co-option-list__option--lifted{position:relative;z-index:2;background:var(--co-semantic-surface-page, #fff);box-shadow:var(--co-shadow-lg);cursor:grabbing}.co-option-list__option--drop-before{box-shadow:inset 0 2px 0 0 var(--co-semantic-border-focus)}.co-option-list__option--drop-after{box-shadow:inset 0 -2px 0 0 var(--co-semantic-border-focus)}.co-option-list__group{padding:var(--co-spacing-sm2, 8px) var(--co-spacing-xs, 4px) var(--co-spacing-xs, 4px);font-family:var(--co-font-family-mono, 'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace);font-size:var(--co-font-size-10, 10px);font-weight:400;text-transform:uppercase;letter-spacing:var(--co-font-letter-spacing-overline, 0.08em);line-height:1.1;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__clear-row{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);width:100%;min-height:32px;box-sizing:border-box;border:0;background:transparent;padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm2, 8px);border-radius:var(--co-border-radius-xs, 8px);cursor:pointer;text-align:left;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--co-font-size-14, 14px);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-semantic-text-secondary, #585858)}.co-option-list__clear-row:hover{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__loading,.co-option-list__loading-more{display:flex;justify-content:center;padding:var(--co-spacing-sm, 6px)}.co-option-list__empty{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);padding:var(--co-spacing-md, 12px) var(--co-spacing-xs, 4px);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__more{padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 6px);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #888888);text-align:center}.co-option-list__option:focus-visible,.co-option-list__clear-row:focus-visible{outline:2px solid var(--co-semantic-border-focus, rgba(31, 28, 27, 0.25));outline-offset:-2px}";export{a as co_chip,h as co_option_list}