boottent-design 0.1.260 → 0.1.261

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 (128) hide show
  1. package/dist/design-system/components/article-asset-card.md +1 -1
  2. package/dist/design-system/components/blog-review-card.md +1 -1
  3. package/dist/design-system/components/camp-card.md +1 -1
  4. package/dist/design-system/components/company-info-card.md +1 -1
  5. package/dist/design-system/components/dday-card.md +1 -1
  6. package/dist/design-system/components/environment-asset-photo.md +1 -1
  7. package/dist/design-system/components/event-asset-banner.md +1 -1
  8. package/dist/design-system/components/event-card.md +1 -1
  9. package/dist/design-system/components/lecturer-card.md +1 -1
  10. package/dist/design-system/components/main-banner-image.md +1 -1
  11. package/dist/design-system/components/mobile-camp-card.md +1 -1
  12. package/dist/design-system/components/partner-list-card.md +1 -1
  13. package/dist/design-system/components/portfolio-asset-card.md +1 -1
  14. package/dist/design-system/components/premium-card.md +1 -1
  15. package/dist/design-system/components/title-tag-card.md +1 -1
  16. package/dist/design-system/components/youtube-video-modal.md +1 -1
  17. package/dist/design-system/design-system.md +3 -2
  18. package/dist/design-system/tokens.md +1 -1
  19. package/dist/design-system/ui/accordion.md +1 -1
  20. package/dist/design-system/ui/alert-dialog.md +1 -1
  21. package/dist/design-system/ui/anchor.md +1 -1
  22. package/dist/design-system/ui/aspect-ratio.md +1 -1
  23. package/dist/design-system/ui/avatar.md +1 -1
  24. package/dist/design-system/ui/badge.md +1 -1
  25. package/dist/design-system/ui/button.md +1 -1
  26. package/dist/design-system/ui/calendar.md +1 -1
  27. package/dist/design-system/ui/callout.md +1 -1
  28. package/dist/design-system/ui/card-label.md +1 -1
  29. package/dist/design-system/ui/card.md +1 -1
  30. package/dist/design-system/ui/checkbox.md +1 -1
  31. package/dist/design-system/ui/circled-check-button.md +1 -1
  32. package/dist/design-system/ui/command.md +1 -1
  33. package/dist/design-system/ui/dialog.md +1 -1
  34. package/dist/design-system/ui/dropdown-menu.md +1 -1
  35. package/dist/design-system/ui/file-uploader.md +1 -1
  36. package/dist/design-system/ui/form.md +1 -1
  37. package/dist/design-system/ui/highlight-text.md +1 -1
  38. package/dist/design-system/ui/icons.md +1 -1
  39. package/dist/design-system/ui/image.md +1 -1
  40. package/dist/design-system/ui/input.md +1 -1
  41. package/dist/design-system/ui/label.md +1 -1
  42. package/dist/design-system/ui/month-picker.md +1 -1
  43. package/dist/design-system/ui/multi-select.md +1 -1
  44. package/dist/design-system/ui/navigation-menu.md +1 -1
  45. package/dist/design-system/ui/popover.md +1 -1
  46. package/dist/design-system/ui/portal.md +64 -0
  47. package/dist/design-system/ui/progress.md +1 -1
  48. package/dist/design-system/ui/radio-group.md +1 -1
  49. package/dist/design-system/ui/scroll-area.md +1 -1
  50. package/dist/design-system/ui/select.md +1 -1
  51. package/dist/design-system/ui/separator.md +1 -1
  52. package/dist/design-system/ui/simple-table.md +1 -1
  53. package/dist/design-system/ui/skeleton.md +1 -1
  54. package/dist/design-system/ui/slider.md +1 -1
  55. package/dist/design-system/ui/switch.md +1 -1
  56. package/dist/design-system/ui/symbols.md +1 -1
  57. package/dist/design-system/ui/tabs.md +1 -1
  58. package/dist/design-system/ui/tag.md +1 -1
  59. package/dist/design-system/ui/text.md +1 -1
  60. package/dist/design-system/ui/textarea.md +1 -1
  61. package/dist/design-system/ui/toast.md +9 -3
  62. package/dist/design-system/ui/toggle-group.md +1 -1
  63. package/dist/design-system/ui/toggle.md +1 -1
  64. package/dist/design-system/ui/tooltip.md +1 -1
  65. package/dist/design-system/usage.md +1 -1
  66. package/dist/design-system/when-to-use.md +3 -2
  67. package/dist/styles.css +1 -1
  68. package/dist/types/button.d.ts +1 -1
  69. package/dist/types/command.d.ts +6 -6
  70. package/dist/types/multi-select.d.ts +2 -2
  71. package/dist/types/portal.d.ts +179 -0
  72. package/dist/types/toast.d.ts +31 -2
  73. package/dist/types/toggle-group.d.ts +2 -2
  74. package/dist/types/toggle.d.ts +2 -2
  75. package/dist/types/ui/accordion.d.ts +1 -1
  76. package/dist/types/ui/alert-dialog.d.ts +1 -1
  77. package/dist/types/ui/anchor.d.ts +1 -1
  78. package/dist/types/ui/aspect-ratio.d.ts +1 -1
  79. package/dist/types/ui/avatar.d.ts +1 -1
  80. package/dist/types/ui/badge.d.ts +1 -1
  81. package/dist/types/ui/button.d.ts +1 -1
  82. package/dist/types/ui/calendar.d.ts +1 -1
  83. package/dist/types/ui/callout.d.ts +1 -1
  84. package/dist/types/ui/card-label.d.ts +1 -1
  85. package/dist/types/ui/card.d.ts +1 -1
  86. package/dist/types/ui/checkbox.d.ts +1 -1
  87. package/dist/types/ui/circled-check-button.d.ts +1 -1
  88. package/dist/types/ui/command.d.ts +1 -1
  89. package/dist/types/ui/dialog.d.ts +1 -1
  90. package/dist/types/ui/dropdown-menu.d.ts +1 -1
  91. package/dist/types/ui/file-uploader.d.ts +1 -1
  92. package/dist/types/ui/form.d.ts +1 -1
  93. package/dist/types/ui/highlight-text.d.ts +1 -1
  94. package/dist/types/ui/icons.d.ts +1 -1
  95. package/dist/types/ui/image.d.ts +1 -1
  96. package/dist/types/ui/input.d.ts +1 -1
  97. package/dist/types/ui/label.d.ts +1 -1
  98. package/dist/types/ui/month-picker.d.ts +1 -1
  99. package/dist/types/ui/multi-select.d.ts +1 -1
  100. package/dist/types/ui/navigation-menu.d.ts +1 -1
  101. package/dist/types/ui/popover.d.ts +1 -1
  102. package/dist/types/ui/portal.d.ts +2 -0
  103. package/dist/types/ui/progress.d.ts +1 -1
  104. package/dist/types/ui/radio-group.d.ts +1 -1
  105. package/dist/types/ui/scroll-area.d.ts +1 -1
  106. package/dist/types/ui/select.d.ts +1 -1
  107. package/dist/types/ui/separator.d.ts +1 -1
  108. package/dist/types/ui/simple-table.d.ts +1 -1
  109. package/dist/types/ui/skeleton.d.ts +1 -1
  110. package/dist/types/ui/slider.d.ts +1 -1
  111. package/dist/types/ui/switch.d.ts +1 -1
  112. package/dist/types/ui/symbols.d.ts +1 -1
  113. package/dist/types/ui/tabs.d.ts +1 -1
  114. package/dist/types/ui/tag.d.ts +1 -1
  115. package/dist/types/ui/text.d.ts +1 -1
  116. package/dist/types/ui/textarea.d.ts +1 -1
  117. package/dist/types/ui/toast.d.ts +1 -1
  118. package/dist/types/ui/toggle-group.d.ts +1 -1
  119. package/dist/types/ui/toggle.d.ts +1 -1
  120. package/dist/types/ui/tooltip.d.ts +1 -1
  121. package/dist/types/ui.d.ts +42 -14
  122. package/dist/ui/portal.cjs.js +1 -0
  123. package/dist/ui/portal.es.js +561 -0
  124. package/dist/ui/toast.cjs.js +1 -1
  125. package/dist/ui/toast.es.js +202 -47
  126. package/dist/ui.cjs.js +1 -1
  127. package/dist/ui.es.js +61 -57
  128. package/package.json +1 -1
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — slider.
6
- > 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -50,7 +50,7 @@ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
50
50
 
51
51
  ### 예시
52
52
  ```tsx
53
- // 기본 토스트 구조
53
+ // 1) 저수준 프리미티브로 직접 구성
54
54
  <ToastProvider>
55
55
  <Toast variant="black">
56
56
  <ToastTitle>제목</ToastTitle>
@@ -58,9 +58,15 @@ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
58
58
  </Toast>
59
59
  <ToastViewport />
60
60
  </ToastProvider>
61
+ // 2) 권장: 명령형 훅으로 사용 (앱 루트에 <ToastManager /> 한 번 mount)
62
+ import { ToastManager, useToast } from "boottent-design/ui/toast";
63
+ // 루트: <ToastManager />
64
+ const { toast } = useToast();
65
+ toast({ description: "저장되었습니다.", variant: "black" });
61
66
  ```
62
67
 
63
68
  ### 🔗 관련 · 대안
64
69
  - Dialog
65
- - Alert
70
+ - AlertDialog
71
+ - ui/portal (usePortal)
66
72
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — toggle-group.
6
- > 버전: boottent-design v0.1.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
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.260 · 생성: 2026. 6. 25. 오후 6:11:06
6
+ > 버전: boottent-design v0.1.261 · 생성: 2026. 6. 26. 오후 2:57:16
7
7
 
8
8
  [← 디자인 시스템 허브](./design-system.md)
9
9
 
@@ -14,7 +14,8 @@
14
14
 
15
15
  | 이럴 때 | 컴포넌트 |
16
16
  |---------|----------|
17
- | 정보나 폼을 담는 일반 모달 | [`dialog`](./ui/dialog.md) |
17
+ | 명령형으로 모달·알럿·다이얼로그·커스텀 오버레이를 띄울 때(usePortal) | [`portal`](./ui/portal.md) |
18
+ | 정보나 폼을 담는 일반 모달(선언형) | [`dialog`](./ui/dialog.md) |
18
19
  | 삭제 등 파괴적 작업을 확인받을 때 | [`alert-dialog`](./ui/alert-dialog.md) |
19
20
  | 특정 요소(앵커)에 붙는 보조 정보·메뉴 | [`popover`](./ui/popover.md) |
20
21
  | 호버 시 짧은 보조 설명 | [`tooltip`](./ui/tooltip.md) |