---
generated_at: 2026-02-18 13:25:00
metrics:
  claims_total: 18
  claims_with_evidence: 18
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：34-基本コンポーネント

## 本レポートについて

### 目的
本レポートは、生成された設計書・ドキュメントの信頼性を検証し、人間レビュアーが効率的にレビューできるようにすることを目的としています。

### チェック方法
以下の観点でドキュメントの内容（Claim：主張）を検証しています：

1. **根拠の有無確認**：各主張に対して、ソースコード・既存設計書・要件定義書などの根拠（Evidence）が存在するか
2. **根拠との整合性**：主張の内容が根拠と矛盾していないか
3. **網羅性**：参照すべき情報源を適切にカバーしているか

### 信頼度スコアの算出
- **confidence_derived** = 根拠あり件数 / 総主張件数
- 状態「○」：根拠あり、「△」：根拠不足または要確認

### 本レポートの使い方
1. まず「サマリー」で全体の信頼度と優先レビュー項目を確認
2. 「Claims と根拠の対応」で △ の項目を重点的にレビュー
3. 「不足情報」で補完が必要な情報源を確認

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：18 / 18、根拠なし：0
- 優先レビュー（高）
  - すべての主張に根拠が確認できたため、特に優先的なレビュー項目はない

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。抽出フェーズで付けたIDをそのまま出す。

- E-01: `frontend/packages/ui/package.json`
- E-02: `frontend/packages/ui/src/index.ts`
- E-03: `frontend/packages/ui/src/components/index.ts`
- E-04: `frontend/packages/ui/src/components/Button/Button.tsx`
- E-05: `frontend/packages/ui/src/components/Input/Input.tsx`
- E-06: `frontend/packages/ui/src/components/Modal/Modal.tsx`
- E-07: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv`

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | @liam-hq/uiはRadix UIをベースにしている | E-01 (19-30行目) | ○ |
| C-02 | Buttonには複数のvariantがある（solid-primary等） | E-04 (8-14行目) | ○ |
| C-03 | Buttonにはsizeオプションがある（xs/sm/md/lg） | E-04 (15行目) | ○ |
| C-04 | ButtonはisLoading時に自動的にdisabledになる | E-04 (36行目) | ○ |
| C-05 | ButtonはloadingIndicatorTypeでローディング表示位置を制御 | E-04 (19, 37-44行目) | ○ |
| C-06 | ts-patternでバリアント/サイズクラスを決定 | E-04 (46-60行目) | ○ |
| C-07 | InputにはleftIcon/rightIconがある | E-05 (9-10行目) | ○ |
| C-08 | Inputにはerror状態がある | E-05 (12行目) | ○ |
| C-09 | InputのデフォルトサイズはMd | E-05 (19行目) | ○ |
| C-10 | ModalはRadix UI Dialogをベースにしている | E-06 (1行目) | ○ |
| C-11 | ModalContentにはrole="dialog"が設定される | E-06 (31行目) | ○ |
| C-12 | lucide-reactがアイコンに使用されている | E-01 (33行目) | ○ |
| C-13 | clsxでクラス名を結合している | E-01 (31行目), E-04 (66-71行目) | ○ |
| C-14 | CSS Modulesでスタイルを管理 | E-04 (5行目), E-06 (4行目) | ○ |
| C-15 | react-resizable-panelsが依存に含まれる | E-01 (36行目) | ○ |
| C-16 | typed-css-modulesでCSS型定義を生成 | E-01 (51行目) | ○ |
| C-17 | コンポーネントはsrc/components/index.tsから再エクスポート | E-03 | ○ |
| C-18 | ButtonのデフォルトvariantはSolid-primary | E-04 (26行目) | ○ |

## 4) 不足情報（Unknown / Missing）
- 現時点では不足情報はない
- すべての主張がソースコードから確認できた

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - 全体的にコードベースから十分な根拠が確認できる

## 6) レビュアーチェックリスト（最小）
- [ ] 全コンポーネントにdisplayNameが設定されているか確認
- [ ] アクセシビリティ（ARIA属性等）が適切に設定されているか確認
- [ ] CSS変数が一貫して使用されているか確認
- [ ] Storybookドキュメントが最新か確認
