boottent-design 0.1.279 → 0.1.280

package/dist/design-system/ui/hover-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — hover-card.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/icons.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — icons.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/image.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — image.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/input-group.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — input-group.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/input-otp.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — input-otp.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/input.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — input.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/item.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — item.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/kbd.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — kbd.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/label.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — label.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/menubar.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — menubar.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/month-picker.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — month-picker.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/multi-select.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — multi-select.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/native-select.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — native-select.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/navigation-menu.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — navigation-menu.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/pagination.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — pagination.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/popover.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — popover.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/portal.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — portal.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/progress.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — progress.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/radio-group.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — radio-group.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/resizable.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — resizable.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/scroll-area.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — scroll-area.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/select.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — select.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/separator.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — separator.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/sheet.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — sheet.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/sidebar.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — sidebar.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/simple-table.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — simple-table.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/skeleton.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — skeleton.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/slider.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — slider.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/spinner.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — spinner.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/switch.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — switch.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/symbols.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — symbols.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/table.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — table.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/tabs.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — tabs.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/tag.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — tag.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/text.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — text.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/textarea.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — textarea.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/toast.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — toast.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/toggle-group.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — toggle-group.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/toggle.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — toggle.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/ui/tooltip.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > UI 프리미티브 — tooltip.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/usage.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 설치 · CSS 배포 모드 · 소비 규칙의 기계 생성 정본.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 디자인 시스템 허브](./design-system.md)
 

package/dist/design-system/when-to-use.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 어떤 상황에 어떤 컴포넌트를 쓰는가 — 결정 가이드.
-> 버전: boottent-design v0.1.279 · 생성: 2026. 8. 21. 오전 10:30:38
+> 버전: boottent-design v0.1.280 · 생성: 2026. 9. 2. 오후 6:05:03
 
 [← 디자인 시스템 허브](./design-system.md)
 

package/dist/story-preview-card-DD_h-0Bz.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),j=require("react"),h=require("class-variance-authority"),g=require("./common-DeneXo5X.cjs");function w(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(s,t,l.get?l:{enumerable:!0,get:()=>r[t]})}}return s.default=r,Object.freeze(s)}const y=w(j),v=h.cva("mx-auto flex w-full max-w-[360px] flex-col items-start gap-2 overflow-hidden rounded-xl text-grey-800 transition-colors"),f=y.forwardRef(function({card:s,horizontalOnMobile:t=!1,className:l},p){const{userName:a,major:n,age:d,totalDuration:x,preview:c,imageUrl:o,imageAlt:m,jobTag:i}=s,u=i?e.jsx("span",{className:"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-2 py-0.5 text-xs",style:{color:i.color,backgroundColor:i.background},children:i.text}):null;return e.jsxs("div",{ref:p,className:g.cn("w-full",l),children:[t&&e.jsxs("div",{"data-testid":"story-preview-card-horizontal",className:"flex w-full flex-row gap-3 rounded-xl text-grey-800 transition-colors xs:hidden",children:[e.jsx("img",{src:o,alt:m??a,className:"aspect-square w-24 shrink-0 rounded-lg object-cover"}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1.5",children:[e.jsxs("div",{className:"flex min-w-0 flex-col items-start gap-1.5",children:[e.jsx("p",{className:"truncate text-semibold14 text-grey-800",children:a}),u]}),e.jsxs("p",{className:"text-regular13 text-grey-500",children:[e.jsx("span",{className:"text-grey-700",children:n}),` · ${d}세 · ${x}`]}),e.jsx("p",{className:"line-clamp-2 text-regular13 text-grey-600",children:c})]})]}),e.jsxs("div",{"data-testid":"story-preview-card-vertical",className:g.cn(v(),t&&"hidden xs:flex"),children:[e.jsxs("div",{className:"mb-1 flex w-full flex-row items-center justify-start gap-3",children:[e.jsx("img",{src:o,alt:m??a,className:"aspect-square w-12 shrink-0 rounded-lg object-cover md:w-14"}),e.jsxs("div",{className:"flex min-w-0 flex-col items-start gap-1.5",children:[e.jsx("p",{className:"truncate text-semibold14 text-grey-800 md:text-semibold15",children:a}),u]})]}),e.jsxs("div",{className:"grid h-fit w-full shrink-0 grid-cols-[56px_1fr] gap-x-3 gap-y-1.5 overflow-hidden rounded-lg bg-grey-100 p-3 text-regular13 text-grey-500 md:text-regular14",children:[e.jsx("div",{children:"전공"}),e.jsx("div",{className:"w-full truncate text-medium14 text-grey-800",children:n}),e.jsx("div",{children:"취업나이"}),e.jsxs("div",{className:"text-medium14 text-grey-800",children:[d,"세"]}),e.jsx("div",{children:"취준기간"}),e.jsx("div",{className:"truncate text-medium14 text-grey-800",children:x})]}),e.jsx("div",{className:"h-[100px] w-full rounded-lg bg-grey-100 p-3 text-regular13 text-grey-600 md:h-[112px] md:p-4 md:text-regular14",title:c,children:e.jsx("span",{className:"line-clamp-4 w-full",children:c})})]})]})});f.displayName="StoryPreviewCard";exports.StoryPreviewCard=f;

package/dist/{story-preview-card-BiknUNLs.js → story-preview-card-DnppJQ9h.js}

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import * as p from "react";
+import * as f from "react";
 import { cva as h } from "class-variance-authority";
 import { c as x } from "./common-zQ5XY0UN.js";
-const v = h(
-  "mx-auto flex w-[270px] flex-col items-start gap-2 overflow-hidden rounded-xl text-grey-800 transition-colors"
-), w = p.forwardRef(function({ card: g, horizontalOnMobile: s = !1, className: u }, f) {
+const w = h(
+  "mx-auto flex w-full max-w-[360px] flex-col items-start gap-2 overflow-hidden rounded-xl text-grey-800 transition-colors"
+), v = f.forwardRef(function({ card: g, horizontalOnMobile: s = !1, className: u }, p) {
   const { userName: t, major: i, age: d, totalDuration: c, preview: a, imageUrl: n, imageAlt: o, jobTag: l } = g, m = l ? /* @__PURE__ */ e(
     "span",
     {
@@ -13,7 +13,7 @@ const v = h(
       children: l.text
     }
   ) : null;
-  return /* @__PURE__ */ r("div", { ref: f, className: x("w-full", u), children: [
+  return /* @__PURE__ */ r("div", { ref: p, className: x("w-full", u), children: [
     s && /* @__PURE__ */ r(
       "div",
       {
@@ -46,7 +46,7 @@ const v = h(
       "div",
       {
         "data-testid": "story-preview-card-vertical",
-        className: x(v(), s && "hidden xs:flex"),
+        className: x(w(), s && "hidden xs:flex"),
         children: [
           /* @__PURE__ */ r("div", { className: "mb-1 flex w-full flex-row items-center justify-start gap-3", children: [
             /* @__PURE__ */ e(
@@ -76,7 +76,7 @@ const v = h(
           /* @__PURE__ */ e(
             "div",
             {
-              className: "h-full w-full rounded-lg bg-grey-100 p-3 text-regular13 text-grey-600 md:p-4 md:text-regular14",
+              className: "h-[100px] w-full rounded-lg bg-grey-100 p-3 text-regular13 text-grey-600 md:h-[112px] md:p-4 md:text-regular14",
               title: a,
               children: /* @__PURE__ */ e("span", { className: "line-clamp-4 w-full", children: a })
             }
@@ -86,7 +86,7 @@ const v = h(
     )
   ] });
 });
-w.displayName = "StoryPreviewCard";
+v.displayName = "StoryPreviewCard";
 export {
-  w as S
+  v as S
 };