HAUSE

Compilation

A pile of inputs compiled down through named stages.

WATCH THE FORM ↓
01 / THE ENCOUNTERA PERFORMANCE — IT PLAYS ITSELF

A STUDY IN COMPILATION

Many inputs. One thing that can leave.

Notes pass through selection and assembly. At the end, the artifact stands on its own.

INPUT 01

Arrival

INPUT 02

Attention

INPUT 03

Meaning

↓ ARTIFACT

Arrival directs attention. Attention gives meaning a place.

Artifact: a short statement that carries those relationships without its working notes.

THE COMPLETE SEQUENCE / TEXT RECORD
  1. Inputs: arrival, attention and meaning.
  2. Assemble the relationships: arrival directs attention; attention gives meaning a place.
  3. Artifact: a short statement that carries those relationships without its working notes.

An illustrative publishing sequence. The final artifact is the result of the preceding inputs, not an unrelated replacement.

INSPECT THE REUSABLE LIBRARY COMPONENT

AN EXHIBITION — COMPILED

Start from the notes. Compile down.

the working material

field notes
interviews
measurements
photographs

the notes may now rest — the exhibition stands alone

collect ↓

judge ↓

compose ↓

set ↓

prove ↓

the exhibition — set, then proven

chapters/
figures/
the record
colophon — written last

proven — every claim carries its receipt

Working material — notes, interviews, measurements — is collected, judged, composed, set, and proven. Then the notes may rest: the exhibition stands alone. That is the whole passage, and it is crossed once.

02 / THE DECISION

An act.
Not a container.

YOU ARE SHOWING SOMETHING HAPPENING

Showing many inputs compiled down to one output.

Do the inputs lose their separateness by the end?

EXPLORE THE SELECTION GRAMMAR ↗
WHEN THE ACT CHANGES

Procession

Use Procession instead when one thing passes through stages and stays itself.

What is the Compilation form in HAUSE, and when do you use it?

The Compilation form is a HAUSE performance — a pile of inputs compiled down through named stages. A pile of inputs compiled down through named stages into an artifact — and then the inputs ghost out, because the artifact no longer needs them. Plays once in view: stages light in order, the result assembles row by row during the final constructive stage, the proof mark lands, the source fades. COMPILE replays. Resting state (and prefers-reduced-motion) is the finished compilation.

origin — vindex3

THE LIBRARY’S OWN ACCOUNT

Behind the form.

components/forms/Compilation.tsx

A pile of inputs compiled down through named stages into an artifact — and then the inputs ghost out, because the artifact no longer needs them. Plays once in view: stages light in order, the result assembles row by row during the final constructive stage, the proof mark lands, the source fades. COMPILE replays. Resting state (and prefers-reduced-motion) is the finished compilation.

THE PERFORMANCE’S DISCIPLINE

Every performance starts in view, rests on a designed final state — which is what reduced motion and no-JS get — and never crossfades between two physical forms of one thing: staged swaps only. A scrolling reader must never find it already finished.

03 / MAKE SOMETHINGINSTALL HAUSE ↗

Give it your subject.

The opening study is an authored demonstration, not an additional component API. Expand the library specimen above to inspect the reusable form. Its props below come directly from the source.

REACT · Compilation

import { Compilation } from "@chrishayuk/hause/components/forms/Compilation";

export type CompilationProps = {
	kicker: string;
	headline: string;
	/** Label over the source pile — what you start with. */
	sourceLabel: string;
	sources: string[];
	/** The named stages, lit in order. */
	stages: { name: string; gloss: string }[];
	/** Label over the assembling result. */
	resultLabel: string;
	/** Result rows appear in order during the final stage; an emphasis row is accent-ruled. */
	results: { name: string; emphasis?: boolean; note?: string }[];
	/** The proof mark revealed at the end, in supported green. */
	verifiedLabel: string;
	/** Revealed over the ghosted source pile — why it is no longer needed. */
	discardNote: string;
	/** The whole story in plain words — the always-present fallback. */
	fallback: string;
};

export function Compilation({
	kicker,
	headline,
	sourceLabel,
	sources,
	stages,
	resultLabel,
	results,
	verifiedLabel,
	discardNote,
	fallback,
}: CompilationProps)

The import and the complete props contract. For installation and composition, follow the Build guide.

NOT INVENTED IN ISOLATION

A page needed this.

Entered the library from vindex3.

PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 0.1.0

CITE

source components/forms/Compilation.tsx · origin vindex3 · site build 3ee5339 · built 2026-09-09

CITE THIS

Web page · 0.1.0

Hay, C. (2026). Compilation — a HAUSE performance. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/compilation

The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.