디자인팀 요구다. 클래스명 하나로 쓰고 이름은 Figma의 `ico/House`를 대소문자까지
그대로 담는다. 굵기별 @font-face가 따로라 화면이 쓰는 굵기만 내려받는다.

기존 SVG 컴포넌트에서 뽑은 path로 구워 그림이 같다는 것이 데이터 수준에서 보장된다
(글리프 대조 결과 불일치 0.97%, 전부 외곽선 안티에일리어싱).

duotone은 글리프 하나가 두 색을 못 가져 배경겹을 별도 글리프로 넣고 CSS가 겹친다.

Co-Authored-By: Claude Opus 5 

번역투가 어색해 대분류와 같은 영어로 통일했다. Help는 소분류 하나가 대분류와 이름이 겹쳐
Tooltip / Popover로 나눴다.

검증 — 화면 실측: 컴포넌트 62개 그대로, 소분류 21개.

Co-Authored-By: Claude Opus 5 

대분류는 Figma 섹션을 그대로 따랐다 — Action(391:698) · Select(391:2209) · Input(391:3733) ·
Navigation(391:4035) · Layout(392:5035) · Feedback(392:5381) · Help(392:5712).
소분류는 각 대분류 안에서 성격이 같은 것끼리 묶었다.

분류표를 레지스트리와 분리해 component-groups.ts에 뒀다 — 4천 줄짜리 레지스트리를 건드리지 않고,
표에 없는 컴포넌트는 "기타"로 흘려 아무것도 목록에서 사라지지 않게 했다.

검증 — 화면 실측: 대분류 7개, 소분류 20개, 컴포넌트 62개 전부 배치("기타" 없음).
Action 버튼(4)·묶음(2) / Select 라디오(3)·체크박스(3)·셀렉트(4)·태그칩(4)·스위치(4)·부가(2) /
Input 텍스트(2)·형식입력(4)·파일(1) / Navigation 위치이동(2)·캐러셀(3) /
Layout 표목록(2)·탭(1)·배지(3)·펼침(2)·컨테이너(3) / Feedback 알림(4)·상태(3)·단계(2) /
Help 도움말(4).

Co-Authored-By: Claude Opus 5