feat: llimphi standalone — framework UI soberano extraído del monorepo

Motor gráfico Llimphi como workspace independiente: bucle Elm (input→update→view→layout→raster→present) sobre wgpu+vello+taffy+parley. Núcleo (hal/raster/layout/text/ui/theme/surface/motion/icons) + ~40 widgets + módulos, sin dependencias al resto del monorepo. cargo check --workspace pasa (64 crates). Puerta de entrada: cargo run -p llimphi-ui --example counter. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-04 04:23:42 +00:00
commit e65e9cc623
286 changed files with 46136 additions and 0 deletions
@@ -0,0 +1,146 @@
+//! `llimphi-widget-card` — container card-shape para entries de
+//! timeline, info cards, dashboards, etc.
+//!
+//! Aporta la **forma**: padding consistente (12/8), `radius` 4, gap
+//! pequeño entre children, y opcionalmente un accent vertical
+//! (4 px) pegado a la izquierda para entries semánticas (verde =
+//! OK, rojo = error, ámbar = warning, etc).
+//!
+//! Análogo Llimphi al `nahual-widget-card` GPUI.
+
+#![forbid(unsafe_code)]
+
+use llimphi_ui::llimphi_layout::taffy::{
+    prelude::{length, percent, FlexDirection, Size, Style},
+    Rect,
+};
+use llimphi_ui::llimphi_raster::peniko::Color;
+use llimphi_ui::View;
+use llimphi_widget_panel::{panel_signature_painter, PanelStyle};
+
+#[derive(Debug, Clone, Copy)]
+pub struct CardPalette {
+    pub bg: Color,
+}
+
+impl Default for CardPalette {
+    fn default() -> Self {
+        Self::from_theme(&llimphi_theme::Theme::dark())
+    }
+}
+
+impl CardPalette {
+    pub fn from_theme(t: &llimphi_theme::Theme) -> Self {
+        Self { bg: t.bg_panel }
+    }
+}
+
+/// Opciones del card.
+#[derive(Debug, Clone, Copy)]
+pub struct CardOptions {
+    /// Accent vertical a la izquierda (4 px). `None` = sin accent.
+    pub accent: Option<Color>,
+    pub padding: f32,
+    pub gap: f32,
+    pub radius: f64,
+    /// Firma visual del panel (gradient sutil + hairline accent en el
+    /// top). `Some(style)` reemplaza el fill plano del body por el
+    /// painter de la firma — usar para cards prominentes (dashboards,
+    /// timeline entries grandes) donde se nota el "tallado". `None`
+    /// mantiene el fill sólido del `CardPalette` (default).
+    pub signature: Option<PanelStyle>,
+}
+
+impl Default for CardOptions {
+    fn default() -> Self {
+        Self {
+            accent: None,
+            padding: 12.0,
+            gap: 4.0,
+            radius: 4.0,
+            signature: None,
+        }
+    }
+}
+
+impl CardOptions {
+    /// Variante con firma visual derivada del theme. El `radius` del
+    /// card se alinea al del `PanelStyle` para que la silueta del
+    /// gradiente coincida con las esquinas del nodo.
+    pub fn with_signature(t: &llimphi_theme::Theme) -> Self {
+        let style = PanelStyle::from_theme(t);
+        Self {
+            accent: None,
+            padding: 12.0,
+            gap: 4.0,
+            radius: style.radius,
+            signature: Some(style),
+        }
+    }
+}
+
+/// Compone un card: bg + radius + padding + flex-column con gap entre
+/// children. Si `opts.accent` está presente, hay una franja vertical
+/// de 4 px del color del accent pegada al borde izquierdo.
+pub fn card_view<Msg: Clone + 'static>(
+    children: Vec<View<Msg>>,
+    opts: CardOptions,
+    palette: &CardPalette,
+) -> View<Msg> {
+    let pad = opts.padding;
+    let body_style = Style {
+        flex_direction: FlexDirection::Column,
+        size: Size {
+            width: percent(1.0_f32),
+            height: llimphi_ui::llimphi_layout::taffy::prelude::Dimension::auto(),
+        },
+        flex_grow: 1.0,
+        padding: Rect {
+            left: length(pad),
+            right: length(pad),
+            top: length(pad * 0.66),
+            bottom: length(pad * 0.66),
+        },
+        gap: Size {
+            width: length(0.0_f32),
+            height: length(opts.gap),
+        },
+        ..Default::default()
+    };
+    let body = if let Some(style) = opts.signature {
+        View::new(body_style)
+            .paint_with(panel_signature_painter(style))
+            .radius(opts.radius)
+            .clip(true)
+            .children(children)
+    } else {
+        View::new(body_style)
+            .fill(palette.bg)
+            .radius(opts.radius)
+            .children(children)
+    };
+
+    let Some(accent) = opts.accent else {
+        return body;
+    };
+
+    let accent_strip = View::new(Style {
+        size: Size {
+            width: length(4.0_f32),
+            height: percent(1.0_f32),
+        },
+        ..Default::default()
+    })
+    .fill(accent)
+    .radius(opts.radius);
+
+    View::new(Style {
+        flex_direction: FlexDirection::Row,
+        size: Size {
+            width: percent(1.0_f32),
+            height: llimphi_ui::llimphi_layout::taffy::prelude::Dimension::auto(),
+        },
+        ..Default::default()
+    })
+    .children(vec![accent_strip, body])
+}