@imj_media/ui 1.11.4 → 1.12.0

package/CHANGELOG.md

@@ -7,6 +7,35 @@ y este proyecto adhiere a [Semantic Versioning](https://semver.org/lang/es/).
 
 ## [Unreleased]
 
+## [1.12.0] - 2026-07-02
+
+### Added
+
+- **Catálogo semántico Forge:** `semantic-catalog.json` (y esquema asociado) para mapeo entidad Forge → componentes UI; generado con el flujo de catálogo del paquete.
+- **Integración `@imj_media/ds-mcp` (capa semántica):** herramientas MCP `list_components`, `resolve_entity_ui` y `validate_entity_mapping` para descubrir componentes y validar mapeos entidad→UI desde Forge.
+
+### Fixed
+
+- **`Modal`:** apilado correcto de modales anidados (`modalStack`).
+- **`DatePicker`:** posicionamiento del portal dentro del viewport (`computePortalPosition`).
+
+### Documentation
+
+- Especificación **`docs/specs/ds-mcp-semantic-forge-v1.md`** (contrato Forge ↔ catálogo semántico y flujo ds-mcp).
+
+## [1.11.5] - 2026-07-01
+
+### Added
+
+- **`GhanttBarLabel`:** componente de etiqueta para barras en el diagrama Gantt.
+- **`CatalogCard`:** tags deshabilitables, ocultos en fila, badge en CTA primario y panel de tags.
+- **`Popup`:** registro global de instancias, `closeOnClick`, triggers externos y utilidades de posicionamiento.
+- **`Table`:** celda de acciones (`ActionsCell`) y story **TableRutasExterno** (rutas externas / OBP).
+
+### Changed
+
+- **`Tooltip`** y manejo **click-outside** alineados con Popup y overlays del design system.
+
 ## [1.11.4] - 2026-07-01
 
 ### Added

package/README.md

@@ -4,7 +4,7 @@
 
 Biblioteca de componentes UI moderna y accesible para React, construida con TypeScript y Tailwind CSS.
 
-> **Versión publicada:** `1.11.4` — actualizar este número y `CHANGELOG.md` antes de cada release (orden y scripts: regla **`imj-ui-obligations-release`**; atajo `npm run publish:patch|minor|major` o pasos `bump:*` → `release:git` → `release:publish`).
+> **Versión publicada:** `1.12.0` — actualizar este número y `CHANGELOG.md` antes de cada release (orden y scripts: regla **`imj-ui-obligations-release`**; atajo `npm run publish:patch|minor|major` o pasos `bump:*` → `release:git` → `release:publish`).
 
 ## 📦 Instalación
 

package/catalog/design-index.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@imj_media/ui",
-  "version": "1.11.4",
-  "indexedAt": "2026-07-01T17:11:03.436Z",
+  "version": "1.12.0",
+  "indexedAt": "2026-07-02T19:01:02.102Z",
   "orbitTokensVersion": "1.3.1",
   "modules": [
     {
@@ -1497,6 +1497,18 @@
                     "name": "onPrimaryClick",
                     "type": "(context?: CatalogCardInteractionContext) => void",
                     "required": false
+                  },
+                  "primaryDisabled": {
+                    "name": "primaryDisabled",
+                    "type": "boolean",
+                    "required": false,
+                    "description": "Deshabilita solo el CTA principal (p. ej. ruta eliminada con badge Eliminado en el botón).\n    No afecta el menú ⋯ ni `onClick` de la tarjeta."
+                  },
+                  "primaryBadge": {
+                    "name": "primaryBadge",
+                    "type": "ButtonBadgeConfig & { label: string }",
+                    "required": false,
+                    "description": "Badge dentro del CTA principal (misma API que `Button.badge` / `InnerButton.badge`).\n    En botón con texto va tras la etiqueta; en solo icono, esquina superior derecha."
                   }
                 }
               },
@@ -4143,6 +4155,108 @@
             }
           }
         },
+        {
+          "name": "GhanttBarLabel",
+          "kind": "component",
+          "description": {
+            "primary": "storybook",
+            "storybook": "Tabla estándar con una columna Gantt. La API voluminosa va en el objeto",
+            "jsdoc": "Etiqueta flotante de barra Gantt (Figma `Gantt Bar`, nodo `143:7108`).\nCubre variantes `Type` (timeline / progress), `Stage` y `Theme`.\nCon `interactive`, el hover es **CSS** (`:hover` en la tarjeta), no `stage=\"hover\"` en JS.\nEl estado Select se controla con `selected` (típicamente tras un clic).",
+            "confidence": "high"
+          },
+          "examples": [
+            "import { Ghantt, GhanttTimelineHeader } from '@/modules/Ghantt';\n\n<Ghantt\n  columns={columns}\n  rows={rows}\n  borderable\n  gantt={{\n    column: {\n      header: <GhanttTimelineHeader title=\"Plan\" />,\n      width: 480,\n    },\n    data: { accessor: (row) => row.plan },\n    timeline: { viewStart: '2026-04-01', viewEnd: '2026-04-22', scale: 'day' },\n    events: {\n      onBarClick: ({ bar, row }) => console.log(bar.id, row.id),\n    },\n  }}\n/>",
+            "import { Ghantt, GhanttTimelineHeader } from '@/modules/Ghantt';\n\n<Ghantt\n  columns={columns}\n  rows={rows}\n  borderable\n  gantt={{\n    column: {\n      header: <GhanttTimelineHeader title=\"Plan\" />,\n      width: 480,\n    },\n    data: { accessor: (row) => row.plan },\n    timeline: { viewStart: '2026-04-01', viewEnd: '2026-04-22', scale: 'day' },\n    events: {\n      onBarClick: ({ bar, row }) => console.log(bar.id, row.id),\n    },\n  }}\n/>"
+          ],
+          "props": {
+            "groups": {
+              "text": {
+                "props": {
+                  "fieldLabel": {
+                    "name": "fieldLabel",
+                    "type": "string",
+                    "required": false,
+                    "description": "Etiqueta de campo sobre la tarjeta (Figma «Label»)."
+                  },
+                  "title": {
+                    "name": "title",
+                    "type": "string",
+                    "required": false,
+                    "description": "Título principal de la tarea."
+                  },
+                  "dateRange": {
+                    "name": "dateRange",
+                    "type": "string",
+                    "required": false,
+                    "description": "Rango de fechas secundario."
+                  }
+                }
+              }
+            },
+            "deprecatedRoot": [],
+            "flat": {
+              "type": {
+                "name": "type",
+                "type": "GhanttBarLabelType",
+                "required": false,
+                "description": "`timeline`: sin relleno de avance; `progress`: admite barra de progreso."
+              },
+              "stage": {
+                "name": "stage",
+                "type": "GhanttBarLabelStage",
+                "required": false,
+                "description": "Estado visual explícito (Figma `Stage`). En uso interactivo deja `default` y el hover\n    lo resuelve CSS (`:hover`); `hover` solo para la matriz estática de Storybook."
+              },
+              "theme": {
+                "name": "theme",
+                "type": "GhanttBarLabelTheme",
+                "required": false,
+                "description": "Tema semántico (Figma `Theme`)."
+              },
+              "text": {
+                "name": "text",
+                "type": "GhanttBarLabelTextProps",
+                "required": false,
+                "description": "Textos mostrados."
+              },
+              "progress": {
+                "name": "progress",
+                "type": "number",
+                "required": false,
+                "description": "Avance 0–100. Si se define y `showPercentage` no es `false`, muestra el porcentaje\n    y el relleno parcial (solo en `type=\"progress\"`)."
+              },
+              "showPercentage": {
+                "name": "showPercentage",
+                "type": "boolean",
+                "required": false,
+                "description": "Fuerza mostrar u ocultar el texto de porcentaje. Por defecto sigue a `progress`."
+              },
+              "interactive": {
+                "name": "interactive",
+                "type": "boolean",
+                "required": false,
+                "description": "La tarjeta responde a `:hover` vía CSS (sin `stage=\"hover\"` en JS).\n    Compatible con `selected` para el estado Select tras clic."
+              },
+              "selected": {
+                "name": "selected",
+                "type": "boolean",
+                "required": false,
+                "description": "Estado Select (persistente hasta nuevo clic). Solo con `interactive`."
+              },
+              "onClick": {
+                "name": "onClick",
+                "type": "() => void",
+                "required": false,
+                "description": "Clic en la tarjeta (p. ej. alternar `selected`)."
+              },
+              "className": {
+                "name": "className",
+                "type": "string",
+                "required": false
+              }
+            }
+          }
+        },
         {
           "name": "GhanttConfigProvider",
           "kind": "component",
@@ -7073,10 +7187,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -7156,7 +7276,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -7328,10 +7448,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -7411,7 +7537,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -7584,10 +7710,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -7667,7 +7799,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -7840,10 +7972,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -7923,7 +8061,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -8096,10 +8234,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -8179,7 +8323,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -8351,10 +8495,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -8434,7 +8584,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -8607,10 +8757,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -8690,7 +8846,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -8863,10 +9019,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -8946,7 +9108,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -9119,10 +9281,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -9202,7 +9370,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -9375,10 +9543,16 @@
               },
               "triggerRef": {
                 "name": "triggerRef",
-                "type": "RefObject<HTMLElement | null>",
+                "type": "RefObject<HTMLElement | SVGElement | null>",
                 "required": false,
                 "description": "Ref al elemento DOM que abre el panel y sirve de ancla (puede vivir fuera del `Popup`).\n    Si se define, no se renderiza el `InnerButton` interno: enlazamos clic (toggle) y, si aplica,\n    `openOnHover` en ese nodo. El panel sigue renderizándose en portal o `absolute` según props.\n    Con `absolute={true}`, el ancla externa debería estar en el mismo subárbol posicionado que el\n    portal del panel para que `offsetTop`/`offsetLeft` sean coherentes; si no, usa `absolute={false}`."
               },
+              "triggerRefInteraction": {
+                "name": "triggerRefInteraction",
+                "type": "boolean",
+                "required": false,
+                "description": "Con `triggerRef`, si es `false` el nodo externo solo sirve de ancla de posición;\n    no se enlazan clic ni hover en ese nodo (abre/cierra con `PopupRef` o el botón interno).\n    Por defecto `true` (comportamiento histórico: toggle al clic en el ancla externo)."
+              },
               "label": {
                 "name": "label",
                 "type": "ReactNode",
@@ -9458,7 +9632,7 @@
                 "name": "hoverAnchorFollowPointer",
                 "type": "boolean",
                 "required": false,
-                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger (rectángulo 1×1\n    que sigue el ratón), actualizado en cada frame vía `requestAnimationFrame` para un movimiento fluido.\n    Sin efecto si `openOnHover` está desactivado. Aplica al botón interno y a `triggerRef`."
+                "description": "Con `openOnHover` activo: el panel se ancla al puntero dentro del trigger mientras el ratón se\n    mueve (rectángulo 1×1), actualizado en cada frame vía `requestAnimationFrame`.\n    Sin `openOnHover`, si esta prop está activa el ancla al punto del clic en el trigger\n    (útil en mapas o trazos SVG). Aplica al botón interno y a `triggerRef`."
               },
               "openOnHoverAllowPanelPointer": {
                 "name": "openOnHoverAllowPanelPointer",
@@ -11562,6 +11736,8 @@
             "<Table\n  columns={[\n    { id: 'id', header: 'ID', accessor: 'id', lockable: true },\n    { id: 'nombre', header: 'Nombre', accessor: 'nombre' },\n  ]}\n  columnsLockable={false}\n  rows={rows}\n/>",
             "import { Table } from '@/modules/Table';\n\n// Persistir columnas, orden, filtros y búsqueda en la misma key de localStorage\n<Table<Persona>\n  columns={columnas}\n  rows={filas}\n  configKey=\"mi-tabla\"\n  persistConfig={true}\n  queryPersist={true}\n  toolbar={{\n    showSearch: true,\n    searchPlaceholder: 'Buscar...',\n    internalSearch: true,\n    showFilters: true,\n    internalFilters: true,\n    showColumnConfig: true,\n  }}\n  onConfigChange={(config, changeType) => console.log(changeType, config)}\n  striped\n  hoverable\n  resizable\n/>\n\n// queryPersist={false} → no se guardan ni restauran búsqueda ni filtros (solo columnas/orden)",
             "import { Table } from '@/modules/Table';\n\n// Persistir columnas, orden, filtros y búsqueda en la misma key de localStorage\n<Table<Persona>\n  columns={columnas}\n  rows={filas}\n  configKey=\"mi-tabla\"\n  persistConfig={true}\n  queryPersist={true}\n  toolbar={{\n    showSearch: true,\n    searchPlaceholder: 'Buscar...',\n    internalSearch: true,\n    showFilters: true,\n    internalFilters: true,\n    showColumnConfig: true,\n  }}\n  onConfigChange={(config, changeType) => console.log(changeType, config)}\n  striped\n  hoverable\n  resizable\n/>\n\n// queryPersist={false} → no se guardan ni restauran búsqueda ni filtros (solo columnas/orden)",
+            "const popupAnchorRef = useRef<HTMLButtonElement | null>(null);\nconst popupRef = useRef<PopupRef>(null);\n\nconst columns: ColumnConfig<Ruta>[] = [\n  // …columnas de datos…\n  {\n    id: 'acciones',\n    type: 'actions',\n    render: (_, row) => [\n      {\n        icon: faChartLine,\n        tooltip: 'Formatos de exhibición en la ruta',\n        badge: { label: '2/4', color: 'accent', show: true },\n        onClick: (ruta, { triggerElement }) => {\n          popupAnchorRef.current = triggerElement;\n          setActiveRow(ruta);\n          requestAnimationFrame(() => popupRef.current?.open());\n        },\n      },\n      // editar, eliminar, desactivar…\n    ],\n  },\n];\n\n<Table\n  columns={columns}\n  rows={rows}\n  toolbar={{\n    primaryCustomAction: {\n      label: 'Añadir Ruta',\n      leftSlot: faPlus,\n      requiresSelection: false,\n      onClick: () => { /* toast / navegación — fuera de Table */ },\n    },\n  }}\n/>\n\n<Popup\n  ref={popupRef}\n  triggerRef={popupAnchorRef}\n  triggerRefInteraction={false}\n  closeOnClick={false}\n  position=\"bottom-right\"\n>\n  {FORMATOS.map((formato) => (\n    <Checkbox\n      key={formato.id}\n      checked={selection.includes(formato.id)}\n      onChange={(checked) =>\n        onFormatoChange({\n          rutaId: activeRow.id,\n          formatoId: formato.id,\n          checked,\n        })\n      }\n      label={formato.label}\n    />\n  ))}\n  <Button onClick={() => popupRef.current?.close()}>Cerrar</Button>\n</Popup>",
+            "const popupAnchorRef = useRef<HTMLButtonElement | null>(null);\nconst popupRef = useRef<PopupRef>(null);\n\nconst columns: ColumnConfig<Ruta>[] = [\n  // …columnas de datos…\n  {\n    id: 'acciones',\n    type: 'actions',\n    render: (_, row) => [\n      {\n        icon: faChartLine,\n        tooltip: 'Formatos de exhibición en la ruta',\n        badge: { label: '2/4', color: 'accent', show: true },\n        onClick: (ruta, { triggerElement }) => {\n          popupAnchorRef.current = triggerElement;\n          setActiveRow(ruta);\n          requestAnimationFrame(() => popupRef.current?.open());\n        },\n      },\n      // editar, eliminar, desactivar…\n    ],\n  },\n];\n\n<Table\n  columns={columns}\n  rows={rows}\n  toolbar={{\n    primaryCustomAction: {\n      label: 'Añadir Ruta',\n      leftSlot: faPlus,\n      requiresSelection: false,\n      onClick: () => { /* toast / navegación — fuera de Table */ },\n    },\n  }}\n/>\n\n<Popup\n  ref={popupRef}\n  triggerRef={popupAnchorRef}\n  triggerRefInteraction={false}\n  closeOnClick={false}\n  position=\"bottom-right\"\n>\n  {FORMATOS.map((formato) => (\n    <Checkbox\n      key={formato.id}\n      checked={selection.includes(formato.id)}\n      onChange={(checked) =>\n        onFormatoChange({\n          rutaId: activeRow.id,\n          formatoId: formato.id,\n          checked,\n        })\n      }\n      label={formato.label}\n    />\n  ))}\n  <Button onClick={() => popupRef.current?.close()}>Cerrar</Button>\n</Popup>",
             "<Table\n  columns={columns}\n  rows={pageRows}\n  selection={{\n    enabled: true,\n    multiple: true,\n    showSelectionBar: true,\n    actions: [{ label: 'Eliminar', onClick: (ids) => { ... } }],\n  }}\n  pagination={{\n    enabled: true,\n    currentPage: page,\n    pageSize,\n    total: totalRowCount,\n    onPageChange: setPage,\n    onPageSizeChange: setPageSize,\n  }}\n/>",
             "<Table\n  columns={columns}\n  rows={pageRows}\n  selection={{\n    enabled: true,\n    multiple: true,\n    showSelectionBar: true,\n    actions: [{ label: 'Eliminar', onClick: (ids) => { ... } }],\n  }}\n  pagination={{\n    enabled: true,\n    currentPage: page,\n    pageSize,\n    total: totalRowCount,\n    onPageChange: setPage,\n    onPageSizeChange: setPageSize,\n  }}\n/>"
           ],
@@ -13985,12 +14161,7 @@
       }
     ]
   },
-  "changelogRetirements": [
-    {
-      "version": "1.11.4",
-      "note": "`CatalogCard` (layout catálogo):** prop agrupada `content.hideRating` para ocultar el bloque de calificación (estrella + valor) en variantes de catálogo; alias plano `hideRating` en API legacy (deprecated)."
-    }
-  ],
+  "changelogRetirements": [],
   "consumerChecklist": [
     {
       "id": "tailwind-prefix",

package/catalog/install-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
   "consumerRoot": "../../ds-mcp/src/indexer/consumer",
-  "generatedAt": "2026-07-01T17:11:03.489Z",
-  "uiVersion": "1.11.4",
+  "generatedAt": "2026-07-02T19:01:02.192Z",
+  "uiVersion": "1.12.0",
   "entries": {
     "accordion": {
       "name": "Accordion",
@@ -1129,6 +1129,11 @@
           "source": "DatePicker/types/index.ts",
           "sourceKind": "module"
         },
+        {
+          "target": "modules/DatePicker/utils/computePortalPosition.ts",
+          "source": "DatePicker/utils/computePortalPosition.ts",
+          "sourceKind": "module"
+        },
         {
           "target": "modules/DatePicker/utils/datetimeFormat.ts",
           "source": "DatePicker/utils/datetimeFormat.ts",
@@ -1657,6 +1662,7 @@
         "@fortawesome/free-brands-svg-icons"
       ],
       "registryDependencies": [
+        "icon",
         "table",
         "text"
       ],
@@ -1671,6 +1677,16 @@
           "source": "Ghantt/GhanttTimelineHeader.tsx",
           "sourceKind": "module"
         },
+        {
+          "target": "modules/Ghantt/components/molecules/GhanttBarLabel.tsx",
+          "source": "Ghantt/components/molecules/GhanttBarLabel.tsx",
+          "sourceKind": "module"
+        },
+        {
+          "target": "modules/Ghantt/components/molecules/ghanttBarLabelStyles.ts",
+          "source": "Ghantt/components/molecules/ghanttBarLabelStyles.ts",
+          "sourceKind": "module"
+        },
         {
           "target": "modules/Ghantt/index.ts",
           "source": "Ghantt/index.ts",
@@ -1681,6 +1697,11 @@
           "source": "Ghantt/mergeGhanttColumns.ts",
           "sourceKind": "module"
         },
+        {
+          "target": "modules/Ghantt/types/ghanttBarLabel.ts",
+          "source": "Ghantt/types/ghanttBarLabel.ts",
+          "sourceKind": "module"
+        },
         {
           "target": "shared/ghantt/index.ts",
           "source": "ghantt/index.ts",