feat: 土台の部品 11 個と、軸 88〜94 の決定

[kazuemon]

概要

README の「土台」にある部品と、画像・読み込み中・ページの枠の部品を作りました。見た目は Storybook の比較（軸 88〜94）で決め、ADR-0113〜0120 に記録しています。

足した部品

部品	中身	ADR
ThemeProvider	密度・浮かぶ UI の出し方・描く場所・Transition の既定の出方をまとめて渡す。Select・Dialog・Popover・Tooltip・Drawer が受け取る	0113
Portal	自前の重なるものを別の場所に描く。書いた場所の密度を引き継ぐ	0113
VisuallyHidden	読み上げにだけ届ける文字。focusable で本文へ飛ぶリンクにも	0113
AspectRatio	決まった比の枠	0113
Icon	Phosphor（optional の peer dependency）・任意のライブラリ・生の SVG。既定は周りの文字の 1.25 倍	0114
Skeleton	読み込み中の面。animation: sweep（既定）・sweep-viewport・pulse	0115
Image	読み込み中は Skeleton、失敗は破れたアイコンと errorText。寸法のない画像は読み込むまで 16:9。Figure の画像も Image にした	0116
Collapsible	appearance（plain・open-filled・filled・divided）と indicator（end・start）	0117
Transition	浮かぶ面と同じ出入りの動き。preset を選べる	0118
ScrollArea	端の内側の影と、重ねるつまみ（4px、載せると 8px）。edgeShadow・scrollbar	0119
Container	prose 672・default 1024・wide 1280px。左右の余白は置いた場所の幅の 5%（16〜48px）	0120

コミット

• 8693e86: 部品と比較ストーリー（決めた時点。git checkout 8693e86 && pnpm storybook で比較を開けます）
• 5e47e5c: ADR・原則（1・3・5・11）・backlog・索引・比較画像。比較ストーリーを消しました

確かめたこと

• pnpm typecheck・pnpm lint・pnpm format:check・pnpm test（216 件）が通ること
• 新しい部品の基準画像は、目で見てから撮っています

入れていないもの

• README の一覧のチェックは付けていません（メインの作業ツリーの README に、まだコミットしていない変更があるため）

🤖 Generated with Claude Code