feat: integrate latest HMDesign design system updates

src/components/select.stories.tsx

@@ -273,10 +273,10 @@ export const OpenTopLong: Story = {
 // that SelectContent already forwards, so no Select API exists for it. Both columns share options, selected value and width.
 function ListSizeColumn({ title, listSize, width }: { title: string; listSize: SelectSize; width: number }) {
   return (
-    <section className="grid content-start gap-2" style={{ width }} data-list-size={listSize}>
+    <section className="grid min-w-0 content-start gap-2" style={{ width, maxWidth: "100%" }} data-list-size={listSize}>
       <h3 className="m-0 text-sm font-semibold">{title}</h3>
       <div className="min-h-56">
-        <SelectSpecimen size="medium" listSize={listSize} defaultOpen defaultValue="long" options={longOpenOptions} label={"Trigger medium · " + width + "px"} />
+        <SelectSpecimen size="medium" listSize={listSize} defaultOpen defaultValue="long" options={longOpenOptions} label={"Trigger medium · 최대 " + width + "px"} />
       </div>
     </section>
   )
@@ -286,7 +286,7 @@ export const ListSizeComparison: Story = {
   name: "Medium Trigger / List Size Comparison",
   parameters: { controls: { disable: true } },
   render: () => (
-    <div className="grid gap-8 [grid-template-columns:repeat(auto-fit,minmax(280px,max-content))]">
+    <div className="grid gap-8 [grid-template-columns:repeat(auto-fit,minmax(min(100%,384px),max-content))]">
       <ListSizeColumn title="A · Medium Trigger + Large List" listSize="large" width={280} />
       <ListSizeColumn title="B · Medium Trigger + Medium List" listSize="medium" width={280} />
       <ListSizeColumn title="A · Medium Trigger + Large List" listSize="large" width={384} />