boottent-design 0.1.271 → 0.1.273

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/README.md +1 -0
  2. package/dist/article-card-AKV7qtq6.js +31 -0
  3. package/dist/article-card-ocD4sDG2.cjs +1 -0
  4. package/dist/components/article-card.cjs.js +1 -0
  5. package/dist/components/article-card.es.js +5 -0
  6. package/dist/components/crew-content-card.cjs.js +1 -0
  7. package/dist/components/crew-content-card.es.js +5 -0
  8. package/dist/components/lecturer-card.cjs.js +1 -1
  9. package/dist/components/lecturer-card.es.js +1 -1
  10. package/dist/components/question-card.cjs.js +1 -0
  11. package/dist/components/question-card.es.js +5 -0
  12. package/dist/components/story-preview-card.cjs.js +1 -0
  13. package/dist/components/story-preview-card.es.js +5 -0
  14. package/dist/components.cjs.js +1 -1
  15. package/dist/components.es.js +39 -31
  16. package/dist/crew-content-card-C8MVKFur.cjs +1 -0
  17. package/dist/crew-content-card-vi7_37Zl.js +28 -0
  18. package/dist/design-system/components/article-asset-card.md +1 -1
  19. package/dist/design-system/components/article-card.md +40 -0
  20. package/dist/design-system/components/blog-review-card.md +1 -1
  21. package/dist/design-system/components/boottent-event-card.md +1 -1
  22. package/dist/design-system/components/camp-card.md +1 -1
  23. package/dist/design-system/components/company-info-card.md +1 -1
  24. package/dist/design-system/components/crew-content-card.md +45 -0
  25. package/dist/design-system/components/dday-card.md +1 -1
  26. package/dist/design-system/components/environment-asset-photo.md +1 -1
  27. package/dist/design-system/components/event-asset-banner.md +1 -1
  28. package/dist/design-system/components/event-card.md +1 -1
  29. package/dist/design-system/components/lecturer-card.md +1 -1
  30. package/dist/design-system/components/main-banner-image.md +1 -1
  31. package/dist/design-system/components/mobile-camp-card.md +1 -1
  32. package/dist/design-system/components/partner-list-card.md +1 -1
  33. package/dist/design-system/components/portfolio-asset-card.md +1 -1
  34. package/dist/design-system/components/premium-card.md +1 -1
  35. package/dist/design-system/components/question-card.md +38 -0
  36. package/dist/design-system/components/story-preview-card.md +40 -0
  37. package/dist/design-system/components/title-tag-card.md +1 -1
  38. package/dist/design-system/components/youtube-video-modal.md +1 -1
  39. package/dist/design-system/consumer-setup.md +1 -1
  40. package/dist/design-system/design-system.md +6 -2
  41. package/dist/design-system/tokens.md +1 -1
  42. package/dist/design-system/ui/accordion.md +1 -1
  43. package/dist/design-system/ui/alert-dialog.md +1 -1
  44. package/dist/design-system/ui/anchor.md +1 -1
  45. package/dist/design-system/ui/aspect-ratio.md +1 -1
  46. package/dist/design-system/ui/avatar.md +1 -1
  47. package/dist/design-system/ui/badge.md +1 -1
  48. package/dist/design-system/ui/button.md +1 -1
  49. package/dist/design-system/ui/calendar.md +1 -1
  50. package/dist/design-system/ui/callout.md +1 -1
  51. package/dist/design-system/ui/card-label.md +1 -1
  52. package/dist/design-system/ui/card.md +1 -1
  53. package/dist/design-system/ui/checkbox.md +1 -1
  54. package/dist/design-system/ui/circled-check-button.md +1 -1
  55. package/dist/design-system/ui/command.md +1 -1
  56. package/dist/design-system/ui/dialog.md +1 -1
  57. package/dist/design-system/ui/dropdown-menu.md +1 -1
  58. package/dist/design-system/ui/file-uploader.md +1 -1
  59. package/dist/design-system/ui/form.md +1 -1
  60. package/dist/design-system/ui/highlight-text.md +1 -1
  61. package/dist/design-system/ui/icons.md +1 -1
  62. package/dist/design-system/ui/image.md +1 -1
  63. package/dist/design-system/ui/input.md +1 -1
  64. package/dist/design-system/ui/label.md +1 -1
  65. package/dist/design-system/ui/month-picker.md +1 -1
  66. package/dist/design-system/ui/multi-select.md +1 -1
  67. package/dist/design-system/ui/navigation-menu.md +1 -1
  68. package/dist/design-system/ui/popover.md +1 -1
  69. package/dist/design-system/ui/portal.md +1 -1
  70. package/dist/design-system/ui/progress.md +1 -1
  71. package/dist/design-system/ui/radio-group.md +1 -1
  72. package/dist/design-system/ui/scroll-area.md +1 -1
  73. package/dist/design-system/ui/select.md +1 -1
  74. package/dist/design-system/ui/separator.md +1 -1
  75. package/dist/design-system/ui/simple-table.md +1 -1
  76. package/dist/design-system/ui/skeleton.md +1 -1
  77. package/dist/design-system/ui/slider.md +1 -1
  78. package/dist/design-system/ui/switch.md +1 -1
  79. package/dist/design-system/ui/symbols.md +1 -1
  80. package/dist/design-system/ui/tabs.md +1 -1
  81. package/dist/design-system/ui/tag.md +1 -1
  82. package/dist/design-system/ui/text.md +1 -1
  83. package/dist/design-system/ui/textarea.md +1 -1
  84. package/dist/design-system/ui/toast.md +1 -1
  85. package/dist/design-system/ui/toggle-group.md +1 -1
  86. package/dist/design-system/ui/toggle.md +1 -1
  87. package/dist/design-system/ui/tooltip.md +1 -1
  88. package/dist/design-system/usage.md +1 -1
  89. package/dist/design-system/when-to-use.md +10 -1
  90. package/dist/{lecturer-card-D4nR3tgq.cjs → lecturer-card-C0AeVE2l.cjs} +1 -1
  91. package/dist/{lecturer-card-DaAD77e-.js → lecturer-card-h44ZjbBL.js} +26 -26
  92. package/dist/question-card-C2xeKRcv.cjs +1 -0
  93. package/dist/question-card-DzMummZs.js +57 -0
  94. package/dist/story-preview-card-BiknUNLs.js +92 -0
  95. package/dist/story-preview-card-vNGsyl3L.cjs +1 -0
  96. package/dist/styles.css +1 -1
  97. package/dist/types/article-card.d.ts +30 -0
  98. package/dist/types/components/article-card.d.ts +2 -0
  99. package/dist/types/components/crew-content-card.d.ts +2 -0
  100. package/dist/types/components/question-card.d.ts +2 -0
  101. package/dist/types/components/story-preview-card.d.ts +2 -0
  102. package/dist/types/components.d.ts +113 -0
  103. package/dist/types/crew-content-card.d.ts +35 -0
  104. package/dist/types/question-card.d.ts +31 -0
  105. package/dist/types/story-preview-card.d.ts +28 -0
  106. package/package.json +1 -1
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > boottent-design 허브 — 먼저 이 문서를 읽고 필요한 스포크 문서로 이동하라.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  ## 0. 원칙 (먼저 읽어라)
9
9
 
@@ -93,15 +93,17 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
93
93
  | `toggle-group` | 여러 개의 Toggle 버튼을 단일(single) 또는 다중(multiple) 선택 그룹으로 묶는 컴포… | [ui/toggle-group.md](./ui/toggle-group.md) |
94
94
  | `tooltip` | 요소에 마우스를 올렸을 때 나타나는 툴팁 컴포넌트입니다. 방향·색상·크기·말풍선 꼬리를 지원합니다. | [ui/tooltip.md](./ui/tooltip.md) |
95
95
 
96
- ### 4.2 조합형 컴포넌트 (17종)
96
+ ### 4.2 조합형 컴포넌트 (21종)
97
97
 
98
98
  | 컴포넌트 | 분류 | 문서 |
99
99
  |----------|------|------|
100
100
  | `article-asset-card` | assets | [components/article-asset-card.md](./components/article-asset-card.md) |
101
+ | `article-card` | contents | [components/article-card.md](./components/article-card.md) |
101
102
  | `blog-review-card` | assets | [components/blog-review-card.md](./components/blog-review-card.md) |
102
103
  | `boottent-event-card` | assets | [components/boottent-event-card.md](./components/boottent-event-card.md) |
103
104
  | `camp-card` | assets | [components/camp-card.md](./components/camp-card.md) |
104
105
  | `company-info-card` | assets | [components/company-info-card.md](./components/company-info-card.md) |
106
+ | `crew-content-card` | contents | [components/crew-content-card.md](./components/crew-content-card.md) |
105
107
  | `dday-card` | ads | [components/dday-card.md](./components/dday-card.md) |
106
108
  | `environment-asset-photo` | assets | [components/environment-asset-photo.md](./components/environment-asset-photo.md) |
107
109
  | `event-asset-banner` | assets | [components/event-asset-banner.md](./components/event-asset-banner.md) |
@@ -112,6 +114,8 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
112
114
  | `partner-list-card` | assets | [components/partner-list-card.md](./components/partner-list-card.md) |
113
115
  | `portfolio-asset-card` | assets | [components/portfolio-asset-card.md](./components/portfolio-asset-card.md) |
114
116
  | `premium-card` | ads | [components/premium-card.md](./components/premium-card.md) |
117
+ | `question-card` | contents | [components/question-card.md](./components/question-card.md) |
118
+ | `story-preview-card` | contents | [components/story-preview-card.md](./components/story-preview-card.md) |
115
119
  | `title-tag-card` | ads | [components/title-tag-card.md](./components/title-tag-card.md) |
116
120
  | `youtube-video-modal` | assets | [components/youtube-video-modal.md](./components/youtube-video-modal.md) |
117
121
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 디자인 토큰 — 색상 · 타이포그래피 · 기타.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 디자인 시스템 허브](./design-system.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — accordion.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — alert-dialog.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — anchor.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — aspect-ratio.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — avatar.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — badge.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — button.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — calendar.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — callout.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — card-label.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — card.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — checkbox.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — circled-check-button.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — command.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — dialog.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — dropdown-menu.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — file-uploader.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — form.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — highlight-text.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — icons.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — image.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — input.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — label.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — month-picker.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — multi-select.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — navigation-menu.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — popover.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — portal.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — progress.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — radio-group.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — scroll-area.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — select.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — separator.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — simple-table.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — skeleton.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — slider.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — switch.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — symbols.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — tabs.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — tag.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — text.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — textarea.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — toast.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — toggle-group.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — toggle.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — tooltip.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 설치 · CSS 배포 모드 · 소비 규칙의 기계 생성 정본.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 디자인 시스템 허브](./design-system.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 어떤 상황에 어떤 컴포넌트를 쓰는가 — 결정 가이드.
6
- > 버전: boottent-design v0.1.271 · 생성: 2026. 7. 14. 오후 12:00:30
6
+ > 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
7
7
 
8
8
  [← 디자인 시스템 허브](./design-system.md)
9
9
 
@@ -129,3 +129,12 @@
129
129
  | 이벤트 에셋 배너 | [`event-asset-banner`](./components/event-asset-banner.md) |
130
130
  | 회사 이벤트 카드(색상/이미지 커스텀) | [`boottent-event-card`](./components/boottent-event-card.md) |
131
131
 
132
+ ## 콘텐츠모음(꿀팁모음/취업후기/부캠Q&A/크루모임) 리스트 카드를 렌더할 때 (조합형 contents)
133
+
134
+ | 이럴 때 | 컴포넌트 |
135
+ |---------|----------|
136
+ | Q&A/질문-답변 미리보기 카드를 렌더할 때 | [`question-card`](./components/question-card.md) |
137
+ | 아티클(꿀팁/취업후기/크루모임 등) 썸네일+태그+제목 카드를 렌더할 때 | [`article-card`](./components/article-card.md) |
138
+ | 크루모임 콘텐츠(카테고리 color/background 포함) 썸네일+태그+제목 카드를 렌더할 때 | [`crew-content-card`](./components/crew-content-card.md) |
139
+ | 취업후기 스토리 프로필+통계+미리보기 카드를 렌더할 때 | [`story-preview-card`](./components/story-preview-card.md) |
140
+
@@ -1 +1 @@
1
- "use strict";const e=require("react/jsx-runtime"),t=require("react"),g=require("framer-motion"),x=require("./common-DeneXo5X.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/card-label.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");const h=require("./ui/icons.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/progress.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const H=require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const T=require("./image-loading-DZFBFoVv.cjs"),u=80;function O({keyPrefix:o,lecturer:s,roleLabel:b,description:l,numberOfLecturers:p,imagePriority:j,imageLoading:N,imageFetchPriority:v,imageDecoding:w}){const c=`${o}-name`,d=`${o}-srdesc`,m=`${o}-content`,q=t.useRef(null),[i,y]=t.useState(!1),[a,L]=t.useState(!1),[C,I]=t.useState(u),A=g.useReducedMotion();t.useLayoutEffect(()=>{const r=q.current;if(!r)return;const n=()=>{I(r.scrollHeight),L(r.scrollHeight>u+1)};n();const f=new ResizeObserver(n);return f.observe(r),()=>f.disconnect()},[l]);const R=T.getImageLoadingAttributes({imagePriority:j,imageLoading:N,imageFetchPriority:v,imageDecoding:w});return e.jsxs("article",{"aria-labelledby":c,className:x.cn("bt-ds-surface bt-ds-radius-10 flex h-full w-full items-start gap-5 rounded-[10px] border border-grey-200 bg-background px-[30px] py-5",p===1&&"col-span-2"),children:[e.jsx("div",{className:"shrink-0",children:s.imageUrl?e.jsx("div",{className:"bt-ds-surface bt-ds-radius-full relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full border border-grey-200",children:e.jsx("img",{src:s.imageUrl,alt:`${s.lecturerName} 프로필 이미지`,className:"h-full w-full object-cover",...R})}):e.jsx("div",{className:"relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full bg-grey-100","aria-label":`${s.lecturerName} 프로필 이미지 없음`,children:e.jsx(h.Icon.Profile,{size:"32",fill:"#A2A3A4","aria-hidden":"true"})})}),e.jsxs("div",{className:"flex w-full flex-col gap-2 text-regular14 text-grey-800",children:[e.jsxs("header",{className:"flex items-center gap-2 text-semibold16",children:[e.jsx("span",{id:c,children:s.lecturerName}),e.jsx(H.Tag,{variant:"solid-secondary-100",size:"sm",className:"px-1 py-0.5",children:b})]}),e.jsx("span",{className:"sr-only",id:d,children:"강사 소개를 목록으로 안내한다."}),e.jsxs(g.motion.div,{initial:!1,animate:{height:a?i?C:u:"auto"},transition:{duration:A?0:.35,ease:[.4,0,.2,1]},className:"relative overflow-hidden",children:[e.jsx("ul",{ref:q,id:m,"aria-describedby":d,"aria-expanded":a?i:void 0,className:"flex w-full flex-col whitespace-pre-wrap break-keep text-grey-600",children:l.map((r,n)=>e.jsx("li",{children:r},n))}),a&&!i&&e.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-gradient-to-t from-white to-transparent"})]}),a&&e.jsxs("button",{type:"button",onClick:()=>y(r=>!r),"aria-expanded":i,"aria-controls":m,className:"flex items-center gap-0.5 self-end text-main-600",children:[i?"정보 숨기기":"정보 더보기",e.jsx(h.Icon.ArrowDown2,{size:"16",fill:"currentColor","aria-hidden":"true",className:x.cn("shrink-0 transition-transform duration-200",i&&"rotate-180")})]})]})]})}exports.LecturerCard=O;
1
+ "use strict";const e=require("react/jsx-runtime"),t=require("react"),g=require("framer-motion"),x=require("./common-DeneXo5X.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/card-label.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");const h=require("./ui/icons.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/progress.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const H=require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const T=require("./image-loading-DZFBFoVv.cjs"),u=80;function k({keyPrefix:o,lecturer:s,roleLabel:b,description:l,numberOfLecturers:p,imagePriority:j,imageLoading:w,imageFetchPriority:N,imageDecoding:v}){const c=`${o}-name`,d=`${o}-srdesc`,m=`${o}-content`,q=t.useRef(null),[i,y]=t.useState(!1),[a,L]=t.useState(!1),[C,I]=t.useState(u),A=g.useReducedMotion();t.useLayoutEffect(()=>{const r=q.current;if(!r)return;const n=()=>{I(r.scrollHeight),L(r.scrollHeight>u+1)};n();const f=new ResizeObserver(n);return f.observe(r),()=>f.disconnect()},[l]);const R=T.getImageLoadingAttributes({imagePriority:j,imageLoading:w,imageFetchPriority:N,imageDecoding:v});return e.jsxs("article",{"aria-labelledby":c,className:x.cn("bt-ds-surface bt-ds-radius-10 flex h-full w-full items-start gap-5 rounded-[10px] border border-grey-200 bg-background px-[30px] py-5",p===1&&"col-span-2"),children:[e.jsx("div",{className:"shrink-0",children:s.imageUrl?e.jsx("div",{className:"bt-ds-surface bt-ds-radius-full relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full border border-grey-200",children:e.jsx("img",{src:s.imageUrl,alt:`${s.lecturerName} 프로필 이미지`,className:"h-full w-full object-cover",...R})}):e.jsx("div",{className:"relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full bg-grey-100","aria-label":`${s.lecturerName} 프로필 이미지 없음`,children:e.jsx(h.Icon.Profile,{size:"32",fill:"#A2A3A4","aria-hidden":"true"})})}),e.jsxs("div",{className:"flex w-full min-w-0 flex-col gap-2 text-regular14 text-grey-800",children:[e.jsxs("header",{className:"flex items-center gap-2 text-semibold16",children:[e.jsx("span",{id:c,children:s.lecturerName}),e.jsx(H.Tag,{variant:"solid-secondary-100",size:"sm",className:"px-1 py-0.5",children:b})]}),e.jsx("span",{className:"sr-only",id:d,children:"강사 소개를 목록으로 안내한다."}),e.jsxs(g.motion.div,{initial:!1,animate:{height:a?i?C:u:"auto"},transition:{duration:A?0:.35,ease:[.4,0,.2,1]},className:"relative min-w-0 overflow-hidden",children:[e.jsx("ul",{ref:q,id:m,"aria-describedby":d,"aria-expanded":a?i:void 0,className:"flex w-full min-w-0 flex-col whitespace-pre-wrap break-words break-keep text-grey-600",children:l.map((r,n)=>e.jsx("li",{children:r},n))}),a&&!i&&e.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-gradient-to-t from-white to-transparent"})]}),a&&e.jsxs("button",{type:"button",onClick:()=>y(r=>!r),"aria-expanded":i,"aria-controls":m,className:"flex items-center gap-0.5 self-end text-main-600",children:[i?"정보 숨기기":"정보 더보기",e.jsx(h.Icon.ArrowDown2,{size:"16",fill:"currentColor","aria-hidden":"true",className:x.cn("shrink-0 transition-transform duration-200",i&&"rotate-180")})]})]})]})}exports.LecturerCard=k;