---
generated_at: 2026-02-24 17:20:00
metrics:
  claims_total: 15
  claims_with_evidence: 15
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：95-共通UIコンポーネント

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：15 / 15、根拠なし：0
- 優先レビュー（高）
  1. なし（すべての主張に根拠あり）

## 2) 参照した情報（Evidence一覧）

- E-01: `internal-packages/ui/components/button.tsx`（118行）
- E-02: `internal-packages/ui/components/dialog.tsx`（149行）
- E-03: `internal-packages/ui/utils.ts`（26行）
- E-04: `docs/code-to-docs/機能一覧/機能一覧.csv`（機能No.95の定義）

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | ButtonStyleは8種類のバリアント | E-01:4-12行目 | ○ |
| C-02 | ButtonSizeは3種類のサイズ | E-01:13行目 | ○ |
| C-03 | asChildでSlot.Root使用 | E-01:34行目 `asChild ? Slot.Root : "button"` | ○ |
| C-04 | clsxでクラス名結合 | E-01:1行目, E-01:40行目 | ○ |
| C-05 | data-style属性でスタイル制御 | E-01:62行目 | ○ |
| C-06 | data-size属性でサイズ制御 | E-01:63行目 | ○ |
| C-07 | focus-visible:ringでフォーカス表示 | E-01:42行目 | ○ |
| C-08 | disabled:opacity-50で無効状態表示 | E-01:59行目 | ○ |
| C-09 | DialogはRadix UIプリミティブを使用 | E-02:2行目, E-02:6-9行目 | ○ |
| C-10 | DialogSizeは3種類 | E-02:11行目 | ○ |
| C-11 | DialogVariantは3種類 | E-02:12行目 | ○ |
| C-12 | GlassSurfaceLayersをダイアログで使用 | E-02:50-63行目, E-02:83-89行目 | ○ |
| C-13 | isIconNameでlucide-reactアイコン検証 | E-03:3-25行目 | ○ |
| C-14 | leftIcon/rightIconをボタンに配置 | E-01:73-86行目, E-01:101-114行目 | ○ |
| C-15 | glassバリアントで背景レイヤー追加 | E-01:67-72行目 | ○ |

## 4) 不足情報（Unknown / Missing）
- なし（すべての主張にソースコードの根拠あり）

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - すべての主張がソースコードで確認可能

## 6) レビュアーチェックリスト（最小）
- [x] Buttonのバリアント・サイズ定義が正しいか
- [x] Dialogのバリアント分岐が正しいか
- [x] アクセシビリティ属性（focus-visible等）が適切か
- [x] Radix UIプリミティブの使用が正しいか
