feat: integrate latest HMDesign design system updates

docs/components/label.md

@@ -44,6 +44,32 @@ Radix `Label` props 그대로 (`htmlFor`, `asChild` 등). 출력 속성: `data-s
 
 - Required 표시(`*`)를 위한 prop은 만들지 않았다(ui_viz `field-semantics.md` §1: Select/Checkbox/Radio 등에 required API·표시를 새로 추가하지 않는다). 소비자가 `aria-hidden` span으로 조합한다.
 
+### 신규 업무 화면의 연결 예제
+
+`Label`은 `@hm-design/ui`에 공개 export되어 있다. 지원하는 Field Label은 직접 스타일링한 native `<label>` 대신 실제 `Label`을 렌더한다. Input/Textarea는 `id`, Select는 **Root가 아닌 SelectTrigger**의 `id`, Combobox는 trigger로 전달되는 공개 `id`에 연결한다. `aria-labelledby`로 화면에 보이는 항목명을 접근성 이름으로 함께 사용한다.
+
+```tsx
+import { useId } from "react"
+import { Label, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Combobox } from "@hm-design/ui"
+
+export function Fields() {
+  const id = useId()
+  return <>
+    <Label htmlFor={`${id}-name`}>이름</Label>
+    <Input id={`${id}-name`} size="medium" />
+    <Label id={`${id}-type-label`} htmlFor={`${id}-type`}>유형</Label>
+    <Select>
+      <SelectTrigger id={`${id}-type`} aria-labelledby={`${id}-type-label`} size="medium"><SelectValue placeholder="선택" /></SelectTrigger>
+      <SelectContent><SelectItem value="work">업무</SelectItem></SelectContent>
+    </Select>
+    <Label id={`${id}-owner-label`} htmlFor={`${id}-owner`}>담당자</Label>
+    <Combobox id={`${id}-owner`} aria-labelledby={`${id}-owner-label`} options={[{ value: "kim", label: "김한맥" }]} size="medium" />
+  </>
+}
+```
+
+Label/control 간격은 부모 조합이 소유한다. 반복 Field는 인스턴스별 ID를 사용하며, Label 클릭 focus와 팝업 키보드·접근성 이름은 실제 브라우저에서 확인한다. 위 예제는 기존 공개 props를 사용하며 새 `label`/`required` prop을 만들지 않는다. native Label 사용을 무조건 금지하지 않는다. 명시적인 비 React adapter 또는 기존 HM Label로 연결할 수 없는 사용처는 지원 제약·의미 있는 HTML 선택 이유·접근성 확인 결과를 기록한다. Story에 남은 native Label fixture만으로 신규 화면의 예외를 인정하지 않는다.
+
 ## 6. Token
 
 Component Mapping 위치: `packages/ui/src/theme/label.css` (`--hm-label-*`).