sync: 2 new components + 2 improvements from fn_registry

- funnel_chart (new) — conversion funnel with gradient bars
- heatmap_grid (new) — generic rows × cols intensity matrix
- alert (1.1.0) — success/warning/info variants added
- data_table (1.1.0) — density prop (compact/cozy/roomy) added

Source: claude.ai/design export — Ads Analytics Dashboard.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Egutierrez
2026-04-21 21:20:45 +02:00
parent 344bdbd5e6
commit c38310ae60
9 changed files with 524 additions and 15 deletions
+6 -2
View File
@@ -3,10 +3,10 @@ name: data_table
kind: component
lang: ts
domain: ui
version: "1.0.0"
version: "1.1.0"
purity: impure
signature: "DataTable(props: DataTableProps): JSX.Element"
description: "Tabla de datos con sticky header, overflow scroll, heatmap por columna, formato condicional (number/datetime/currency) y hover rows. Auto-detecta columnas desde la primera fila si no se proveen."
description: "Tabla de datos con sticky header, overflow scroll, heatmap por columna, formato condicional (number/datetime/currency), hover rows y densidad configurable (compact/cozy/roomy). Auto-detecta columnas desde la primera fila si no se proveen."
tags: [table, data, heatmap, dashboard, component, ui, format, visualization]
uses_functions: []
uses_types: []
@@ -44,6 +44,10 @@ props:
type: "Error | null"
required: false
description: "Error a mostrar si la carga falló."
- name: density
type: "'compact' | 'cozy' | 'roomy'"
required: false
description: "Padding vertical y horizontal de filas. compact=4/xs, cozy=6/sm (default), roomy=10/md."
emits: []
has_state: false
framework: react