Components

Every component @ps1ui/core ships today.

Layout

• PS1Root — App-level wrapper that establishes the responsive containment context.
• Container — Centers content with a max-width and horizontal padding.
• Stack — One-dimensional flex layout with direction, gap, and alignment.
• Grid — Equal-column CSS grid with responsive column counts.

Typography

• Heading — Semantic h1–h6 with a level-driven size and weight scale.
• Text — Body text with variants, sizes, weights, and truncation.
• Anchor — Inline link with primary and subtle variants.

Forms

• Button — Primary and secondary actions; renders as any element via the as prop.
• Input — Single-line text input.
• Checkbox — Checkbox input with indeterminate support.
• Label — Form label for associating text with controls.

Content

• Card — Bordered surface for grouping related content.
• Code — Inline code chip for identifiers and short fragments in running text.
• CodeBlock — Syntax-highlighted code powered by Prism grammars.
• Details — Collapsible section built on the native <details>/<summary> element.
• List — Ordered or unordered <ul>/<ol> with plain-text markers.
• Table — Semantic <table> with box-drawing-style grid borders and horizontal scrolling.