feat: integrate latest HMDesign design system updates

src/components/label.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react-vite"
-import { Input, Label } from "@hm-design/ui"
+import { Input, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@hm-design/ui"
 import { StateBoard } from "@/components/story-board"
 import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 
@@ -30,7 +30,7 @@ export const All: Story = {
       <StoryPageHeader
         kicker={STORY_KICKER.components}
         title="Label"
-        description="입력 컨트롤의 이름입니다. Field Label 14/20/500을 쓰며, htmlFor로 연결하면 라벨 클릭 시 컨트롤로 focus가 이동합니다."
+        description="Label은 항목명이고 Input은 입력칸입니다. Field Label 14/20/500을 쓰며, htmlFor로 연결하면 라벨 클릭 시 해당 Input이나 Select로 초점이 이동합니다."
       />
       <StorySection title="Overview">
         <StateBoard
@@ -71,6 +71,12 @@ export const All: Story = {
         />
       </StorySection>
       <StorySection title="Usage" description="Required 별표는 Label이 아닌 소비 조합입니다. 긴 라벨은 줄바꿈됩니다.">
+        <div className="mb-4 grid max-w-sm gap-2">
+          <Label htmlFor="label-select">부서 선택</Label>
+          <Select><SelectTrigger id="label-select" size="medium"><SelectValue placeholder="부서를 선택하세요" /></SelectTrigger>
+            <SelectContent><SelectItem value="design">디자인</SelectItem><SelectItem value="engineering">개발</SelectItem></SelectContent>
+          </Select>
+        </div>
         <StateBoard
           states={[
             {