components
Component docs now live as routeable detail pages. Use this index to browse shared primitives and app-specific surfaces across every DS package and app shell.
global
Shared DS primitives and shells used across every app package.
14 pages
global
action button
Shared lower-case button primitive for button and anchor actions.
@arieare/ds global
tooltip
Astro tooltip wrapper with CSS fallback and JS-enhanced floating layer.
@arieare/ds/Tooltip.astro global
image lightbox
Dialog-based image viewer with explicit item arrays and trigger discovery.
@arieare/ds/ImageLightbox.astro global
site topbar
Shared cross-site topbar shell for app selection and optional clock rendering.
@arieare/ds global
maintenance gate
Astro gate that swaps page content for the shared maintenance panel.
@arieare/ds/MaintenanceGate.astro global
sidebar
Composable shared sidebar shell used directly by docs and FS.
@arieare/ds global
shell layout
Shared content-frame recipes for centered pages and sidebar shells.
@arieare/ds/shell-layout.css global
segment control
Compact tab-like selector where one segment is active at a time.
@arieare/ds global
input field
Labelled text input sharing the warm-base visual contract of the button and segment control.
@arieare/ds global
textarea field
Labelled multiline textarea sharing the same warm-base form treatment as the single-line field primitives.
@arieare/ds global
select field
Native select input sharing the exact warm-base visual contract of InputField, with a fixed chevron icon on the right.
@arieare/ds global
ui modal
Controlled dialog wrapper with shared backdrop, centered popup surface, and title or description slots.
@arieare/ds global
ui modal close button
Dialog-context close trigger that uses the shared ActionButton visual contract.
@arieare/ds global
ui data table
Shared core DS data-table surface with manual and data-driven modes.
@arieare/ds main
Home-site wrappers and tactile utility surfaces.
4 pages
main
main site topbar
Main-app wrapper around the shared site topbar shell.
@arieare/ds-main/MainSiteTopbar.astro main
home gallery
Art-directed horizontal gallery for image, text, color, and web-clip cards.
@arieare/ds-main/HomeGallery.astro main
cards
Main-app card wrapper around the shared Card primitive.
@arieare/ds-main main
dialog popup
Native dialog wrapper with confirm and cancel actions.
@arieare/ds-main blog
Editorial reading surfaces and blog-specific chrome.
7 pages
blog
blog site topbar
Blog wrapper around the shared global topbar shell.
@arieare/ds-blog/BlogSiteTopbar.astro blog
blog site header
Compact identity row shown beneath the shared topbar.
@arieare/ds-blog/BlogSiteHeader.astro blog
blog prose
Article prose wrapper that upgrades inline images into a shared lightbox flow.
@arieare/ds-blog/BlogProse.astro blog
blog post preview
Hover card that shows excerpt and tags for a post row.
@arieare/ds-blog/BlogPostPreview.astro blog
blog post list item
Compact post row with date rail and hover/focus preview surface.
@arieare/ds-blog/BlogPostListItem.astro blog
blog article header
Standardized article title, metadata, permalink, and sharing controls.
@arieare/ds-blog/BlogArticleHeader.astro blog
blog heading navigator
Desktop heading rail with active-section tracking and tooltip labels.
@arieare/ds-blog/BlogHeadingNavigator.astro work
Portfolio storytelling components and interaction primitives.
5 pages
work
work site topbar
Work wrapper around the global topbar shell.
@arieare/ds-work/WorkSiteTopbar.astro work
button primitive
CSS-only action contract shared by work buttons and control links.
@arieare/ds-work/work-ds.css work
project chip
Small uppercase metadata pill used in project headers and lists.
@arieare/ds-work work
signal meter
Inline metric interaction with range input and checkpoint labeling.
@arieare/ds-work work
storyboard stepper
Step-through narrative sequencer with previous and next controls.
@arieare/ds-work play
Play portal shell components and layout primitives.
2 pages
cv
Minimal resume-shell and worker-rendered presentation surface.
1 pages