from starhtml import *

Div(
    Div(Caption("Lead"), Lead("The longest-running experiment in physics began in 1927, when Professor Parnell heated a lump of pitch and poured it into a funnel."), cls="space-y-1"),
    Div(Caption("P"), P("Nine drops have fallen since then. The eighth drop fell in November 2000, but nobody saw it happen — the webcam installed to catch it had suffered an outage twenty minutes earlier."), cls="space-y-1"),
    Div(Caption("Large"), Large("One drop per decade."), cls="space-y-1"),
    Div(Caption("Small"), Small("University of Queensland · Est. 1927"), cls="space-y-1"),
    Div(Caption("Muted"), Muted("The ninth drop fell on 24 April 2014."), cls="space-y-1"),
    Div(Caption("Caption"), Caption("Fluid Dynamics"), cls="space-y-1"),
    cls="max-w-prose space-y-6 [&_p]:mt-0"
)

from starhtml import *

Div(
    P("Install the package with ", InlineCode("pip install starui"), " and import what you need."),
    P("Press ", Kbd("⌘"), " + ", Kbd("K"), " to open the command palette, or ", Kbd("Esc"), " to close it."),
    P("The search index will ", Mark("highlight matching terms"), " across all results so you can scan quickly."),
    cls="max-w-prose space-y-2"
)

from starhtml import *

Div(
    Blockquote(
        P("After all, all he did was string together a bunch of alien quotations and was that any way to write a story?"),
        Small("— James Michener", cls="mt-2 block not-italic"),
    ),
    List(
        "Preheat the oven to 260\u00b0C with the Dutch oven inside",
        "Score the dough with a razor blade or lame",
        "Bake covered for 20 minutes, then remove the lid",
        "Continue baking until the crust is deep brown, about 25 more minutes",
        ordered=True,
    ),
    List(
        "Bread flour (12–13% protein)",
        "Fine sea salt",
        "Filtered water at 30\u00b0C",
    ),
    cls="max-w-prose"
)

from starhtml import *

Card(
    CardContent(
        Div(
            Caption("December 15, 2025"),
            H2("v2.4.0", cls="border-0 pb-0"),
            Lead("New calendar component and date picker improvements."),
            H3("Added", cls="mt-4"),
            List(
                Li(InlineCode("Calendar"), " — standalone month-view date picker"),
                Li(InlineCode("DatePicker"), " now supports range selection"),
                Li("Keyboard navigation for all date components"),
                cls="my-0",
            ),
            H3("Fixed", cls="mt-4"),
            List(
                Li("Popover positioning on scroll (", InlineCode("#412"), ")"),
                Li("Select dropdown closing on outside click"),
                cls="my-0",
            ),
            Hr(cls="my-4"),
            Muted("Full changelog on GitHub"),
            cls="max-w-2xl space-y-2"
        ),
        cls="pt-6"
    ),
)

from starhtml import *

Div(
    Div(
        H3("Notifications"),
        Muted("Choose which events trigger email or push notifications."),
        cls="space-y-1"
    ),
    Hr(cls="my-4"),
    Div(
        H4("Email Digest"),
        Muted("Receive a daily summary of activity in your workspace."),
        cls="space-y-1"
    ),
    Div(
        H4("Mentions"),
        Muted("Get notified when someone mentions you in a comment."),
        cls="space-y-1"
    ),
    Div(
        H4("Security Alerts"),
        Muted("Immediate notification for login attempts and permission changes."),
        cls="space-y-1"
    ),
    cls="max-w-lg space-y-6"
)

from starhtml import *

Div(
    Div(
        Badge("prose-sm", variant="outline"),
        Prose(
            H3("Tartine Method"),
            P("Mix 200g leaven with 700g water. Add 900g bread flour and 100g whole wheat. Autolyse 25\u201340 minutes, then add 20g salt with 50g warm water."),
            size="sm",
        ),
        cls="space-y-2"
    ),
    Div(
        Badge("prose (default)", variant="outline"),
        Prose(
            H3("Why Autolyse Matters"),
            P("During autolyse, flour absorbs water and enzymes begin breaking down starch into sugar. Gluten strands start forming on their own, which means less kneading later and a more extensible dough."),
            P("The window is 25\u201340 minutes. Shorter and you miss the benefit; longer and the dough starts to degrade."),
            size="base",
        ),
        cls="space-y-2"
    ),
    Div(
        Badge("prose-lg", variant="outline"),
        Prose(
            H3("The Crumb"),
            P("An open, irregular crumb comes from high hydration, gentle handling, and a strong starter. If your crumb is tight and even, try increasing hydration by 5% and using coil folds instead of stretch-and-folds."),
            size="lg",
        ),
        cls="space-y-2"
    ),
    cls="max-w-2xl space-y-8"
)

from starhtml import *

Div(
    Caption("Field Notes \u00b7 March 2026"),
    H2("Scoring Patterns and Oven Spring", cls="border-0 pb-0"),
    Lead("How blade angle, depth, and steam timing affect the final shape of your loaf."),
    Hr(cls="my-4"),
    P("The score is not decorative. It controls where steam escapes during the first ten minutes of baking, and that escape path determines the shape of the ear and the overall rise. A shallow score at 30\u00b0 produces a wide, flat ear. A deep score at 90\u00b0 splits the loaf open symmetrically."),
    P("Most bakers score too timidly. The blade should pass through the skin of the dough in a single, confident stroke \u2014 hesitation creates drag, which tears rather than cuts."),
    Small("8 min read"),
    cls="max-w-2xl"
)