"""
Human+ UI Layer
===============
Design system, CSS injection, reusable components, dan chart wrappers.

Cara pakai:
    from ui.styles import inject_custom_css
    from ui.components import render_hero, render_biomarker_row
    from ui.chart_components import render_gauge_grid

Modules:
    theme             — Design tokens (warna, font, spacing, radius)
    styles            — CSS injection via inject_custom_css()
    components        — Reusable Streamlit widget functions
    chart_components  — Plotly chart wrappers (gauge, bar, donut)
"""

# ── CSS injection ────────────────────────────────────────────────────
from ui.styles import inject_custom_css

# ── Design tokens ────────────────────────────────────────────────────
from ui.theme import (
    COLORS,
    FONTS,
    SPACE,
    RADIUS,
    SHADOWS,
    BIOMARKER_STATUS,
    PROTOCOL_SECTIONS,
)

# ── Component functions ──────────────────────────────────────────────
from ui.components import (
    render_hero,
    render_step_indicator,
    render_trust_badges,
    render_section_label,
    render_loading_steps,
    render_progress_bar,
    ANALYSIS_STEPS,
    PROTOCOL_STEPS,
    render_biomarker_row,
    render_biomarker_summary_banner,
    render_biomarker_chip,
    render_protocol_section,
    render_error_state,
    render_empty_state,
    render_info_card,
    render_success_banner,
    render_highlight_quote,
    render_footer,
)

# ── Chart wrappers ───────────────────────────────────────────────────
from ui.chart_components import (
    render_gauge_grid,
    render_biomarker_bar_chart,
    render_status_donut,
)

__all__ = [
    "inject_custom_css",
    "COLORS", "FONTS", "SPACE", "RADIUS", "SHADOWS",
    "BIOMARKER_STATUS", "PROTOCOL_SECTIONS",
    "render_hero", "render_step_indicator", "render_trust_badges",
    "render_section_label",
    "render_loading_steps", "render_progress_bar",
    "ANALYSIS_STEPS", "PROTOCOL_STEPS",
    "render_biomarker_row", "render_biomarker_summary_banner", "render_biomarker_chip",
    "render_protocol_section",
    "render_error_state", "render_empty_state",
    "render_info_card", "render_success_banner", "render_highlight_quote",
    "render_footer",
    "render_gauge_grid", "render_biomarker_bar_chart", "render_status_donut",
]