Themes コンポーネント索引

対応クレートは fandhe-frontend-pre-styled-ui です。同クレートが提供するスタイル済み UI コンポーネント（Themes）の索引ページであり、各部品は個別ページ（/themes/<kebab-name>/）へ分解されています。それぞれのページで docs サイトのビルド時に Rust 関数（crates/docs-site/src/showcase.rs・crates/docs-site/src/component_page.rs）が実際に組み立てた SSR 静的レンダリング（Demo）を掲載しています。スタイルはテーマトークンと slot recipe から生成した専用 CSS（assets/pre-styled-ui.css）で適用されています。

Themes は fandhe-frontend-headless-ui（Primitives）が提供する構造・アクセシビリティ（WAI-ARIA・キーボード操作）・表示状態（data-*）のみを持つ未装飾層の上に、見た目のスタイルを重ねた層です。Primitives 自体（anatomy・data-* 属性・WAI-ARIA 契約）を確認したい場合は Primitives セクションを参照してください。

掲示の読み方

• Tabs / Accordion / Dialog / Menu / Select / Popover / Tooltip / Switch / RadioGroup などの状態機械を持つ部品は、選択中・開いた状態やチェック状態を固定した静的マークアップとして掲示しています。クリック等の実際の状態遷移は wasm 層の責務であり、各部品ページのスコープ外です。クライアント側 JavaScript（fandhe-frontend-wasm-full ハイドレーション）を読み込まない JS ゼロ SSG 構成での挙動・代替パターンは JS ゼロ SSG での利用ガイドを参照してください。
• Dialog / Drawer / Menu / Select / Combobox / Popover / Tooltip / Hover Card / Toggle Tip / Action Bar / Floating Panel / Toast / Tour はトリガー起点のオーバーレイ部品です。開いた状態のまま掲示すると本来の配置（画面全体を覆う・トリガー直下に重なる）ではページ内の他セクションと重なるため、掲示専用 CSS（assets/pre-styled-ui.css の .pre-styled-showcase スコープ）でページの流れの中へ収めています。実アプリケーションでの overlay 配置は pre-styled-ui の recipe CSS がそのまま担います。
• Avatar は画像読み込み状態（ImageStatus）を固定し、フォールバック表示・画像表示の両方を掲示しています。
• 各部品ページの節（Demo / Features / Anatomy / data-* 属性 / CSS 変数 / API Reference / Examples / Accessibility）の充填は完了しています。ただし Anatomy・data-* 属性表・CSS 変数表の 3 節は、部品ごとに手書きした表ではなく Demo の実レンダリングから機械導出しています。そのため、その部品のデモに現れないパーツ・属性・CSS 変数は表に出ず、節ごと省略される部品があります（未実装・不具合ではありません）。原因の分類と編集方針の詳細は docs/design/docs-site-component-pages.md §7b を参照してください。

関連 API

• fandhe-frontend-pre-styled-ui API: スタイル済み部品の公開 API と不変条件。テーマトークンのカスタマイズ（upsert_* による既定値の上書き）を含む
• pre-styled-ui slot recipe API: スタイル生成に使う slot recipe の API
• fandhe-frontend-headless-ui API: 下層 headless API（anatomy・data-*・WAI-ARIA 契約）