모듈 Template을 쓸 때 사용하는 폼 필드 네임스페이스입니다. <Field> 자체는 라벨 행이 달린 섹션 래퍼이고, 각 멤버는 라벨이 붙은 컨트롤 하나입니다. 멤버끼리는 주로 value의 형태가 다릅니다.

라벨 행 없이 입력칸만 필요한 자리(검색창, 필터 바, 인라인 셀 편집)에 쓰는 제어형(controlled) 입력입니다. 멤버마다 오버라이드 슬롯이 따로 있어 Input, InputTextArea, InputPassword, InputEmail, InputNumber, InputCheckbox를 하나씩 따로 바꿔 입힐 수 있습니다.

일반 값, { label, value } 쌍, enumOf(...) 클래스를 받는 제어형 드롭다운이며 단일·다중·검색 선택을 지원합니다. 옵션 목록은 document.body에 portal로 따로 그려져 필드 너비에 맞춰 뜨므로, 스크롤되는 모달이나 테이블 안에서도 잘리지 않습니다.

<button role="switch">로 그린 boolean이라 포커스와 Space/Enter 토글을 브라우저가 처리합니다. checked를 넘기면 제어형으로, defaultChecked를 넘기면 자체 상태로 동작합니다. 라벨 행이 필요한 모델 필드라면 Field.Switch를 쓰세요.

role="radiogroup" 안의 role="radio" 버튼으로 하나를 고르며, 화살표 키를 누르면 포커스와 선택이 함께 움직입니다. 자식마다 자기 value를 갖고, 그룹은 그 값으로 선택을 맞춥니다. 숫자 value는 어떤 자식도 그 값을 갖지 않을 때만 index로 해석됩니다.

드롭다운 대신 눌리는 버튼 줄로 고르는 선택이며, 선택지가 적고 짧을 때 맞습니다. ToggleSelect는 하나, ToggleSelect.Multi는 여러 개를 고릅니다. 버튼 줄에는 돌아갈 빈 상태가 없으므로 nullable과 validate는 필수이고, 호출하는 쪽에서 둘 다 정합니다.

브라우저 자체의 <input type="date">로 받는 날짜라, 달력·로케일·터치 키보드가 모두 플랫폼의 것입니다. min과 max는 브라우저가 지킵니다. 네이티브 필드는 특정 날짜만 흐리게 만들 수 없으므로, disabledDate에 걸린 선택은 경고 토스트와 함께 거절됩니다.

버튼 컴포넌트는 이것 하나뿐입니다. onClick이 동기면 평범한 버튼이고, promise를 반환하면 같은 버튼이 로딩·성공·오류 상태를 거치며 그동안 중복 클릭을 막습니다. 비동기용 버튼을 따로 고를 필요가 없습니다.