boottent-design 0.1.256 → 0.1.259

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 (132) hide show
  1. package/README.md +59 -1
  2. package/bin/sync-docs.mjs +285 -0
  3. package/dist/article-asset-card-CGSemovn.cjs +1 -0
  4. package/dist/{article-asset-card-lw8aNjSM.js → article-asset-card-D1Ipe86b.js} +3 -2
  5. package/dist/camp-card-BRs3koNF.cjs +1 -0
  6. package/dist/{camp-card-7lzkmQep.js → camp-card-Bi7Li0p5.js} +3 -2
  7. package/dist/company-info-card-C00gMHAv.cjs +1 -0
  8. package/dist/{company-info-card-BVCaYbYN.js → company-info-card-D1U_poOk.js} +3 -2
  9. package/dist/components/article-asset-card.cjs.js +1 -1
  10. package/dist/components/article-asset-card.es.js +1 -1
  11. package/dist/components/camp-card.cjs.js +1 -1
  12. package/dist/components/camp-card.es.js +1 -1
  13. package/dist/components/company-info-card.cjs.js +1 -1
  14. package/dist/components/company-info-card.es.js +1 -1
  15. package/dist/components/event-card.cjs.js +1 -1
  16. package/dist/components/event-card.es.js +1 -1
  17. package/dist/components/lecturer-card.cjs.js +1 -1
  18. package/dist/components/lecturer-card.es.js +1 -1
  19. package/dist/components/main-banner-image.cjs.js +1 -1
  20. package/dist/components/main-banner-image.es.js +1 -1
  21. package/dist/components/mobile-camp-card.cjs.js +1 -1
  22. package/dist/components/mobile-camp-card.es.js +1 -1
  23. package/dist/components/portfolio-asset-card.cjs.js +1 -1
  24. package/dist/components/portfolio-asset-card.es.js +1 -1
  25. package/dist/components/premium-card.cjs.js +1 -1
  26. package/dist/components/premium-card.es.js +1 -1
  27. package/dist/components/title-tag-card.cjs.js +1 -1
  28. package/dist/components/title-tag-card.es.js +1 -1
  29. package/dist/components/youtube-video-modal.cjs.js +1 -1
  30. package/dist/components/youtube-video-modal.es.js +1 -1
  31. package/dist/components.cjs.js +1 -1
  32. package/dist/components.es.js +11 -11
  33. package/dist/design-system/components/article-asset-card.md +30 -0
  34. package/dist/design-system/components/blog-review-card.md +29 -0
  35. package/dist/design-system/components/camp-card.md +58 -0
  36. package/dist/design-system/components/company-info-card.md +31 -0
  37. package/dist/design-system/components/environment-asset-photo.md +31 -0
  38. package/dist/design-system/components/event-asset-banner.md +30 -0
  39. package/dist/design-system/components/event-card.md +39 -0
  40. package/dist/design-system/components/lecturer-card.md +37 -0
  41. package/dist/design-system/components/main-banner-image.md +40 -0
  42. package/dist/design-system/components/mobile-camp-card.md +60 -0
  43. package/dist/design-system/components/partner-list-card.md +31 -0
  44. package/dist/design-system/components/portfolio-asset-card.md +30 -0
  45. package/dist/design-system/components/premium-card.md +39 -0
  46. package/dist/design-system/components/title-tag-card.md +38 -0
  47. package/dist/design-system/components/youtube-video-modal.md +34 -0
  48. package/dist/design-system/design-system.md +138 -0
  49. package/dist/design-system/tokens.md +113 -0
  50. package/dist/design-system/ui/accordion.md +42 -0
  51. package/dist/design-system/ui/alert-dialog.md +53 -0
  52. package/dist/design-system/ui/anchor.md +48 -0
  53. package/dist/design-system/ui/aspect-ratio.md +36 -0
  54. package/dist/design-system/ui/avatar.md +35 -0
  55. package/dist/design-system/ui/badge.md +57 -0
  56. package/dist/design-system/ui/button.md +79 -0
  57. package/dist/design-system/ui/calendar.md +47 -0
  58. package/dist/design-system/ui/callout.md +42 -0
  59. package/dist/design-system/ui/card.md +41 -0
  60. package/dist/design-system/ui/checkbox.md +38 -0
  61. package/dist/design-system/ui/circled-check-button.md +33 -0
  62. package/dist/design-system/ui/command.md +50 -0
  63. package/dist/design-system/ui/dialog.md +44 -0
  64. package/dist/design-system/ui/dropdown-menu.md +44 -0
  65. package/dist/design-system/ui/file-uploader.md +49 -0
  66. package/dist/design-system/ui/form.md +52 -0
  67. package/dist/design-system/ui/highlight-text.md +30 -0
  68. package/dist/design-system/ui/icons.md +17 -0
  69. package/dist/design-system/ui/image.md +44 -0
  70. package/dist/design-system/ui/input.md +50 -0
  71. package/dist/design-system/ui/label.md +38 -0
  72. package/dist/design-system/ui/month-picker.md +44 -0
  73. package/dist/design-system/ui/multi-select.md +49 -0
  74. package/dist/design-system/ui/navigation-menu.md +42 -0
  75. package/dist/design-system/ui/popover.md +43 -0
  76. package/dist/design-system/ui/progress.md +45 -0
  77. package/dist/design-system/ui/radio-group.md +40 -0
  78. package/dist/design-system/ui/scroll-area.md +32 -0
  79. package/dist/design-system/ui/select.md +46 -0
  80. package/dist/design-system/ui/separator.md +32 -0
  81. package/dist/design-system/ui/simple-table.md +34 -0
  82. package/dist/design-system/ui/skeleton.md +43 -0
  83. package/dist/design-system/ui/slider.md +30 -0
  84. package/dist/design-system/ui/switch.md +30 -0
  85. package/dist/design-system/ui/symbols.md +17 -0
  86. package/dist/design-system/ui/tabs.md +44 -0
  87. package/dist/design-system/ui/tag.md +79 -0
  88. package/dist/design-system/ui/text.md +50 -0
  89. package/dist/design-system/ui/textarea.md +45 -0
  90. package/dist/design-system/ui/toast.md +66 -0
  91. package/dist/design-system/ui/toggle-group.md +50 -0
  92. package/dist/design-system/ui/toggle.md +68 -0
  93. package/dist/design-system/ui/tooltip.md +55 -0
  94. package/dist/design-system/usage.md +79 -0
  95. package/dist/design-system/when-to-use.md +127 -0
  96. package/dist/{event-card-DoePuHu8.js → event-card-C1mSACOR.js} +3 -2
  97. package/dist/event-card-DebLbRKd.cjs +1 -0
  98. package/dist/{lecturer-card-B80BJVu3.js → lecturer-card-BlzA-YP6.js} +3 -2
  99. package/dist/lecturer-card-CgSWLJ8r.cjs +1 -0
  100. package/dist/{main-banner-image-DoYpMy7T.js → main-banner-image-BRLhiQJZ.js} +8 -7
  101. package/dist/main-banner-image-Bh3AZqac.cjs +1 -0
  102. package/dist/mobile-camp-card-B4L0Eq0v.cjs +1 -0
  103. package/dist/{mobile-camp-card-S0gvQ6bD.js → mobile-camp-card-B8rTQeTh.js} +20 -19
  104. package/dist/portfolio-asset-card-BdS7kkkT.cjs +1 -0
  105. package/dist/{portfolio-asset-card-C_opxeH0.js → portfolio-asset-card-DEMARh53.js} +5 -4
  106. package/dist/premium-card-1vtWPIUr.cjs +1 -0
  107. package/dist/{premium-card-BzFA2A5p.js → premium-card-CFQKDWqN.js} +14 -13
  108. package/dist/styles.css +1 -1
  109. package/dist/{title-tag-card-CEjHX43m.js → title-tag-card-Iowzns_v.js} +3 -2
  110. package/dist/title-tag-card-MFpE2-Nb.cjs +1 -0
  111. package/dist/types/progress.d.ts +13 -0
  112. package/dist/types/ui/progress.d.ts +2 -0
  113. package/dist/types/ui.d.ts +10 -0
  114. package/dist/ui/progress.cjs.js +1 -0
  115. package/dist/ui/progress.es.js +26 -0
  116. package/dist/ui.cjs.js +1 -1
  117. package/dist/ui.es.js +101 -99
  118. package/dist/{youtube-video-modal-CENnr9lf.js → youtube-video-modal-B_vy97Tt.js} +11 -10
  119. package/dist/youtube-video-modal-C4a0lovb.cjs +1 -0
  120. package/package.json +14 -4
  121. package/dist/DESIGN.md +0 -1963
  122. package/dist/article-asset-card-CM_WiHYI.cjs +0 -1
  123. package/dist/camp-card-Dr0h_TPh.cjs +0 -1
  124. package/dist/company-info-card-H1BDbRoL.cjs +0 -1
  125. package/dist/event-card-B7TYQ2do.cjs +0 -1
  126. package/dist/lecturer-card-CGPXVDdx.cjs +0 -1
  127. package/dist/main-banner-image-DdV4qseq.cjs +0 -1
  128. package/dist/mobile-camp-card-DJPf2Efp.cjs +0 -1
  129. package/dist/portfolio-asset-card-BlgNFtHc.cjs +0 -1
  130. package/dist/premium-card-Diea6qG_.cjs +0 -1
  131. package/dist/title-tag-card-Cn0V-8Ga.cjs +0 -1
  132. package/dist/youtube-video-modal-pooOcDO1.cjs +0 -1
@@ -1,20 +1,20 @@
1
1
  "use client";
2
- import { E as o } from "./event-card-DoePuHu8.js";
3
- import { M as t } from "./main-banner-image-DoYpMy7T.js";
4
- import { P as m } from "./premium-card-BzFA2A5p.js";
5
- import { T as p } from "./title-tag-card-CEjHX43m.js";
6
- import { A as d } from "./article-asset-card-lw8aNjSM.js";
2
+ import { E as o } from "./event-card-C1mSACOR.js";
3
+ import { M as t } from "./main-banner-image-BRLhiQJZ.js";
4
+ import { P as m } from "./premium-card-CFQKDWqN.js";
5
+ import { T as p } from "./title-tag-card-Iowzns_v.js";
6
+ import { A as d } from "./article-asset-card-D1Ipe86b.js";
7
7
  import { B as x } from "./blog-review-card-DTM0poKi.js";
8
- import { C as l } from "./camp-card-7lzkmQep.js";
8
+ import { C as l } from "./camp-card-Bi7Li0p5.js";
9
9
  import { f as u, a as A, b as P, c as E, d as c, e as B, i as M } from "./camp-card-format-QrakDFC6.js";
10
- import { C as L } from "./company-info-card-BVCaYbYN.js";
10
+ import { C as L } from "./company-info-card-D1U_poOk.js";
11
11
  import { E as g } from "./environment-asset-photo-BCR9v2we.js";
12
12
  import { E as y } from "./event-asset-banner-CbhdfmpK.js";
13
- import { L as Y } from "./lecturer-card-B80BJVu3.js";
13
+ import { L as Y } from "./lecturer-card-BlzA-YP6.js";
14
14
  import { P as D } from "./partner-list-card-Bx-UZxGG.js";
15
- import { M as R } from "./mobile-camp-card-S0gvQ6bD.js";
16
- import { P as V, a as j } from "./portfolio-asset-card-C_opxeH0.js";
17
- import { Y as q } from "./youtube-video-modal-CENnr9lf.js";
15
+ import { M as R } from "./mobile-camp-card-B8rTQeTh.js";
16
+ import { P as V, a as j } from "./portfolio-asset-card-DEMARh53.js";
17
+ import { Y as q } from "./youtube-video-modal-B_vy97Tt.js";
18
18
  export {
19
19
  d as ArticleAssetCard,
20
20
  x as BlogReviewCard,
@@ -0,0 +1,30 @@
1
+ # components/article-asset-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — article-asset-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## article-asset-card
11
+
12
+ > article-asset-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/article-asset-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type ArticleAssetCardProps = ImageLoadingProps & {
25
+ article: ArticleAssetCardData;
26
+ isYoutube?: boolean;
27
+ }
28
+ ```
29
+
30
+ > 시각 예시는 Storybook(`article-asset-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,29 @@
1
+ # components/blog-review-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — blog-review-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## blog-review-card
11
+
12
+ > blog-review-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/blog-review-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type BlogReviewCardProps = ImageLoadingProps & {
25
+ review: BlogReviewCardData;
26
+ }
27
+ ```
28
+
29
+ > 시각 예시는 Storybook(`blog-review-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,58 @@
1
+ # components/camp-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — camp-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## camp-card
11
+
12
+ > camp-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/camp-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type CampCardProps = ImageLoadingProps & {
25
+ brandName: string;
26
+ title: string;
27
+ batchName?: string;
28
+ imageUrl?: string | null;
29
+ imageAlt?: string;
30
+ tuitionText?: string;
31
+ locationText?: string;
32
+ scheduleText?: string;
33
+ startDate?: string | null;
34
+ endDate?: string | null;
35
+ period?: number | null;
36
+ tuition?: number | null;
37
+ earlyBirdTuition?: number | null;
38
+ earlyBirdEndDate?: string | null;
39
+ isFree?: boolean;
40
+ onoffText?: string | null;
41
+ cityLabels?: string[] | null;
42
+ offlineRequiredText?: string | null;
43
+ costOptionText?: string;
44
+ tags?: CampCardTag[];
45
+ statusBadge?: CampCardBadge;
46
+ adBadge?: CampCardBadge;
47
+ adTitle?: string;
48
+ isAd?: boolean;
49
+ className?: string;
50
+ style?: React.CSSProperties;
51
+ bookmarkSlot?: React.ReactNode;
52
+ latestBatchSlot?: React.ReactNode;
53
+ imageOverlaySlot?: React.ReactNode;
54
+ imageWrapper?: (image: React.ReactNode) => React.ReactNode;
55
+ }
56
+ ```
57
+
58
+ > 시각 예시는 Storybook(`camp-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,31 @@
1
+ # components/company-info-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — company-info-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## company-info-card
11
+
12
+ > company-info-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/company-info-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type CompanyInfoCardProps = ImageLoadingProps & {
25
+ intro: CompanyInfoCardData;
26
+ roleText?: string;
27
+ descriptionId?: string;
28
+ }
29
+ ```
30
+
31
+ > 시각 예시는 Storybook(`company-info-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,31 @@
1
+ # components/environment-asset-photo.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — environment-asset-photo.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## environment-asset-photo
11
+
12
+ > environment-asset-photo 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/environment-asset-photo";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type EnvironmentAssetPhotoProps = ImageLoadingProps & {
25
+ imageUrl: string;
26
+ index: number;
27
+ onClick: () => void;
28
+ }
29
+ ```
30
+
31
+ > 시각 예시는 Storybook(`environment-asset-photo.stories.tsx`)을 참고하세요.
@@ -0,0 +1,30 @@
1
+ # components/event-asset-banner.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — event-asset-banner.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## event-asset-banner
11
+
12
+ > event-asset-banner 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/event-asset-banner";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type EventAssetBannerProps = ImageLoadingProps & {
25
+ eventValue: EventAssetBannerData;
26
+ buttonClass?: string;
27
+ }
28
+ ```
29
+
30
+ > 시각 예시는 Storybook(`event-asset-banner.stories.tsx`)을 참고하세요.
@@ -0,0 +1,39 @@
1
+ # components/event-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — event-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## event-card
11
+
12
+ > event-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: ads
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/event-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type EventCardProps = ImageLoadingProps & {
25
+ adProduct: string;
26
+ logo: string;
27
+ title: string;
28
+ batchName?: string;
29
+ adTitle: string;
30
+ isLoading?: boolean;
31
+ startDate: string;
32
+ tuition: number;
33
+ nbCardRequired: boolean;
34
+ regEndDate?: string;
35
+ className?: string;
36
+ }
37
+ ```
38
+
39
+ > 시각 예시는 Storybook(`event-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,37 @@
1
+ # components/lecturer-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — lecturer-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## lecturer-card
11
+
12
+ > lecturer-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/lecturer-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type LecturerCardProps = ImageLoadingProps & {
25
+ keyPrefix: string;
26
+ lecturer: LecturerAssetCardData;
27
+ roleLabel: string;
28
+ isMobile: boolean;
29
+ isExpanded: boolean;
30
+ onToggleExpand: (index: number) => void;
31
+ description: string[];
32
+ idx: number;
33
+ numberOfLecturers: number;
34
+ }
35
+ ```
36
+
37
+ > 시각 예시는 Storybook(`lecturer-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,40 @@
1
+ # components/main-banner-image.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — main-banner-image.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## main-banner-image
11
+
12
+ > main-banner-image 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: ads
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/main-banner-image";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ type MainBannerImageProps = ImageLoadingProps & {
25
+ adKey: string;
26
+ filename: string;
27
+ title: string;
28
+ backgroundColor: string;
29
+ hideButton?: boolean;
30
+ buttonColors?: {
31
+ button: string;
32
+ buttonText: string;
33
+ };
34
+ linkType?: string;
35
+ isLoading?: boolean;
36
+ className?: string;
37
+ }
38
+ ```
39
+
40
+ > 시각 예시는 Storybook(`main-banner-image.stories.tsx`)을 참고하세요.
@@ -0,0 +1,60 @@
1
+ # components/mobile-camp-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — mobile-camp-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## mobile-camp-card
11
+
12
+ > mobile-camp-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/mobile-camp-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type MobileCampCardProps = ImageLoadingProps & {
25
+ brandName: string;
26
+ title: string;
27
+ batchName?: string;
28
+ imageUrl?: string | null;
29
+ imageAlt?: string;
30
+ tuitionText?: string;
31
+ locationText?: string;
32
+ scheduleText?: string;
33
+ startDate?: string | null;
34
+ endDate?: string | null;
35
+ period?: number | null;
36
+ tuition?: number | null;
37
+ earlyBirdTuition?: number | null;
38
+ earlyBirdEndDate?: string | null;
39
+ isFree?: boolean;
40
+ onoffText?: string | null;
41
+ cityLabels?: string[] | null;
42
+ offlineRequiredText?: string | null;
43
+ costOptionText?: string;
44
+ tags?: CampCardTag[];
45
+ statusBadge?: CampCardBadge;
46
+ adBadge?: CampCardBadge;
47
+ adTitle?: string;
48
+ isAd?: boolean;
49
+ isShowRegTag?: boolean;
50
+ earlyBirdText?: React.ReactNode;
51
+ afterTuitionText?: React.ReactNode;
52
+ govtCostText?: React.ReactNode;
53
+ height?: string | number;
54
+ className?: string;
55
+ bookmarkSlot?: React.ReactNode;
56
+ imageOverlaySlot?: React.ReactNode;
57
+ }
58
+ ```
59
+
60
+ > 시각 예시는 Storybook(`mobile-camp-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,31 @@
1
+ # components/partner-list-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — partner-list-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## partner-list-card
11
+
12
+ > partner-list-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/partner-list-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type PartnerListCardProps = ImageLoadingProps & {
25
+ introductionData: PartnerListCardData;
26
+ updatedContents?: number;
27
+ openBatchs?: number;
28
+ }
29
+ ```
30
+
31
+ > 시각 예시는 Storybook(`partner-list-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,30 @@
1
+ # components/portfolio-asset-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — portfolio-asset-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## portfolio-asset-card
11
+
12
+ > portfolio-asset-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/portfolio-asset-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type PortfolioAssetCardProps = ImageLoadingProps & {
25
+ portfolio: PortfolioAssetCardData;
26
+ isYoutube?: boolean;
27
+ }
28
+ ```
29
+
30
+ > 시각 예시는 Storybook(`portfolio-asset-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,39 @@
1
+ # components/premium-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — premium-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## premium-card
11
+
12
+ > premium-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: ads
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/premium-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type PremiumCardProps = ImageLoadingProps & {
25
+ logo: string;
26
+ title: string;
27
+ subtitle: string;
28
+ thumbnail: string;
29
+ batchTitle: string;
30
+ batchName?: string;
31
+ brandName: string;
32
+ startDate: string;
33
+ tuition: number;
34
+ isLoading?: boolean;
35
+ className?: string;
36
+ }
37
+ ```
38
+
39
+ > 시각 예시는 Storybook(`premium-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,38 @@
1
+ # components/title-tag-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — title-tag-card.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## title-tag-card
11
+
12
+ > title-tag-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: ads
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/title-tag-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type TitleTagCardProps = ImageLoadingProps & {
25
+ coverImage: string;
26
+ brandName: string;
27
+ title: string;
28
+ batchName?: string;
29
+ titleTagType?: string;
30
+ adTitle?: string;
31
+ changedAspect?: string;
32
+ tags?: string[];
33
+ isLoading?: boolean;
34
+ className?: string;
35
+ }
36
+ ```
37
+
38
+ > 시각 예시는 Storybook(`title-tag-card.stories.tsx`)을 참고하세요.
@@ -0,0 +1,34 @@
1
+ # components/youtube-video-modal.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — youtube-video-modal.
6
+ > 버전: boottent-design v0.1.259 · 생성: 2026. 6. 11. 오후 5:57:42
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## youtube-video-modal
11
+
12
+ > youtube-video-modal 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/youtube-video-modal";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type YoutubeVideoModalProps = {
25
+ open: boolean;
26
+ onOpenChange: (open: boolean) => void;
27
+ url?: string | null;
28
+ title?: string;
29
+ autoPlay?: boolean;
30
+ className?: string;
31
+ }
32
+ ```
33
+
34
+ > 시각 예시는 Storybook(`youtube-video-modal.stories.tsx`)을 참고하세요.