egutierrez
988e901066
Añade campos params y output al frontmatter YAML de las 506 funciones del registry. Cada parámetro tiene descripción semántica (qué representa, unidades, rango típico) y cada función describe qué produce su output. Permite a agentes razonar sobre cadenas de composición (ej: prices → log_return → sharpe_ratio) sin leer código.
2.3 KiB
2.3 KiB
name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant, source_repo, source_license, source_file
| name | kind | lang | domain | version | purity | signature | description | tags | uses_functions | uses_types | returns | returns_optional | error_type | imports | output | tested | tests | test_file_path | file_path | props | emits | has_state | framework | variant | source_repo | source_license | source_file | ||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| card | component | ts | ui | 1.1.0 | impure | Card(props: { size?: 'default' | 'sm'; variant?: 'default' | 'borderless' | 'ghost'; className?: string; children: ReactNode }): JSX.Element | Contenedor card con header, title, description, action, content y footer. Sistema de slots composable. Variantes default, borderless y ghost para dashboards dark. |
|
|
false |
|
Componente Card que renderiza un contenedor con slots composables (header, content, footer) y 3 variantes visuales | false | frontend/functions/ui/card.tsx |
|
false | react |
|
https://gitea-dgg044oo04woo4ggcsws4gk0.organic-machine.com/Bl4cksmith/Frontend_Library | MIT | frontend/src/components/ui/card.tsx |
Ejemplo
<Card>
<CardHeader>
<CardTitle>Título</CardTitle>
<CardDescription>Descripción</CardDescription>
</CardHeader>
<CardContent>Contenido</CardContent>
<CardFooter>Footer</CardFooter>
</Card>
{/* Dashboard dark — sin bordes */}
<Card variant="borderless">
<CardContent>Widget sin marco</CardContent>
</Card>
{/* Completamente transparente */}
<Card variant="ghost">
<CardContent>Sin fondo ni borde</CardContent>
</Card>
Notas
Sistema de slots via data-slot attributes. Card detecta automáticamente la presencia de CardFooter y ajusta el padding. Exporta 7 subcomponentes composables.
Las variantes borderless y ghost eliminan el ring-1 del borde por defecto. ghost además hace el fondo transparente. Alternativa con CSS global: [data-slot="card"] { --tw-ring-opacity: 0; } o [data-variant="borderless"] { ring: 0 } via data-variant attribute expuesto.