@hua-labs/ui 1.0.0 → 1.1.0-alpha.0.2

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 (348) hide show
  1. package/README.md +897 -210
  2. package/dist/ComponentLayout-BxCenSAm.d.mts +73 -0
  3. package/dist/advanced/dashboard.d.ts +7 -0
  4. package/dist/advanced/dashboard.d.ts.map +1 -0
  5. package/dist/advanced/motion.d.ts +2 -0
  6. package/dist/advanced/motion.d.ts.map +1 -0
  7. package/dist/advanced-dashboard.d.mts +4 -0
  8. package/dist/advanced-dashboard.js +2 -0
  9. package/dist/advanced-dashboard.js.map +1 -0
  10. package/dist/advanced-dashboard.mjs +2 -0
  11. package/dist/advanced-dashboard.mjs.map +1 -0
  12. package/dist/advanced-motion.d.mts +93 -0
  13. package/dist/advanced-motion.js +2 -0
  14. package/dist/advanced-motion.js.map +1 -0
  15. package/dist/advanced-motion.mjs +2 -0
  16. package/dist/advanced-motion.mjs.map +1 -0
  17. package/dist/advanced.d.mts +734 -0
  18. package/dist/advanced.d.ts +17 -0
  19. package/dist/advanced.d.ts.map +1 -0
  20. package/dist/advanced.js +2 -0
  21. package/dist/advanced.js.map +1 -0
  22. package/dist/advanced.mjs +2 -0
  23. package/dist/advanced.mjs.map +1 -0
  24. package/dist/chunk-627HOIRV.mjs +2 -0
  25. package/dist/chunk-627HOIRV.mjs.map +1 -0
  26. package/dist/chunk-ACEKLG37.mjs +2 -0
  27. package/dist/chunk-ACEKLG37.mjs.map +1 -0
  28. package/dist/chunk-E5PN4LUS.mjs +2 -0
  29. package/dist/chunk-E5PN4LUS.mjs.map +1 -0
  30. package/dist/chunk-KHEJZ3U4.mjs +2 -0
  31. package/dist/chunk-KHEJZ3U4.mjs.map +1 -0
  32. package/dist/chunk-MXGXBG63.mjs +2 -0
  33. package/dist/chunk-MXGXBG63.mjs.map +1 -0
  34. package/dist/chunk-R5KCFRYV.mjs +2 -0
  35. package/dist/chunk-R5KCFRYV.mjs.map +1 -0
  36. package/dist/chunk-UGSYQDR4.mjs +2 -0
  37. package/dist/chunk-UGSYQDR4.mjs.map +1 -0
  38. package/dist/chunk-UUHAXGMO.mjs +2 -0
  39. package/dist/chunk-UUHAXGMO.mjs.map +1 -0
  40. package/dist/chunk-VU264VFN.mjs +2 -0
  41. package/dist/chunk-VU264VFN.mjs.map +1 -0
  42. package/dist/chunk-ZFS4B5QT.mjs +2 -0
  43. package/dist/chunk-ZFS4B5QT.mjs.map +1 -0
  44. package/dist/components/Accordion.d.ts +109 -1
  45. package/dist/components/Accordion.d.ts.map +1 -1
  46. package/dist/components/Action.d.ts +68 -0
  47. package/dist/components/Action.d.ts.map +1 -0
  48. package/dist/components/ActionToolbar.d.ts +65 -0
  49. package/dist/components/ActionToolbar.d.ts.map +1 -0
  50. package/dist/components/Alert.d.ts +49 -0
  51. package/dist/components/Alert.d.ts.map +1 -1
  52. package/dist/components/Autocomplete.d.ts +88 -0
  53. package/dist/components/Autocomplete.d.ts.map +1 -0
  54. package/dist/components/Avatar.d.ts +71 -1
  55. package/dist/components/Avatar.d.ts.map +1 -1
  56. package/dist/components/Badge.d.ts +32 -2
  57. package/dist/components/Badge.d.ts.map +1 -1
  58. package/dist/components/Bookmark.d.ts +49 -0
  59. package/dist/components/Bookmark.d.ts.map +1 -0
  60. package/dist/components/BottomSheet.d.ts +91 -1
  61. package/dist/components/BottomSheet.d.ts.map +1 -1
  62. package/dist/components/Breadcrumb.d.ts +73 -14
  63. package/dist/components/Breadcrumb.d.ts.map +1 -1
  64. package/dist/components/Button.d.ts +82 -7
  65. package/dist/components/Button.d.ts.map +1 -1
  66. package/dist/components/Card.d.ts +122 -5
  67. package/dist/components/Card.d.ts.map +1 -1
  68. package/dist/components/ChatMessage.d.ts +67 -1
  69. package/dist/components/ChatMessage.d.ts.map +1 -1
  70. package/dist/components/Checkbox.d.ts +48 -2
  71. package/dist/components/Checkbox.d.ts.map +1 -1
  72. package/dist/components/Command.d.ts +82 -1
  73. package/dist/components/Command.d.ts.map +1 -1
  74. package/dist/components/ComponentLayout.d.ts +72 -0
  75. package/dist/components/ComponentLayout.d.ts.map +1 -0
  76. package/dist/components/ConfirmModal.d.ts +66 -1
  77. package/dist/components/ConfirmModal.d.ts.map +1 -1
  78. package/dist/components/Container.d.ts +39 -0
  79. package/dist/components/Container.d.ts.map +1 -1
  80. package/dist/components/ContextMenu.d.ts +51 -1
  81. package/dist/components/ContextMenu.d.ts.map +1 -1
  82. package/dist/components/DatePicker.d.ts +62 -0
  83. package/dist/components/DatePicker.d.ts.map +1 -0
  84. package/dist/components/Divider.d.ts +13 -3
  85. package/dist/components/Divider.d.ts.map +1 -1
  86. package/dist/components/Drawer.d.ts +103 -1
  87. package/dist/components/Drawer.d.ts.map +1 -1
  88. package/dist/components/Dropdown.d.ts +51 -1
  89. package/dist/components/Dropdown.d.ts.map +1 -1
  90. package/dist/components/EmotionAnalysis.d.ts +59 -1
  91. package/dist/components/EmotionAnalysis.d.ts.map +1 -1
  92. package/dist/components/EmotionButton.d.ts +35 -1
  93. package/dist/components/EmotionButton.d.ts.map +1 -1
  94. package/dist/components/EmotionMeter.d.ts +38 -2
  95. package/dist/components/EmotionMeter.d.ts.map +1 -1
  96. package/dist/components/EmotionSelector.d.ts +51 -1
  97. package/dist/components/EmotionSelector.d.ts.map +1 -1
  98. package/dist/components/FeatureCard.d.ts +61 -0
  99. package/dist/components/FeatureCard.d.ts.map +1 -0
  100. package/dist/components/Form.d.ts +114 -0
  101. package/dist/components/Form.d.ts.map +1 -0
  102. package/dist/components/Grid.d.ts +42 -1
  103. package/dist/components/Grid.d.ts.map +1 -1
  104. package/dist/components/HeroSection.d.ts +77 -0
  105. package/dist/components/HeroSection.d.ts.map +1 -0
  106. package/dist/components/Icon/Icon.d.ts +159 -0
  107. package/dist/components/Icon/Icon.d.ts.map +1 -0
  108. package/dist/components/Icon/IconProvider.d.ts +94 -0
  109. package/dist/components/Icon/IconProvider.d.ts.map +1 -0
  110. package/dist/components/Icon/icon-store.d.ts +21 -0
  111. package/dist/components/Icon/icon-store.d.ts.map +1 -0
  112. package/dist/components/Icon/index.d.ts +10 -0
  113. package/dist/components/Icon/index.d.ts.map +1 -0
  114. package/dist/components/InfoCard.d.ts +48 -0
  115. package/dist/components/InfoCard.d.ts.map +1 -0
  116. package/dist/components/Input.d.ts +40 -8
  117. package/dist/components/Input.d.ts.map +1 -1
  118. package/dist/components/Label.d.ts +50 -0
  119. package/dist/components/Label.d.ts.map +1 -0
  120. package/dist/components/LanguageToggle.d.ts +41 -1
  121. package/dist/components/LanguageToggle.d.ts.map +1 -1
  122. package/dist/components/Link.d.ts +52 -0
  123. package/dist/components/Link.d.ts.map +1 -0
  124. package/dist/components/LoadingSpinner.d.ts +44 -5
  125. package/dist/components/LoadingSpinner.d.ts.map +1 -1
  126. package/dist/components/Menu.d.ts +92 -1
  127. package/dist/components/Menu.d.ts.map +1 -1
  128. package/dist/components/Modal.d.ts +67 -5
  129. package/dist/components/Modal.d.ts.map +1 -1
  130. package/dist/components/Navigation.d.ts +72 -0
  131. package/dist/components/Navigation.d.ts.map +1 -0
  132. package/dist/components/PageNavigation.d.ts +48 -0
  133. package/dist/components/PageNavigation.d.ts.map +1 -0
  134. package/dist/components/PageTransition.d.ts +44 -1
  135. package/dist/components/PageTransition.d.ts.map +1 -1
  136. package/dist/components/Pagination.d.ts +52 -1
  137. package/dist/components/Pagination.d.ts.map +1 -1
  138. package/dist/components/Panel.d.ts +99 -0
  139. package/dist/components/Panel.d.ts.map +1 -0
  140. package/dist/components/Popover.d.ts +46 -1
  141. package/dist/components/Popover.d.ts.map +1 -1
  142. package/dist/components/Progress.d.ts +52 -3
  143. package/dist/components/Progress.d.ts.map +1 -1
  144. package/dist/components/Radio.d.ts +44 -2
  145. package/dist/components/Radio.d.ts.map +1 -1
  146. package/dist/components/ScrollArea.d.ts +53 -1
  147. package/dist/components/ScrollArea.d.ts.map +1 -1
  148. package/dist/components/ScrollIndicator.d.ts +43 -1
  149. package/dist/components/ScrollIndicator.d.ts.map +1 -1
  150. package/dist/components/ScrollProgress.d.ts +37 -0
  151. package/dist/components/ScrollProgress.d.ts.map +1 -1
  152. package/dist/components/ScrollToTop.d.ts +48 -11
  153. package/dist/components/ScrollToTop.d.ts.map +1 -1
  154. package/dist/components/SectionHeader.d.ts +42 -0
  155. package/dist/components/SectionHeader.d.ts.map +1 -0
  156. package/dist/components/Select.d.ts +59 -2
  157. package/dist/components/Select.d.ts.map +1 -1
  158. package/dist/components/Skeleton.d.ts +44 -1
  159. package/dist/components/Skeleton.d.ts.map +1 -1
  160. package/dist/components/Slider.d.ts +75 -0
  161. package/dist/components/Slider.d.ts.map +1 -0
  162. package/dist/components/Stack.d.ts +42 -1
  163. package/dist/components/Stack.d.ts.map +1 -1
  164. package/dist/components/StatsPanel.d.ts +72 -0
  165. package/dist/components/StatsPanel.d.ts.map +1 -0
  166. package/dist/components/Switch.d.ts +48 -2
  167. package/dist/components/Switch.d.ts.map +1 -1
  168. package/dist/components/Table.d.ts +206 -0
  169. package/dist/components/Table.d.ts.map +1 -0
  170. package/dist/components/Tabs.d.ts +123 -10
  171. package/dist/components/Tabs.d.ts.map +1 -1
  172. package/dist/components/Textarea.d.ts +48 -2
  173. package/dist/components/Textarea.d.ts.map +1 -1
  174. package/dist/components/ThemeProvider.d.ts +67 -2
  175. package/dist/components/ThemeProvider.d.ts.map +1 -1
  176. package/dist/components/ThemeToggle.d.ts +44 -0
  177. package/dist/components/ThemeToggle.d.ts.map +1 -1
  178. package/dist/components/Toast.d.ts +75 -1
  179. package/dist/components/Toast.d.ts.map +1 -1
  180. package/dist/components/Toggle.d.ts +62 -0
  181. package/dist/components/Toggle.d.ts.map +1 -0
  182. package/dist/components/Tooltip.d.ts +48 -1
  183. package/dist/components/Tooltip.d.ts.map +1 -1
  184. package/dist/components/Upload.d.ts +87 -0
  185. package/dist/components/Upload.d.ts.map +1 -0
  186. package/dist/components/advanced/AdvancedPageTransition.d.ts +25 -0
  187. package/dist/components/advanced/AdvancedPageTransition.d.ts.map +1 -0
  188. package/dist/components/advanced/index.d.ts +4 -0
  189. package/dist/components/advanced/index.d.ts.map +1 -0
  190. package/dist/components/advanced/usePageTransition.d.ts +33 -0
  191. package/dist/components/advanced/usePageTransition.d.ts.map +1 -0
  192. package/dist/components/advanced/usePageTransitionManager.d.ts +44 -0
  193. package/dist/components/advanced/usePageTransitionManager.d.ts.map +1 -0
  194. package/dist/components/dashboard/ActivityFeed.d.ts +87 -0
  195. package/dist/components/dashboard/ActivityFeed.d.ts.map +1 -0
  196. package/dist/components/dashboard/BarChart.d.ts +82 -0
  197. package/dist/components/dashboard/BarChart.d.ts.map +1 -0
  198. package/dist/components/dashboard/DashboardGrid.d.ts +44 -0
  199. package/dist/components/dashboard/DashboardGrid.d.ts.map +1 -0
  200. package/dist/components/dashboard/DashboardSidebar.d.ts +105 -0
  201. package/dist/components/dashboard/DashboardSidebar.d.ts.map +1 -0
  202. package/dist/components/dashboard/DashboardToolbar.d.ts +120 -0
  203. package/dist/components/dashboard/DashboardToolbar.d.ts.map +1 -0
  204. package/dist/components/dashboard/EmptyState.d.ts +61 -0
  205. package/dist/components/dashboard/EmptyState.d.ts.map +1 -0
  206. package/dist/components/dashboard/MembershipBadge.d.ts +45 -0
  207. package/dist/components/dashboard/MembershipBadge.d.ts.map +1 -0
  208. package/dist/components/dashboard/MerchantList.d.ts +98 -0
  209. package/dist/components/dashboard/MerchantList.d.ts.map +1 -0
  210. package/dist/components/dashboard/MetricCard.d.ts +75 -0
  211. package/dist/components/dashboard/MetricCard.d.ts.map +1 -0
  212. package/dist/components/dashboard/MiniBarChart.d.ts +60 -0
  213. package/dist/components/dashboard/MiniBarChart.d.ts.map +1 -0
  214. package/dist/components/dashboard/NotificationCard.d.ts +89 -0
  215. package/dist/components/dashboard/NotificationCard.d.ts.map +1 -0
  216. package/dist/components/dashboard/ProfileCard.d.ts +82 -0
  217. package/dist/components/dashboard/ProfileCard.d.ts.map +1 -0
  218. package/dist/components/dashboard/ProgressCard.d.ts +71 -0
  219. package/dist/components/dashboard/ProgressCard.d.ts.map +1 -0
  220. package/dist/components/dashboard/QuickActionCard.d.ts +63 -0
  221. package/dist/components/dashboard/QuickActionCard.d.ts.map +1 -0
  222. package/dist/components/dashboard/RoutingBreakdownCard.d.ts +88 -0
  223. package/dist/components/dashboard/RoutingBreakdownCard.d.ts.map +1 -0
  224. package/dist/components/dashboard/SettlementTimeline.d.ts +90 -0
  225. package/dist/components/dashboard/SettlementTimeline.d.ts.map +1 -0
  226. package/dist/components/dashboard/StatCard.d.ts +70 -0
  227. package/dist/components/dashboard/StatCard.d.ts.map +1 -0
  228. package/dist/components/dashboard/SummaryCard.d.ts +73 -0
  229. package/dist/components/dashboard/SummaryCard.d.ts.map +1 -0
  230. package/dist/components/dashboard/TransactionDetailDrawer.d.ts +183 -0
  231. package/dist/components/dashboard/TransactionDetailDrawer.d.ts.map +1 -0
  232. package/dist/components/dashboard/TransactionsTable.d.ts +137 -0
  233. package/dist/components/dashboard/TransactionsTable.d.ts.map +1 -0
  234. package/dist/components/dashboard/TrendChart.d.ts +75 -0
  235. package/dist/components/dashboard/TrendChart.d.ts.map +1 -0
  236. package/dist/components/dashboard/index.d.ts +41 -0
  237. package/dist/components/dashboard/index.d.ts.map +1 -0
  238. package/dist/components/scrollbar/scrollbar.d.ts +12 -0
  239. package/dist/components/scrollbar/scrollbar.d.ts.map +1 -0
  240. package/dist/dashboard-QMssHf5j.d.mts +1801 -0
  241. package/dist/feedback.d.mts +103 -0
  242. package/dist/feedback.d.ts +21 -0
  243. package/dist/feedback.d.ts.map +1 -0
  244. package/dist/feedback.js +2 -0
  245. package/dist/feedback.js.map +1 -0
  246. package/dist/feedback.mjs +2 -0
  247. package/dist/feedback.mjs.map +1 -0
  248. package/dist/form.d.mts +803 -0
  249. package/dist/form.d.ts +42 -0
  250. package/dist/form.d.ts.map +1 -0
  251. package/dist/form.js +2 -0
  252. package/dist/form.js.map +1 -0
  253. package/dist/form.mjs +2 -0
  254. package/dist/form.mjs.map +1 -0
  255. package/dist/hooks/useScrollToggle.d.ts +12 -0
  256. package/dist/hooks/useScrollToggle.d.ts.map +1 -0
  257. package/dist/icons-DoSGIez_.d.mts +135 -0
  258. package/dist/index.d.mts +3770 -0
  259. package/dist/index.d.ts +76 -38
  260. package/dist/index.d.ts.map +1 -1
  261. package/dist/index.js +37 -49
  262. package/dist/index.js.map +1 -0
  263. package/dist/index.mjs +37 -0
  264. package/dist/index.mjs.map +1 -0
  265. package/dist/lib/icon-aliases.d.ts +24 -0
  266. package/dist/lib/icon-aliases.d.ts.map +1 -0
  267. package/dist/lib/icon-names.d.ts +47 -0
  268. package/dist/lib/icon-names.d.ts.map +1 -0
  269. package/dist/lib/icon-providers.d.ts +559 -0
  270. package/dist/lib/icon-providers.d.ts.map +1 -0
  271. package/dist/lib/icons.d.ts +113 -24
  272. package/dist/lib/icons.d.ts.map +1 -1
  273. package/dist/lib/phosphor-icons.d.ts +6 -0
  274. package/dist/lib/phosphor-icons.d.ts.map +1 -0
  275. package/dist/lib/styles/colors.d.ts +131 -0
  276. package/dist/lib/styles/colors.d.ts.map +1 -0
  277. package/dist/lib/styles/index.d.ts +8 -0
  278. package/dist/lib/styles/index.d.ts.map +1 -0
  279. package/dist/lib/styles/utils.d.ts +87 -0
  280. package/dist/lib/styles/utils.d.ts.map +1 -0
  281. package/dist/lib/styles/variants.d.ts +79 -0
  282. package/dist/lib/styles/variants.d.ts.map +1 -0
  283. package/dist/lib/types/common.d.ts +80 -0
  284. package/dist/lib/types/common.d.ts.map +1 -0
  285. package/dist/lib/types/index.d.ts +6 -0
  286. package/dist/lib/types/index.d.ts.map +1 -0
  287. package/dist/lib/utils.d.ts +73 -1
  288. package/dist/lib/utils.d.ts.map +1 -1
  289. package/dist/navigation.d.mts +105 -0
  290. package/dist/navigation.d.ts +22 -0
  291. package/dist/navigation.d.ts.map +1 -0
  292. package/dist/navigation.js +2 -0
  293. package/dist/navigation.js.map +1 -0
  294. package/dist/navigation.mjs +2 -0
  295. package/dist/navigation.mjs.map +1 -0
  296. package/package.json +92 -25
  297. package/src/styles/toast.css +23 -0
  298. package/dist/components/Accordion.js +0 -84
  299. package/dist/components/Alert.js +0 -61
  300. package/dist/components/Avatar.js +0 -18
  301. package/dist/components/Badge.js +0 -15
  302. package/dist/components/BottomSheet.js +0 -96
  303. package/dist/components/Breadcrumb.js +0 -47
  304. package/dist/components/Button.js +0 -23
  305. package/dist/components/Card.js +0 -18
  306. package/dist/components/ChatMessage.js +0 -59
  307. package/dist/components/Checkbox.js +0 -30
  308. package/dist/components/Command.js +0 -119
  309. package/dist/components/ConfirmModal.js +0 -53
  310. package/dist/components/Container.js +0 -23
  311. package/dist/components/ContextMenu.js +0 -110
  312. package/dist/components/Divider.js +0 -39
  313. package/dist/components/Drawer.js +0 -79
  314. package/dist/components/Dropdown.js +0 -174
  315. package/dist/components/EmotionAnalysis.js +0 -40
  316. package/dist/components/EmotionButton.js +0 -16
  317. package/dist/components/EmotionMeter.js +0 -21
  318. package/dist/components/EmotionSelector.js +0 -46
  319. package/dist/components/Grid.js +0 -44
  320. package/dist/components/Icon.d.ts +0 -26
  321. package/dist/components/Icon.d.ts.map +0 -1
  322. package/dist/components/Icon.js +0 -48
  323. package/dist/components/Input.js +0 -25
  324. package/dist/components/LanguageToggle.js +0 -61
  325. package/dist/components/LoadingSpinner.js +0 -37
  326. package/dist/components/Menu.js +0 -122
  327. package/dist/components/Modal.js +0 -62
  328. package/dist/components/PageTransition.js +0 -39
  329. package/dist/components/Pagination.js +0 -87
  330. package/dist/components/Popover.js +0 -159
  331. package/dist/components/Progress.js +0 -51
  332. package/dist/components/Radio.js +0 -29
  333. package/dist/components/ScrollArea.js +0 -42
  334. package/dist/components/ScrollIndicator.js +0 -60
  335. package/dist/components/ScrollProgress.js +0 -39
  336. package/dist/components/ScrollToTop.js +0 -46
  337. package/dist/components/Select.js +0 -29
  338. package/dist/components/Skeleton.js +0 -71
  339. package/dist/components/Stack.js +0 -34
  340. package/dist/components/Switch.js +0 -29
  341. package/dist/components/Tabs.js +0 -117
  342. package/dist/components/Textarea.js +0 -31
  343. package/dist/components/ThemeProvider.js +0 -76
  344. package/dist/components/ThemeToggle.js +0 -49
  345. package/dist/components/Toast.js +0 -138
  346. package/dist/components/Tooltip.js +0 -102
  347. package/dist/lib/icons.js +0 -321
  348. package/dist/lib/utils.js +0 -5
package/dist/chunk-R5KCFRYV.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/lib/styles/colors.ts","../src/lib/styles/variants.ts","../src/components/dashboard/StatCard.tsx","../src/components/dashboard/QuickActionCard.tsx","../src/components/dashboard/DashboardGrid.tsx","../src/components/dashboard/ActivityFeed.tsx","../src/components/dashboard/ProfileCard.tsx","../src/components/dashboard/MembershipBadge.tsx","../src/components/dashboard/MiniBarChart.tsx","../src/components/dashboard/SummaryCard.tsx","../src/components/dashboard/NotificationCard.tsx","../src/components/dashboard/MetricCard.tsx","../src/components/dashboard/ProgressCard.tsx","../src/components/dashboard/EmptyState.tsx","../src/components/dashboard/DashboardSidebar.tsx","../src/components/dashboard/TransactionsTable.tsx","../src/components/dashboard/DashboardToolbar.tsx","../src/components/dashboard/TrendChart.tsx","../src/components/dashboard/TransactionDetailDrawer.tsx","../src/components/dashboard/SettlementTimeline.tsx","../src/components/dashboard/RoutingBreakdownCard.tsx","../src/components/dashboard/MerchantList.tsx","../src/components/StatsPanel.tsx","../src/components/SectionHeader.tsx"],"names":["colorShades","colorClass","color","shade","prefix","withDarkMode","lightClass","darkClass","defaultColorConfig","gradientConfig","createColorStyles","config","_a","_b","_c","_d","_e","_f","_g","_h","_i","_j","_k","_l","_m","_n","_o","finalConfig","defaultBorder","defaultBg","defaultStyle","merge","gradientFrom","gradientTo","gradientBorder","gradientStyle","outlineBorder","outlineBg","outlineText","outlineStyle","elevatedBorder","elevatedBg","elevatedShadow","elevatedStyle","iconBg","iconText","iconStyle","badgeBg","badgeText","badgeStyle","colorStylesCache","useColorStyles","cacheKey","createVariantStyles","variant","colorStyles","baseClasses","StatCard","React","title","value","description","icon","trend","loading","emptyState","className","props","ref","isGradient","isTextWhite","variantClass","useMemo","baseClass","formatValue","val","jsx","jsxs","Icon","QuickActionCard","href","onClick","content","Fragment","gapClasses","columnClasses","fixedColumnClasses","DashboardGrid","columns","gap","responsive","children","gridClasses","ActivityFeed","items","emptyMessage","showHeader","maxItems","onViewAll","viewAllLabel","displayItems","hasMore","item","key","formatRelativeTime","tierStyles","tierLabels","ProfileCard","name","email","avatar","avatarAlt","greeting","memberSince","membershipTier","membershipLabel","onSettingsClick","settingsHref","showAvatar","showMembership","showSettings","formatDate","date","tier","tierStyle","tierLabel","part","index","isEmoji","tierConfig","sizeClasses","MembershipBadge","label","size","showIcon","sizeStyle","displayLabel","getIcon","chartColors","MiniBarChart","data","labels","maxValue","height","showTooltip","showStats","highlightToday","todayIndex","colors","calculatedMax","fixedMax","todayIdx","calculateHeight","total","sum","average","max","chartLabel","isToday","barHeight","barColor","defaultVariantGradients","buttonGradients","SummaryCard","subtitle","badge","footer","showAction","actionLabel","typeStyles","defaultTypeStyles","NotificationCard","showCount","getTypeStyles","type","typeStyle","MetricCard","chartData","chartLabels","showChart","progressColors","sizeStyles","ProgressCard","current","unit","showPercentage","showLabel","sizes","percentage","variantStyles","DashboardEmptyState","actionText","actionHref","actionOnClick","styles","actionButton","DEFAULT_COLLAPSED","DEFAULT_EXPANDED","DashboardSidebar","logo","productSwitcher","sections","footerActions","isCollapsed","defaultCollapsed","onToggleCollapsed","collapsedWidth","expandedWidth","mobileBreakpoint","overlayBackground","internalCollapsed","setInternalCollapsed","isMobileOpen","setIsMobileOpen","isMobile","setIsMobile","collapsed","checkMobile","toggleCollapsed","next","widthStyle","sidebarContent","section","itemNode","Tooltip","STATUS_STYLES","DEFAULT_COLUMNS","TransactionsTable","rows","isLoading","caption","filters","onRowClick","highlightRow","statusLabels","statusRenderer","amountFormatter","methodFormatter","dateFormatter","locale","defaultCurrency","rowActionLabel","rowActionHint","columnList","hasRows","tableId","rowActionHintId","getRowActionLabel","row","renderStatus","status","Badge","renderAmount","currency","renderMethod","renderDate","renderCell","column","Table","TableCaption","TableHeader","TableRow","TableHead","TableBody","TableCell","SkeletonTable","clickable","handleRowKeyDown","event","rowLabel","actionAppearance","ToolbarButton","appearance","DashboardToolbar","meta","dateRange","actions","onRefresh","lastUpdated","containerClasses","Dropdown","Button","DropdownMenu","preset","DropdownItem","action","PRESET_PALETTES","TrendChart","series","categories","palette","showLegend","showDots","paletteColors","safeCategories","denominator","s","points","point","i","pathData","p","areaData","idx","e","formatAmount","amount","parsed","getEventColor","getSettlementBadge","TransactionDetailDrawer","open","onClose","transaction","metadata","settlement","fees","events","summary","statusStyle","Drawer","DrawerHeader","DrawerContent","_","fee","DrawerFooter","STATUS_CONFIG","SettlementTimeline","highlightedId","hasItems","statusConfig","isHighlighted","showConnector","itemLabel","DEFAULT_COLORS","STATUS_BADGES","formatPercentage","RoutingBreakdownCard","segments","totalLabel","totalValue","highlightId","formatter","hasSegments","segment","width","badgeClass","customContent","HEALTH_BADGES","formatPercent","formatVolume","MerchantList","onMerchantSelect","Skeleton","merchant","approval","volume","merchantLabel","StatsPanel","baseCardClass","accentStyles","gridCols","SectionHeader"],"mappings":"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","file":"chunk-R5KCFRYV.mjs","sourcesContent":["/**\n * HUA UI 공통 색상 시스템\n * 중앙화된 색상 팔레트와 스타일 생성 유틸리티\n */\n\nimport type { Color } from \"../types/common\";\nimport { merge } from \"../utils\";\n\n/**\n * Tailwind CSS 색상 클래스 매핑\n * 각 색상의 50-900 단계를 정의합니다.\n */\nconst colorShades = {\n 50: \"50\",\n 100: \"100\",\n 200: \"200\",\n 300: \"300\",\n 400: \"400\",\n 500: \"500\",\n 600: \"600\",\n 700: \"700\",\n 800: \"800\",\n 900: \"900\",\n} as const;\n\ntype ColorShade = keyof typeof colorShades;\n\n/**\n * 색상별 클래스 생성 헬퍼\n */\nfunction colorClass(color: Color, shade: ColorShade, prefix: string = \"\"): string {\n return `${prefix}${color}-${colorShades[shade]}`;\n}\n\n/**\n * 다크 모드 지원 클래스 생성\n */\nfunction withDarkMode(lightClass: string, darkClass: string): string {\n return `${lightClass} dark:${darkClass}`;\n}\n\n/**\n * 색상 스타일 설정 인터페이스\n */\nexport interface ColorStyleConfig {\n /** 기본 variant 스타일 */\n default?: {\n border?: { light: ColorShade; dark?: ColorShade };\n background?: { light: ColorShade; dark?: ColorShade; opacity?: string };\n };\n /** 그라데이션 variant 스타일 */\n gradient?: {\n from?: ColorShade;\n to?: ColorShade;\n border?: { light: ColorShade; dark?: ColorShade };\n };\n /** 아웃라인 variant 스타일 */\n outline?: {\n border?: { light: ColorShade; dark?: ColorShade };\n background?: string;\n text?: { light: ColorShade; dark?: ColorShade };\n };\n /** Elevated variant 스타일 */\n elevated?: {\n border?: { light: ColorShade; dark?: ColorShade };\n background?: { light: string; dark: string };\n shadow?: string;\n };\n /** 아이콘 스타일 */\n icon?: {\n background?: { light: ColorShade; dark?: ColorShade; opacity?: string };\n text?: { light: ColorShade; dark?: ColorShade };\n };\n /** 배지 스타일 */\n badge?: {\n background?: { light: ColorShade; dark?: ColorShade; opacity?: string };\n text?: { light: ColorShade; dark?: ColorShade };\n };\n}\n\n/**\n * 생성된 색상 스타일 인터페이스\n */\nexport interface ColorStyles {\n default: string;\n gradient: string;\n outline: string;\n elevated: string;\n icon: string;\n badge: string;\n}\n\n/**\n * 기본 색상 스타일 설정\n * 각 색상에 대한 기본 스타일 템플릿\n */\nconst defaultColorConfig: Omit<ColorStyleConfig, \"gradient\"> = {\n default: {\n border: { light: 200, dark: 700 },\n background: { light: 50, dark: 900, opacity: \"50\" },\n },\n outline: {\n border: { light: 300, dark: 600 },\n background: \"transparent\",\n text: { light: 600, dark: 400 },\n },\n elevated: {\n border: { light: 200, dark: 700 },\n background: { light: \"white\", dark: \"gray-800\" },\n shadow: \"lg\",\n },\n icon: {\n background: { light: 100, dark: 900, opacity: \"30\" },\n text: { light: 600, dark: 400 },\n },\n badge: {\n background: { light: 50, dark: 900, opacity: \"30\" },\n text: { light: 700, dark: 300 },\n },\n};\n\n/**\n * 그라데이션 스타일 설정\n */\nconst gradientConfig: ColorStyleConfig[\"gradient\"] = {\n from: 500,\n to: 600,\n border: { light: 400, dark: 500 },\n};\n\n/**\n * 색상 스타일 생성 함수\n * \n * @param color - 색상 이름\n * @param config - 커스텀 스타일 설정 (선택사항)\n * @returns 생성된 색상 스타일 객체\n * \n * @example\n * ```tsx\n * const styles = createColorStyles(\"blue\");\n * // styles.default, styles.gradient, styles.outline 등 사용 가능\n * ```\n */\nexport function createColorStyles(\n color: Color,\n config?: Partial<ColorStyleConfig>\n): ColorStyles {\n const finalConfig: ColorStyleConfig = {\n default: config?.default || defaultColorConfig.default,\n gradient: config?.gradient || gradientConfig,\n outline: config?.outline || defaultColorConfig.outline,\n elevated: config?.elevated || defaultColorConfig.elevated,\n icon: config?.icon || defaultColorConfig.icon,\n badge: config?.badge || defaultColorConfig.badge,\n };\n\n // Default variant\n const defaultBorder = finalConfig.default?.border\n ? withDarkMode(\n `border-${colorClass(color, finalConfig.default.border.light)}`,\n `border-${colorClass(color, finalConfig.default.border.dark || finalConfig.default.border.light)}`\n )\n : \"\";\n \n const defaultBg = finalConfig.default?.background\n ? withDarkMode(\n `bg-${colorClass(color, finalConfig.default.background.light)}${finalConfig.default.background.opacity ? `/${finalConfig.default.background.opacity}` : \"\"}`,\n `bg-${colorClass(color, finalConfig.default.background.dark || finalConfig.default.background.light)}${finalConfig.default.background.opacity ? `/${finalConfig.default.background.opacity}` : \"\"}`\n )\n : \"\";\n\n const defaultStyle = merge(defaultBorder, defaultBg);\n\n // Gradient variant\n const gradientFrom = finalConfig.gradient?.from\n ? `from-${colorClass(color, finalConfig.gradient.from)}`\n : \"\";\n const gradientTo = finalConfig.gradient?.to\n ? `to-${colorClass(color, finalConfig.gradient.to)}`\n : \"\";\n const gradientBorder = finalConfig.gradient?.border\n ? withDarkMode(\n `border-${colorClass(color, finalConfig.gradient.border.light)}`,\n `border-${colorClass(color, finalConfig.gradient.border.dark || finalConfig.gradient.border.light)}`\n )\n : \"\";\n \n const gradientStyle = merge(\n \"bg-gradient-to-br\",\n gradientFrom,\n gradientTo,\n gradientBorder\n );\n\n // Outline variant\n const outlineBorder = finalConfig.outline?.border\n ? `border-2 ${withDarkMode(\n `border-${colorClass(color, finalConfig.outline.border.light)}`,\n `border-${colorClass(color, finalConfig.outline.border.dark || finalConfig.outline.border.light)}`\n )}`\n : \"\";\n const outlineBg = finalConfig.outline?.background || \"bg-transparent\";\n const outlineText = finalConfig.outline?.text\n ? withDarkMode(\n `text-${colorClass(color, finalConfig.outline.text.light)}`,\n `text-${colorClass(color, finalConfig.outline.text.dark || finalConfig.outline.text.light)}`\n )\n : \"\";\n \n const outlineStyle = merge(outlineBorder, outlineBg, outlineText);\n\n // Elevated variant\n const elevatedBorder = finalConfig.elevated?.border\n ? withDarkMode(\n `border-${colorClass(color, finalConfig.elevated.border.light)}`,\n `border-${colorClass(color, finalConfig.elevated.border.dark || finalConfig.elevated.border.light)}`\n )\n : \"\";\n const elevatedBg = finalConfig.elevated?.background\n ? withDarkMode(\n `bg-${finalConfig.elevated.background.light}`,\n `bg-${finalConfig.elevated.background.dark}`\n )\n : \"\";\n const elevatedShadow = finalConfig.elevated?.shadow\n ? `shadow-${finalConfig.elevated.shadow}`\n : \"\";\n \n const elevatedStyle = merge(elevatedBorder, elevatedBg, elevatedShadow);\n\n // Icon style\n const iconBg = finalConfig.icon?.background\n ? withDarkMode(\n `bg-${colorClass(color, finalConfig.icon.background.light)}${finalConfig.icon.background.opacity ? `/${finalConfig.icon.background.opacity}` : \"\"}`,\n `bg-${colorClass(color, finalConfig.icon.background.dark || finalConfig.icon.background.light)}${finalConfig.icon.background.opacity ? `/${finalConfig.icon.background.opacity}` : \"\"}`\n )\n : \"\";\n const iconText = finalConfig.icon?.text\n ? withDarkMode(\n `text-${colorClass(color, finalConfig.icon.text.light)}`,\n `text-${colorClass(color, finalConfig.icon.text.dark || finalConfig.icon.text.light)}`\n )\n : \"\";\n \n const iconStyle = merge(iconBg, iconText);\n\n // Badge style\n const badgeBg = finalConfig.badge?.background\n ? withDarkMode(\n `bg-${colorClass(color, finalConfig.badge.background.light)}${finalConfig.badge.background.opacity ? `/${finalConfig.badge.background.opacity}` : \"\"}`,\n `bg-${colorClass(color, finalConfig.badge.background.dark || finalConfig.badge.background.light)}${finalConfig.badge.background.opacity ? `/${finalConfig.badge.background.opacity}` : \"\"}`\n )\n : \"\";\n const badgeText = finalConfig.badge?.text\n ? withDarkMode(\n `text-${colorClass(color, finalConfig.badge.text.light)}`,\n `text-${colorClass(color, finalConfig.badge.text.dark || finalConfig.badge.text.light)}`\n )\n : \"\";\n \n const badgeStyle = merge(badgeBg, badgeText);\n\n return {\n default: defaultStyle,\n gradient: gradientStyle,\n outline: outlineStyle,\n elevated: elevatedStyle,\n icon: iconStyle,\n badge: badgeStyle,\n };\n}\n\n/**\n * 색상 스타일 캐시\n * 동일한 색상과 설정에 대해 재사용하여 성능 최적화\n */\nconst colorStylesCache = new Map<string, ColorStyles>();\n\n/**\n * 메모이제이션된 색상 스타일 생성 함수\n * \n * @param color - 색상 이름\n * @param config - 커스텀 스타일 설정 (선택사항)\n * @returns 생성된 색상 스타일 객체\n */\nexport function useColorStyles(\n color: Color,\n config?: Partial<ColorStyleConfig>\n): ColorStyles {\n const cacheKey = `${color}-${JSON.stringify(config || {})}`;\n \n if (!colorStylesCache.has(cacheKey)) {\n colorStylesCache.set(cacheKey, createColorStyles(color, config));\n }\n \n return colorStylesCache.get(cacheKey)!;\n}\n\n","/**\n * HUA UI 공통 Variant 시스템\n * 컴포넌트 variant 스타일 생성 유틸리티\n */\n\nimport type { ExtendedVariant, Size } from \"../types/common\";\nimport type { ColorStyles } from \"./colors\";\nimport { merge } from \"../utils\";\n\n/**\n * Variant 스타일 생성 함수\n * \n * @param variant - Variant 타입\n * @param colorStyles - 색상 스타일 객체\n * @returns 생성된 variant 클래스 문자열\n * \n * @example\n * ```tsx\n * const colorStyles = useColorStyles(\"blue\");\n * const variantClass = createVariantStyles(\"elevated\", colorStyles);\n * ```\n */\nexport function createVariantStyles(\n variant: ExtendedVariant,\n colorStyles: ColorStyles\n): string {\n const baseClasses = \"rounded-2xl border transition-all duration-200\";\n \n switch (variant) {\n case \"default\":\n return merge(baseClasses, colorStyles.default);\n \n case \"gradient\":\n return merge(baseClasses, \"text-white\", colorStyles.gradient);\n \n case \"outline\":\n return merge(baseClasses, colorStyles.outline);\n \n case \"elevated\":\n return merge(baseClasses, colorStyles.elevated);\n \n default:\n return baseClasses;\n }\n}\n\n/**\n * Size 스타일 설정 인터페이스\n */\nexport interface SizeStyles {\n container: string;\n icon: string;\n iconContainer: string;\n text: string;\n title: string;\n description: string;\n}\n\n/**\n * Size 스타일 생성 함수\n * \n * @param size - 크기 타입\n * @returns 생성된 size 스타일 객체\n * \n * @example\n * ```tsx\n * const sizeStyles = createSizeStyles(\"md\");\n * // sizeStyles.container, sizeStyles.icon 등 사용 가능\n * ```\n */\nexport function createSizeStyles(size: Size = \"md\"): SizeStyles {\n const sizeMap: Record<Size, SizeStyles> = {\n sm: {\n container: \"p-4\",\n icon: \"h-4 w-4\",\n iconContainer: \"w-8 h-8\",\n text: \"text-xs\",\n title: \"text-xs\",\n description: \"text-xs\",\n },\n md: {\n container: \"p-6\",\n icon: \"h-6 w-6\",\n iconContainer: \"w-12 h-12\",\n text: \"text-base\",\n title: \"text-sm\",\n description: \"text-sm\",\n },\n lg: {\n container: \"p-8\",\n icon: \"h-8 w-8\",\n iconContainer: \"w-16 h-16\",\n text: \"text-lg\",\n title: \"text-base\",\n description: \"text-base\",\n },\n xl: {\n container: \"p-10\",\n icon: \"h-10 w-10\",\n iconContainer: \"w-20 h-20\",\n text: \"text-xl\",\n title: \"text-lg\",\n description: \"text-lg\",\n },\n };\n \n return sizeMap[size];\n}\n\n/**\n * Rounded 스타일 타입\n */\nexport type Rounded = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | \"none\";\n\n/**\n * Rounded 스타일 생성 함수\n * \n * @param rounded - Rounded 타입\n * @returns 생성된 rounded 클래스 문자열\n */\nexport function createRoundedStyles(rounded: Rounded = \"md\"): string {\n const roundedMap: Record<Rounded, string> = {\n sm: \"rounded\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n xl: \"rounded-xl\",\n full: \"rounded-full\",\n none: \"rounded-none\",\n };\n \n return roundedMap[rounded];\n}\n\n/**\n * Shadow 스타일 타입\n */\nexport type Shadow = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n/**\n * Shadow 스타일 생성 함수\n * \n * @param shadow - Shadow 타입\n * @returns 생성된 shadow 클래스 문자열\n */\nexport function createShadowStyles(shadow: Shadow = \"md\"): string {\n if (shadow === \"none\") return \"\";\n \n return `shadow-${shadow}`;\n}\n\n/**\n * Hover 효과 타입\n */\nexport type HoverEffect = \"scale\" | \"glow\" | \"slide\" | \"none\";\n\n/**\n * Hover 효과 스타일 생성 함수\n * \n * @param hover - Hover 효과 타입\n * @param reducedMotion - 애니메이션 축소 설정 여부\n * @returns 생성된 hover 클래스 문자열\n */\nexport function createHoverStyles(\n hover: HoverEffect = \"scale\",\n reducedMotion: boolean = false\n): string {\n if (reducedMotion || hover === \"none\") return \"\";\n \n const hoverMap: Record<HoverEffect, string> = {\n scale: \"hover:scale-105 transition-transform duration-200\",\n glow: \"hover:shadow-2xl hover:shadow-blue-500/25 dark:hover:shadow-cyan-400/25 transition-shadow duration-300\",\n slide: \"hover:-translate-y-1 transition-transform duration-200\",\n none: \"\",\n };\n \n return hoverMap[hover];\n}\n\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { useColorStyles } from \"../../lib/styles/colors\";\nimport { createVariantStyles } from \"../../lib/styles/variants\";\nimport type { Color } from \"../../lib/types/common\";\n\n/**\n * StatCard 컴포넌트의 props / StatCard component props\n * @typedef {Object} StatCardProps\n * @property {string} title - 카드 제목 / Card title\n * @property {string | number | null | undefined} value - 통계 값 / Statistic value\n * @property {string} [description] - 카드 설명 / Card description\n * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon\n * @property {Object} [trend] - 추세 정보 / Trend information\n * @property {number} trend.value - 추세 값 / Trend value\n * @property {string} trend.label - 추세 라벨 / Trend label\n * @property {boolean} [trend.positive] - 긍정적 추세 여부 / Positive trend\n * @property {\"default\" | \"gradient\" | \"outline\" | \"elevated\"} [variant=\"default\"] - 카드 스타일 변형 / Card style variant\n * @property {\"blue\" | \"purple\" | \"green\" | \"orange\" | \"red\" | \"indigo\" | \"pink\" | \"gray\"} [color] - 카드 색상 / Card color\n * @property {boolean} [loading] - 로딩 상태 / Loading state\n * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n value: string | number | null | undefined;\n description?: string;\n icon?: IconName | React.ReactNode;\n trend?: {\n value: number;\n label: string;\n positive?: boolean;\n };\n variant?: \"default\" | \"gradient\" | \"outline\" | \"elevated\";\n color?: Color;\n loading?: boolean;\n emptyState?: React.ReactNode;\n}\n\n\n/**\n * StatCard 컴포넌트 / StatCard component\n * \n * 통계 정보를 표시하는 카드 컴포넌트입니다.\n * 제목, 값, 설명, 아이콘, 추세 정보를 포함할 수 있습니다.\n * \n * Card component that displays statistic information.\n * Can include title, value, description, icon, and trend information.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <StatCard\n * title=\"총 사용자\"\n * value=\"1,234\"\n * description=\"지난 달 대비\"\n * icon=\"users\"\n * />\n * \n * @example\n * // 추세 정보 포함 / With trend information\n * <StatCard\n * title=\"매출\"\n * value=\"₩1,000,000\"\n * trend={{ value: 12.5, label: \"전월 대비\", positive: true }}\n * color=\"green\"\n * variant=\"gradient\"\n * />\n * \n * @param {StatCardProps} props - StatCard 컴포넌트의 props / StatCard component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} StatCard 컴포넌트 / StatCard component\n */\nexport const StatCard = React.forwardRef<HTMLDivElement, StatCardProps>(\n (\n {\n title,\n value,\n description,\n icon,\n trend,\n variant = \"elevated\",\n color = \"blue\",\n loading = false,\n emptyState,\n className,\n ...props\n },\n ref\n ) => {\n // 공통 색상 시스템 사용\n const colorStyles = useColorStyles(color);\n const isGradient = variant === \"gradient\";\n const isTextWhite = isGradient;\n\n // Variant 스타일 생성 (elevated는 rounded-3xl로 커스터마이징)\n const variantClass = useMemo(() => {\n const baseClass = createVariantStyles(variant, colorStyles);\n // elevated variant는 rounded-3xl 사용\n if (variant === \"elevated\") {\n return baseClass.replace(\"rounded-2xl\", \"rounded-3xl\");\n }\n return baseClass;\n }, [variant, colorStyles]);\n\n const formatValue = (val: string | number): string => {\n if (typeof val === \"number\") {\n return val.toLocaleString();\n }\n return val;\n };\n\n if (!loading && (value === null || value === undefined || value === \"\")) {\n return emptyState ? (\n <div className={className} {...props}>\n {emptyState}\n </div>\n ) : (\n <div className={merge(\"rounded-2xl border border-slate-100 dark:border-slate-800 p-6\", className)} {...props}>\n <h3 className=\"text-sm font-medium text-slate-500 dark:text-slate-400\">{title}</h3>\n <p className=\"mt-2 text-sm text-slate-400\">데이터가 없습니다.</p>\n </div>\n );\n }\n\n return (\n <div\n ref={ref}\n className={merge(\n \"p-6 transition-all duration-200 hover:shadow-xl\",\n variantClass,\n className\n )}\n {...props}\n >\n <div className=\"flex items-start justify-between mb-4\">\n {/* 아이콘 */}\n {icon && (\n <div className={merge(\n \"w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0\",\n isGradient ? \"bg-white/20\" : colorStyles.icon\n )}>\n {typeof icon === \"string\" ? (\n <Icon\n name={icon as IconName}\n className={merge(\n \"w-6 h-6\",\n isTextWhite ? \"text-white\" : \"\"\n )}\n />\n ) : (\n icon\n )}\n </div>\n )}\n\n {/* 배지 */}\n {title && (\n <span className={merge(\n \"text-sm px-3 py-1 rounded-full font-medium\",\n isGradient ? \"bg-white/20 text-white\" : colorStyles.badge\n )}>\n {title}\n </span>\n )}\n </div>\n\n {/* 값 */}\n {loading ? (\n <div className=\"h-10 bg-gray-200 dark:bg-gray-700 rounded animate-pulse mb-2\" />\n ) : (\n <h3 className={merge(\n \"text-3xl font-bold mb-1\",\n isTextWhite ? \"text-white\" : \"text-gray-800 dark:text-white\"\n )}>\n {formatValue(value ?? 0)}\n </h3>\n )}\n\n {/* 설명 */}\n {description && (\n <p className={merge(\n \"text-sm\",\n isTextWhite ? \"text-white/90\" : \"text-gray-600 dark:text-gray-300\"\n )}>\n {description}\n </p>\n )}\n\n {/* 트렌드 */}\n {trend && !loading && (\n <div className=\"mt-3 flex items-center gap-1\">\n <span\n className={merge(\n \"text-xs font-medium\",\n trend.positive !== false\n ? \"text-green-600 dark:text-green-400\"\n : \"text-red-600 dark:text-red-400\"\n )}\n >\n {trend.positive !== false ? \"↑\" : \"↓\"} {Math.abs(trend.value)}%\n </span>\n <span className={merge(\n \"text-xs\",\n isTextWhite ? \"text-white/70\" : \"text-gray-500 dark:text-gray-400\"\n )}>\n {trend.label}\n </span>\n </div>\n )}\n </div>\n );\n }\n);\n\nStatCard.displayName = \"StatCard\";\n\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { useColorStyles } from \"../../lib/styles/colors\";\nimport type { Color } from \"../../lib/types/common\";\n\n/**\n * QuickActionCard 컴포넌트의 props / QuickActionCard component props\n * @typedef {Object} QuickActionCardProps\n * @property {string} title - 카드 제목 / Card title\n * @property {string} [description] - 카드 설명 / Card description\n * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon\n * @property {string} [href] - 링크 URL / Link URL\n * @property {() => void} [onClick] - 클릭 핸들러 / Click handler\n * @property {\"gradient\" | \"outline\" | \"solid\"} [variant=\"gradient\"] - 카드 스타일 변형 / Card style variant\n * @property {\"blue\" | \"purple\" | \"green\" | \"orange\" | \"red\" | \"indigo\" | \"pink\" | \"gray\"} [color=\"blue\"] - 카드 색상 / Card color\n * @property {boolean} [loading] - 로딩 상태 / Loading state\n * @extends {React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>}\n */\nexport interface QuickActionCardProps extends React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> {\n title: string;\n description?: string;\n icon?: IconName | React.ReactNode;\n href?: string;\n onClick?: () => void;\n variant?: \"gradient\" | \"outline\" | \"solid\";\n color?: Color;\n loading?: boolean;\n}\n\n\n/**\n * QuickActionCard 컴포넌트 / QuickActionCard component\n * \n * 빠른 액션을 수행하는 카드 컴포넌트입니다.\n * 링크나 버튼으로 동작하며, 클릭 가능한 액션 카드로 사용됩니다.\n * \n * Card component for quick actions.\n * Works as a link or button, used as a clickable action card.\n * \n * @component\n * @example\n * // 링크 카드 / Link card\n * <QuickActionCard\n * title=\"새 주문 생성\"\n * description=\"주문을 빠르게 생성하세요\"\n * icon=\"plus\"\n * href=\"/orders/new\"\n * color=\"blue\"\n * />\n * \n * @example\n * // 버튼 카드 / Button card\n * <QuickActionCard\n * title=\"리포트 다운로드\"\n * description=\"최신 리포트를 다운로드하세요\"\n * icon=\"download\"\n * onClick={handleDownload}\n * variant=\"outline\"\n * color=\"green\"\n * />\n * \n * @param {QuickActionCardProps} props - QuickActionCard 컴포넌트의 props / QuickActionCard component props\n * @param {React.Ref<HTMLAnchorElement | HTMLButtonElement>} ref - anchor 또는 button 요소 ref / anchor or button element ref\n * @returns {JSX.Element} QuickActionCard 컴포넌트 / QuickActionCard component\n */\nexport const QuickActionCard = React.forwardRef<\n HTMLAnchorElement | HTMLButtonElement,\n QuickActionCardProps\n>(\n (\n {\n title,\n description,\n icon,\n href,\n onClick,\n variant = \"gradient\",\n color = \"blue\",\n loading = false,\n className,\n ...props\n },\n ref\n ) => {\n // 공통 색상 시스템 사용\n const colorStyles = useColorStyles(color);\n const isGradient = variant === \"gradient\";\n const isTextWhite = isGradient || variant === \"solid\";\n\n // Variant 스타일 생성 (QuickActionCard는 gradient, outline, solid만 사용)\n const variantClass = useMemo(() => {\n if (variant === \"gradient\") {\n // gradient는 공통 시스템 사용\n return `text-white ${colorStyles.gradient}`;\n } else if (variant === \"outline\") {\n // outline은 공통 시스템 사용\n return colorStyles.outline;\n } else {\n // solid는 별도 처리 (정적 클래스 사용)\n const solidClasses: Record<Color, string> = {\n blue: \"text-white bg-blue-600 hover:bg-blue-700\",\n purple: \"text-white bg-purple-600 hover:bg-purple-700\",\n green: \"text-white bg-green-600 hover:bg-green-700\",\n orange: \"text-white bg-orange-600 hover:bg-orange-700\",\n red: \"text-white bg-red-600 hover:bg-red-700\",\n indigo: \"text-white bg-indigo-600 hover:bg-indigo-700\",\n pink: \"text-white bg-pink-600 hover:bg-pink-700\",\n gray: \"text-white bg-gray-600 hover:bg-gray-700\",\n };\n return solidClasses[color];\n }\n }, [variant, colorStyles, color]);\n\n const baseClasses = merge(\n \"rounded-2xl p-6 transition-all shadow-lg hover:shadow-xl text-center\",\n variantClass,\n className\n );\n\n const content = (\n <>\n {/* 아이콘 */}\n {icon && (\n <div className={merge(\n \"w-12 h-12 rounded-lg flex items-center justify-center mx-auto mb-2\",\n isGradient || variant === \"solid\"\n ? \"bg-white/20\"\n : variant === \"outline\"\n ? colorStyles.icon\n : \"\"\n )}>\n {typeof icon === \"string\" ? (\n <Icon\n name={icon as IconName}\n className={merge(\n \"w-6 h-6\",\n isTextWhite ? \"text-white\" : \"\"\n )}\n />\n ) : (\n icon\n )}\n </div>\n )}\n\n {/* 제목 */}\n <h3 className={merge(\n \"text-xl font-semibold mb-1\",\n isTextWhite ? \"text-white\" : \"\"\n )}>\n {title}\n </h3>\n\n {/* 설명 */}\n {description && (\n <p className={merge(\n \"text-sm\",\n isTextWhite ? \"text-white/90\" : \"text-gray-600 dark:text-gray-300\"\n )}>\n {description}\n </p>\n )}\n\n {loading && (\n <div className=\"mt-2 h-4 bg-white/20 rounded animate-pulse\" />\n )}\n </>\n );\n\n if (href) {\n return (\n <a\n ref={ref as React.Ref<HTMLAnchorElement>}\n href={href}\n className={baseClasses}\n {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n >\n {content}\n </a>\n );\n }\n\n return (\n <button\n ref={ref as React.Ref<HTMLButtonElement>}\n onClick={onClick}\n className={baseClasses}\n {...(props as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n >\n {content}\n </button>\n );\n }\n);\n\nQuickActionCard.displayName = \"QuickActionCard\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\n\n/**\n * DashboardGrid 컴포넌트의 props\n * @typedef {Object} DashboardGridProps\n * @property {1 | 2 | 3 | 4 | 5 | 6} [columns=4] - 그리드 컬럼 수\n * @property {\"sm\" | \"md\" | \"lg\" | \"xl\"} [gap=\"md\"] - 그리드 간격\n * @property {boolean} [responsive=true] - 반응형 여부\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface DashboardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n columns?: 1 | 2 | 3 | 4 | 5 | 6;\n gap?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n responsive?: boolean;\n}\n\nconst gapClasses = {\n sm: \"gap-3\",\n md: \"gap-6\",\n lg: \"gap-8\",\n xl: \"gap-12\",\n};\n\nconst columnClasses = {\n 1: \"grid-cols-1\",\n 2: \"grid-cols-1 md:grid-cols-2\",\n 3: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3\",\n 4: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-4\",\n 5: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5\",\n 6: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6\",\n};\n\n// 비반응형용 고정 클래스 (Tailwind 동적 클래스 생성 문제 해결)\nconst fixedColumnClasses: Record<1 | 2 | 3 | 4 | 5 | 6, string> = {\n 1: \"grid-cols-1\",\n 2: \"grid-cols-2\",\n 3: \"grid-cols-3\",\n 4: \"grid-cols-4\",\n 5: \"grid-cols-5\",\n 6: \"grid-cols-6\",\n};\n\n/**\n * DashboardGrid 컴포넌트\n * \n * 대시보드 그리드 레이아웃을 제공하는 컴포넌트입니다.\n * 반응형 그리드를 지원하며, 다양한 컬럼 수와 간격을 설정할 수 있습니다.\n * \n * Dashboard grid layout component.\n * Supports responsive grid with configurable column count and gap sizes.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <DashboardGrid columns={4}>\n * <StatCard title=\"항목 1\" value=\"100\" />\n * <StatCard title=\"항목 2\" value=\"200\" />\n * </DashboardGrid>\n * \n * @example\n * // 반응형 그리드 / Responsive grid\n * <DashboardGrid columns={3} gap=\"lg\" responsive>\n * <MetricCard title=\"메트릭 1\" value=\"1,000\" />\n * <MetricCard title=\"메트릭 2\" value=\"2,000\" />\n * </DashboardGrid>\n * \n * @param {DashboardGridProps} props - DashboardGrid 컴포넌트의 props / DashboardGrid component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DashboardGrid 컴포넌트 / DashboardGrid component\n */\nexport const DashboardGrid = React.forwardRef<HTMLDivElement, DashboardGridProps>(\n (\n {\n columns = 4,\n gap = \"md\",\n responsive = true,\n className,\n children,\n ...props\n },\n ref\n ) => {\n const gridClasses = responsive\n ? columnClasses[columns]\n : fixedColumnClasses[columns];\n\n return (\n <div\n ref={ref}\n className={merge(\n \"grid\",\n gridClasses,\n gapClasses[gap],\n className\n )}\n {...props}\n >\n {children}\n </div>\n );\n }\n);\n\nDashboardGrid.displayName = \"DashboardGrid\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge, formatRelativeTime } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\n\n/**\n * ActivityItem 인터페이스 / ActivityItem interface\n * @typedef {Object} ActivityItem\n * @property {string} id - 활동 항목 고유 ID / Activity item unique ID\n * @property {string} title - 활동 제목 / Activity title\n * @property {string} [description] - 활동 설명 / Activity description\n * @property {Date | string} timestamp - 활동 타임스탬프 / Activity timestamp\n * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon\n * @property {string | React.ReactNode} [badge] - 배지 / Badge\n * @property {() => void} [onClick] - 클릭 핸들러 / Click handler\n * @property {Record<string, unknown>} [metadata] - 추가 메타데이터 / Additional metadata\n */\nexport interface ActivityItem {\n id: string;\n title: string;\n description?: string;\n timestamp: Date | string;\n icon?: IconName | React.ReactNode;\n badge?: string | React.ReactNode;\n onClick?: () => void;\n metadata?: Record<string, unknown>;\n}\n\n/**\n * ActivityFeed 컴포넌트의 props / ActivityFeed component props\n * @typedef {Object} ActivityFeedProps\n * @property {string} [title] - 피드 제목 / Feed title\n * @property {ActivityItem[]} items - 활동 항목 배열 / Activity items array\n * @property {string} [emptyMessage=\"활동 내역이 없습니다.\"] - 빈 상태 메시지 / Empty state message\n * @property {boolean} [showHeader=true] - 헤더 표시 여부 / Show header\n * @property {number} [maxItems] - 최대 표시 항목 수 / Maximum items to display\n * @property {() => void} [onViewAll] - 전체 보기 핸들러 / View all handler\n * @property {string} [viewAllLabel=\"전체 보기\"] - 전체 보기 라벨 / View all label\n * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface ActivityFeedProps extends React.HTMLAttributes<HTMLDivElement> {\n title?: string;\n items: ActivityItem[];\n emptyMessage?: string;\n showHeader?: boolean;\n maxItems?: number;\n onViewAll?: () => void;\n viewAllLabel?: string;\n emptyState?: React.ReactNode;\n}\n\n/**\n * ActivityFeed 컴포넌트 / ActivityFeed component\n * \n * 활동 내역을 표시하는 피드 컴포넌트입니다.\n * 타임스탬프를 상대 시간으로 표시하며, 최대 항목 수 제한을 지원합니다.\n * \n * Feed component that displays activity history.\n * Shows timestamps as relative time and supports maximum items limit.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ActivityFeed\n * title=\"최근 활동\"\n * items={[\n * {\n * id: \"1\",\n * title: \"새 주문 생성\",\n * description: \"주문 #1234\",\n * timestamp: new Date(),\n * icon: \"shoppingCart\"\n * }\n * ]}\n * />\n * \n * @example\n * // 최대 항목 수 제한 / Maximum items limit\n * <ActivityFeed\n * title=\"활동 내역\"\n * items={activities}\n * maxItems={10}\n * onViewAll={() => navigate(\"/activities\")}\n * />\n * \n * @param {ActivityFeedProps} props - ActivityFeed 컴포넌트의 props / ActivityFeed component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ActivityFeed 컴포넌트 / ActivityFeed component\n */\nexport const ActivityFeed = React.forwardRef<HTMLDivElement, ActivityFeedProps>(\n (\n {\n title,\n items,\n emptyMessage = \"활동 내역이 없습니다.\",\n showHeader = true,\n maxItems,\n onViewAll,\n viewAllLabel = \"전체 보기\",\n emptyState,\n className,\n ...props\n },\n ref\n ) => {\n const displayItems = maxItems ? items.slice(0, maxItems) : items;\n const hasMore = maxItems && items.length > maxItems;\n\n return (\n <div\n ref={ref}\n className={merge(\n \"bg-white dark:bg-gray-800 rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700\",\n className\n )}\n {...props}\n >\n {/* 헤더 */}\n {showHeader && title && (\n <div className=\"flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700\">\n <h2 className=\"text-xl font-bold text-gray-800 dark:text-white flex items-center\">\n {title}\n </h2>\n {onViewAll && (\n <button\n onClick={onViewAll}\n aria-label={`${viewAllLabel} - ${title || \"활동 내역\"}`}\n className=\"text-purple-600 dark:text-purple-400 hover:text-purple-700 dark:hover:text-purple-300 font-medium text-sm transition-colors\"\n >\n {viewAllLabel} →\n </button>\n )}\n </div>\n )}\n\n {/* 활동 목록 */}\n {displayItems.length > 0 ? (\n <div className=\"divide-y divide-gray-200 dark:divide-gray-700\">\n {displayItems.map((item) => (\n <div\n key={item.id}\n onClick={item.onClick}\n className={merge(\n \"p-4 transition-colors\",\n item.onClick && \"hover:bg-gray-50 dark:hover:bg-gray-700/50 cursor-pointer group\"\n )}\n >\n <div className=\"flex items-start justify-between mb-2\">\n <div className=\"flex-1 min-w-0\">\n {/* 아이콘과 제목 */}\n <div className=\"flex items-start gap-3\">\n {item.icon && (\n <div className=\"w-8 h-8 rounded-lg bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center flex-shrink-0 mt-0.5\">\n {typeof item.icon === \"string\" ? (\n <Icon\n name={item.icon as IconName}\n className=\"w-4 h-4 text-purple-600 dark:text-purple-400\"\n />\n ) : (\n item.icon\n )}\n </div>\n )}\n <div className=\"flex-1 min-w-0\">\n <h3 className=\"text-base font-semibold text-gray-800 dark:text-white mb-1 truncate\">\n {item.title}\n </h3>\n {item.description && (\n <p className=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-2\">\n {item.description}\n </p>\n )}\n </div>\n </div>\n </div>\n\n {/* 배지 */}\n {item.badge && (\n <div className=\"ml-2 flex-shrink-0\">\n {typeof item.badge === \"string\" ? (\n <span className=\"px-2 py-1 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300\">\n {item.badge}\n </span>\n ) : (\n item.badge\n )}\n </div>\n )}\n </div>\n\n {/* 메타데이터 */}\n {item.metadata && Object.keys(item.metadata).length > 0 && (\n <div className=\"flex items-center gap-1 flex-wrap mt-2\">\n {Object.entries(item.metadata).map(([key, value]) => (\n <span\n key={key}\n className=\"text-xs bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300 px-2 py-0.5 rounded\"\n >\n {key}: {String(value)}\n </span>\n ))}\n </div>\n )}\n\n {/* 타임스탬프 */}\n <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-2\">\n <time dateTime={item.timestamp instanceof Date ? item.timestamp.toISOString() : typeof item.timestamp === 'string' ? item.timestamp : undefined}>\n {formatRelativeTime(item.timestamp)}\n </time>\n </p>\n </div>\n ))}\n\n {/* 더 보기 */}\n {hasMore && (\n <div className=\"p-4 text-center border-t border-gray-200 dark:border-gray-700\">\n <button\n onClick={onViewAll}\n aria-label={`더 많은 활동 보기 - ${items.length - (maxItems || 0)}개 더`}\n className=\"inline-flex items-center text-sm text-purple-600 dark:text-purple-400 hover:text-purple-700 dark:hover:text-purple-300 font-medium transition-colors\"\n >\n <span>더 많은 활동 보기</span>\n <span className=\"ml-1\">({items.length - (maxItems || 0)}개 더)</span>\n <span className=\"ml-1\">→</span>\n </button>\n </div>\n )}\n </div>\n ) : emptyState ? (\n emptyState\n ) : (\n <div className=\"text-center py-8\">\n <span className=\"text-4xl mb-3 block\">📭</span>\n <p className=\"text-gray-500 dark:text-gray-400 text-sm\">{emptyMessage}</p>\n </div>\n )}\n </div>\n );\n }\n);\n\nActivityFeed.displayName = \"ActivityFeed\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\n\n/**\n * 멤버십 등급 인터페이스\n * @typedef {Object} MembershipTier\n * @property {\"basic\" | \"pro\" | \"premium\" | \"admin\"} tier - 등급\n * @property {string} label - 등급 라벨\n */\nexport interface MembershipTier {\n tier: \"basic\" | \"pro\" | \"premium\" | \"admin\";\n label: string;\n}\n\n/**\n * ProfileCard 컴포넌트의 props / ProfileCard component props\n * @typedef {Object} ProfileCardProps\n * @property {string} name - 사용자 이름 / User name\n * @property {string} [email] - 이메일 / Email\n * @property {string} [avatar] - 아바타 이미지 URL / Avatar image URL\n * @property {string} [avatarAlt] - 아바타 대체 텍스트 / Avatar alt text\n * @property {string} [greeting] - 인사말 / Greeting\n * @property {Date | string} [memberSince] - 가입일 / Member since date\n * @property {MembershipTier[\"tier\"]} [membershipTier] - 멤버십 등급 / Membership tier\n * @property {string} [membershipLabel] - 멤버십 라벨 / Membership label\n * @property {() => void} [onSettingsClick] - 설정 클릭 핸들러 / Settings click handler\n * @property {string} [settingsHref] - 설정 링크 URL / Settings link URL\n * @property {\"default\" | \"gradient\" | \"minimal\"} [variant=\"default\"] - 스타일 변형 / Style variant\n * @property {boolean} [showAvatar=true] - 아바타 표시 여부 / Show avatar\n * @property {boolean} [showMembership=true] - 멤버십 표시 여부 / Show membership\n * @property {boolean} [showSettings=true] - 설정 버튼 표시 여부 / Show settings button\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface ProfileCardProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n email?: string;\n avatar?: string;\n avatarAlt?: string;\n greeting?: string;\n memberSince?: Date | string;\n membershipTier?: MembershipTier[\"tier\"];\n membershipLabel?: string;\n onSettingsClick?: () => void;\n settingsHref?: string;\n variant?: \"default\" | \"gradient\" | \"minimal\";\n showAvatar?: boolean;\n showMembership?: boolean;\n showSettings?: boolean;\n}\n\nconst tierStyles = {\n basic: {\n badge: \"bg-gradient-to-r from-blue-500 to-cyan-500 text-white\",\n icon: \"text-blue-600 dark:text-blue-400\",\n },\n pro: {\n badge: \"bg-gradient-to-r from-purple-500 to-pink-500 text-white\",\n icon: \"text-purple-600 dark:text-purple-400\",\n },\n premium: {\n badge: \"bg-gradient-to-r from-yellow-400 to-orange-500 text-white\",\n icon: \"text-yellow-600 dark:text-yellow-400\",\n },\n admin: {\n badge: \"bg-gradient-to-r from-red-500 to-pink-500 text-white\",\n icon: \"text-red-600 dark:text-red-400\",\n },\n};\n\nconst tierLabels = {\n basic: \"Basic\",\n pro: \"Pro\",\n premium: \"Premium\",\n admin: \"Admin\",\n};\n\n/**\n * ProfileCard 컴포넌트\n * \n * 사용자 프로필 정보를 표시하는 카드 컴포넌트입니다.\n * 아바타, 이름, 이메일, 멤버십 등급 등을 표시할 수 있습니다.\n * \n * Card component that displays user profile information.\n * Can show avatar, name, email, membership tier, and more.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ProfileCard\n * name=\"홍길동\"\n * email=\"hong@example.com\"\n * avatar=\"/avatar.jpg\"\n * membershipTier=\"premium\"\n * memberSince={new Date(\"2024-01-01\")}\n * />\n * \n * @example\n * // 그라디언트 스타일 / Gradient style\n * <ProfileCard\n * name=\"김철수\"\n * greeting=\"안녕하세요\"\n * variant=\"gradient\"\n * membershipTier=\"pro\"\n * onSettingsClick={() => navigate(\"/settings\")}\n * />\n * \n * @param {ProfileCardProps} props - ProfileCard 컴포넌트의 props / ProfileCard component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ProfileCard 컴포넌트 / ProfileCard component\n */\nexport const ProfileCard = React.forwardRef<HTMLDivElement, ProfileCardProps>(\n (\n {\n name,\n email,\n avatar,\n avatarAlt,\n greeting,\n memberSince,\n membershipTier,\n membershipLabel,\n onSettingsClick,\n settingsHref,\n variant = \"default\",\n showAvatar = true,\n showMembership = true,\n showSettings = true,\n className,\n ...props\n },\n ref\n ) => {\n const formatDate = (date: Date | string): string => {\n const d = typeof date === \"string\" ? new Date(date) : date;\n return d.toLocaleDateString(\"ko-KR\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n });\n };\n\n const tier = membershipTier || \"basic\";\n const tierStyle = tierStyles[tier];\n const tierLabel = membershipLabel || tierLabels[tier];\n\n const variantClasses = {\n default: \"bg-white dark:bg-gray-800 rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700\",\n gradient: \"bg-gradient-to-br from-blue-50 via-purple-50 to-pink-50 dark:from-gray-800 dark:via-gray-800 dark:to-gray-900 rounded-2xl shadow-xl border border-white/20 dark:border-gray-700/20\",\n minimal: \"bg-transparent\",\n };\n\n return (\n <div\n ref={ref}\n className={merge(\n \"relative overflow-hidden p-6\",\n variantClasses[variant],\n className\n )}\n {...props}\n >\n {/* 그라데이션 배경 장식 (gradient variant일 때) */}\n {variant === \"gradient\" && (\n <>\n <div className=\"absolute inset-0 bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500 opacity-10 dark:opacity-20\"></div>\n <div className=\"absolute inset-0 bg-gradient-to-tr from-cyan-400 via-blue-500 to-purple-600 opacity-5 dark:opacity-15\"></div>\n </>\n )}\n\n <div className=\"relative flex items-start gap-6\">\n {/* 설정 아이콘 */}\n {showSettings && (onSettingsClick || settingsHref) && (\n <div className=\"absolute top-0 right-0\">\n {settingsHref ? (\n <a\n href={settingsHref}\n className=\"p-2 text-gray-400 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors\"\n title=\"설정\"\n >\n <Icon name=\"settings\" className=\"w-6 h-6\" />\n </a>\n ) : (\n <button\n onClick={onSettingsClick}\n className=\"p-2 text-gray-400 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors\"\n title=\"설정\"\n >\n <Icon name=\"settings\" className=\"w-6 h-6\" />\n </button>\n )}\n </div>\n )}\n\n {/* 아바타 */}\n {showAvatar && (\n <div className=\"relative flex-shrink-0\">\n {avatar ? (\n <img\n src={avatar}\n alt={avatarAlt || name}\n className=\"w-20 h-20 rounded-full border-4 border-white dark:border-gray-700 shadow-lg object-cover\"\n />\n ) : (\n <div className=\"w-20 h-20 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center border-4 border-white dark:border-gray-700 shadow-lg\">\n <span className=\"text-2xl font-bold text-white\">\n {name.charAt(0).toUpperCase()}\n </span>\n </div>\n )}\n </div>\n )}\n\n {/* 정보 */}\n <div className=\"flex-1 min-w-0\">\n {/* 인사말 */}\n {greeting && (\n <div className=\"text-lg sm:text-xl font-semibold mb-2\">\n {greeting.split(\" \").map((part, index) => {\n const isEmoji = /[\\u{1F600}-\\u{1F64F}]|[\\u{1F300}-\\u{1F5FF}]|[\\u{1F680}-\\u{1F6FF}]|[\\u{1F1E0}-\\u{1F1FF}]|[\\u{2600}-\\u{26FF}]|[\\u{2700}-\\u{27BF}]/u.test(part);\n return (\n <span key={index}>\n {isEmoji ? (\n <span className=\"text-gray-900 dark:text-white\">{part}</span>\n ) : (\n <span className=\"text-xl sm:text-2xl font-bold bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent\">\n {part}\n </span>\n )}\n {index < greeting.split(\" \").length - 1 && \" \"}\n </span>\n );\n })}\n </div>\n )}\n\n {/* 이름과 멤버십 뱃지 */}\n <div className=\"flex flex-wrap items-center gap-2 sm:gap-3 mb-2\">\n <span className=\"text-xl sm:text-2xl font-bold text-gray-900 dark:text-white truncate\">\n {name}!\n </span>\n {showMembership && membershipTier && (\n <span\n className={merge(\n \"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold shadow-lg\",\n tierStyle.badge\n )}\n >\n <svg className=\"w-3 h-3 mr-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n {tier === \"premium\" ? (\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n ) : tier === \"admin\" ? (\n <path fillRule=\"evenodd\" d=\"M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z\" clipRule=\"evenodd\" />\n ) : (\n <path fillRule=\"evenodd\" d=\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clipRule=\"evenodd\" />\n )}\n </svg>\n {tierLabel}\n </span>\n )}\n </div>\n\n {/* 이메일 */}\n {email && (\n <div className=\"text-gray-600 dark:text-gray-400 text-sm mb-1 truncate\">\n {email}\n </div>\n )}\n\n {/* 가입일 */}\n {memberSince && (\n <div className=\"text-gray-400 text-xs flex items-center gap-1\">\n <Icon name=\"clock\" className=\"w-3 h-3\" />\n 가입일 {formatDate(memberSince)}\n </div>\n )}\n </div>\n </div>\n </div>\n );\n }\n);\n\nProfileCard.displayName = \"ProfileCard\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\n\n/**\n * MembershipBadge 컴포넌트의 props / MembershipBadge component props\n * @typedef {Object} MembershipBadgeProps\n * @property {\"basic\" | \"pro\" | \"premium\" | \"admin\"} tier - 멤버십 등급 / Membership tier\n * @property {string} [label] - 커스텀 라벨 (기본값: 등급별 라벨) / Custom label (default: tier-specific label)\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 배지 크기 / Badge size\n * @property {boolean} [showIcon=true] - 아이콘 표시 여부 / Show icon\n * @extends {React.HTMLAttributes<HTMLSpanElement>}\n */\nexport interface MembershipBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n tier: \"basic\" | \"pro\" | \"premium\" | \"admin\";\n label?: string;\n size?: \"sm\" | \"md\" | \"lg\";\n showIcon?: boolean;\n}\n\nconst tierConfig = {\n basic: {\n gradient: \"bg-gradient-to-r from-blue-500 to-cyan-500\",\n label: \"Basic\",\n },\n pro: {\n gradient: \"bg-gradient-to-r from-purple-500 to-pink-500\",\n label: \"Pro\",\n },\n premium: {\n gradient: \"bg-gradient-to-r from-yellow-400 to-orange-500\",\n label: \"Premium\",\n },\n admin: {\n gradient: \"bg-gradient-to-r from-red-500 to-pink-500\",\n label: \"Admin\",\n },\n};\n\nconst sizeClasses = {\n sm: {\n container: \"px-2 py-0.5 text-xs\",\n icon: \"w-2.5 h-2.5\",\n },\n md: {\n container: \"px-3 py-1 text-xs\",\n icon: \"w-3 h-3\",\n },\n lg: {\n container: \"px-4 py-1.5 text-sm\",\n icon: \"w-4 h-4\",\n },\n};\n\n/**\n * MembershipBadge 컴포넌트\n * \n * 멤버십 등급을 표시하는 배지 컴포넌트입니다.\n * 등급별로 다른 그라디언트 색상과 아이콘을 제공합니다.\n * \n * Badge component that displays membership tier.\n * Provides different gradient colors and icons for each tier.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <MembershipBadge tier=\"premium\" />\n * \n * @example\n * // 커스텀 라벨과 크기 / Custom label and size\n * <MembershipBadge\n * tier=\"pro\"\n * label=\"프로 플랜\"\n * size=\"lg\"\n * showIcon={false}\n * />\n * \n * @param {MembershipBadgeProps} props - MembershipBadge 컴포넌트의 props / MembershipBadge component props\n * @param {React.Ref<HTMLSpanElement>} ref - span 요소 ref / span element ref\n * @returns {JSX.Element} MembershipBadge 컴포넌트 / MembershipBadge component\n */\nexport const MembershipBadge = React.forwardRef<HTMLSpanElement, MembershipBadgeProps>(\n (\n {\n tier,\n label,\n size = \"md\",\n showIcon = true,\n className,\n ...props\n },\n ref\n ) => {\n const config = tierConfig[tier];\n const sizeStyle = sizeClasses[size];\n const displayLabel = label || config.label;\n\n const getIcon = () => {\n if (!showIcon) return null;\n\n if (tier === \"premium\") {\n return (\n <svg className={sizeStyle.icon} fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n );\n }\n\n if (tier === \"admin\") {\n return (\n <svg className={sizeStyle.icon} fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fillRule=\"evenodd\" d=\"M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z\" clipRule=\"evenodd\" />\n </svg>\n );\n }\n\n return (\n <svg className={sizeStyle.icon} fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fillRule=\"evenodd\" d=\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clipRule=\"evenodd\" />\n </svg>\n );\n };\n\n return (\n <span\n ref={ref}\n className={merge(\n \"inline-flex items-center rounded-full font-semibold text-white shadow-lg\",\n config.gradient,\n sizeStyle.container,\n className\n )}\n {...props}\n >\n {showIcon && <span className=\"mr-1\">{getIcon()}</span>}\n {displayLabel}\n </span>\n );\n }\n);\n\nMembershipBadge.displayName = \"MembershipBadge\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport type { Color } from \"../../lib/types/common\";\n\n/**\n * MiniBarChart 컴포넌트의 props\n * @typedef {Object} MiniBarChartProps\n * @property {number[]} data - 차트 데이터 배열\n * @property {string[]} [labels] - 라벨 배열\n * @property {number} [maxValue] - 최대값 (자동 계산 시 생략)\n * @property {number} [height=160] - 차트 높이 (px)\n * @property {boolean} [showTooltip=true] - 툴팁 표시 여부\n * @property {boolean} [showStats=true] - 통계 정보 표시 여부\n * @property {\"blue\" | \"purple\" | \"green\" | \"orange\" | \"red\" | \"indigo\" | \"pink\" | \"gray\"} [color=\"blue\"] - 색상\n * @property {boolean} [highlightToday=true] - 오늘 항목 강조 여부\n * @property {number} [todayIndex] - 오늘 인덱스 (기본값: 마지막 항목)\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface MiniBarChartProps extends React.HTMLAttributes<HTMLDivElement> {\n data: number[];\n labels?: string[];\n maxValue?: number;\n height?: number;\n showTooltip?: boolean;\n showStats?: boolean;\n color?: Color;\n highlightToday?: boolean;\n todayIndex?: number;\n}\n\n// 차트 전용 색상 (막대 그래프용 그라데이션)\nconst chartColors: Record<Color, { default: string; highlight: string }> = {\n blue: {\n default: \"bg-gradient-to-t from-blue-500 to-blue-400\",\n highlight: \"bg-gradient-to-t from-blue-600 to-blue-500 shadow-lg\",\n },\n purple: {\n default: \"bg-gradient-to-t from-purple-500 to-purple-400\",\n highlight: \"bg-gradient-to-t from-purple-600 to-purple-500 shadow-lg\",\n },\n green: {\n default: \"bg-gradient-to-t from-green-500 to-green-400\",\n highlight: \"bg-gradient-to-t from-green-600 to-green-500 shadow-lg\",\n },\n orange: {\n default: \"bg-gradient-to-t from-orange-500 to-orange-400\",\n highlight: \"bg-gradient-to-t from-orange-600 to-orange-500 shadow-lg\",\n },\n red: {\n default: \"bg-gradient-to-t from-red-500 to-red-400\",\n highlight: \"bg-gradient-to-t from-red-600 to-red-500 shadow-lg\",\n },\n indigo: {\n default: \"bg-gradient-to-t from-indigo-500 to-indigo-400\",\n highlight: \"bg-gradient-to-t from-indigo-600 to-indigo-500 shadow-lg\",\n },\n pink: {\n default: \"bg-gradient-to-t from-pink-500 to-pink-400\",\n highlight: \"bg-gradient-to-t from-pink-600 to-pink-500 shadow-lg\",\n },\n gray: {\n default: \"bg-gradient-to-t from-gray-500 to-gray-400\",\n highlight: \"bg-gradient-to-t from-gray-600 to-gray-500 shadow-lg\",\n },\n};\n\n/**\n * MiniBarChart 컴포넌트\n * \n * 작은 막대 그래프 차트 컴포넌트입니다.\n * 간단한 데이터 시각화에 적합하며, 오늘 항목 강조 기능을 제공합니다.\n * \n * Small bar chart component for simple data visualization.\n * Suitable for compact displays with today's item highlight feature.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <MiniBarChart\n * data={[10, 20, 15, 30, 25, 40, 35]}\n * labels={[\"월\", \"화\", \"수\", \"목\", \"금\", \"토\", \"일\"]}\n * />\n * \n * @example\n * // 커스텀 색상과 통계 / Custom color and stats\n * <MiniBarChart\n * data={dailyData}\n * color=\"purple\"\n * showStats={true}\n * highlightToday={true}\n * todayIndex={6}\n * />\n * \n * @param {MiniBarChartProps} props - MiniBarChart 컴포넌트의 props / MiniBarChart component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} MiniBarChart 컴포넌트 / MiniBarChart component\n */\nexport const MiniBarChart = React.forwardRef<HTMLDivElement, MiniBarChartProps>(\n (\n {\n data,\n labels,\n maxValue,\n height = 160,\n showTooltip = true,\n showStats = true,\n color = \"blue\",\n highlightToday = true,\n todayIndex,\n className,\n ...props\n },\n ref\n ) => {\n const colors = chartColors[color];\n const calculatedMax = maxValue || Math.max(...data, 1);\n const fixedMax = Math.max(calculatedMax, 10);\n const todayIdx = todayIndex !== undefined ? todayIndex : data.length - 1;\n\n const calculateHeight = (value: number): number => {\n if (fixedMax === 0) return 8;\n return Math.max((value / fixedMax) * height, 8);\n };\n\n const total = data.reduce((sum, val) => sum + val, 0);\n const average = data.length > 0 ? Math.round(total / data.length) : 0;\n const max = Math.max(...data);\n\n const chartId = React.useId();\n const chartLabel = labels && labels.length > 0\n ? `미니 막대 그래프 - ${labels.length}개 항목, 최대값 ${max.toLocaleString()}, 평균 ${average.toLocaleString()}`\n : `미니 막대 그래프 - ${data.length}개 항목, 최대값 ${max.toLocaleString()}, 평균 ${average.toLocaleString()}`;\n\n return (\n <div\n ref={ref}\n role=\"img\"\n aria-label={chartLabel}\n className={merge(\"w-full\", className)}\n {...props}\n >\n {/* 그래프 영역 */}\n <div\n className=\"flex items-end justify-between gap-2 px-2 relative\"\n style={{ height: `${height + 40}px` }}\n >\n {/* 기준선 */}\n <div className=\"absolute inset-x-2 bottom-8 border-t border-gray-200 dark:border-gray-700 opacity-50\"></div>\n\n {data.map((value, index) => {\n const isToday = highlightToday && index === todayIdx;\n const barHeight = calculateHeight(value);\n const barColor = isToday ? colors.highlight : colors.default;\n\n return (\n <div\n key={index}\n className=\"flex flex-col items-center flex-1 group relative\"\n >\n {/* 툴팁 */}\n {showTooltip && (\n <div className=\"absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 dark:bg-gray-700 text-white text-xs rounded opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap z-10\">\n {value}개\n <div className=\"absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-gray-900 dark:border-t-gray-700\"></div>\n </div>\n )}\n\n {/* 값 표시 (호버 시) */}\n <div className=\"text-xs font-medium text-gray-700 dark:text-gray-300 mb-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n {value}\n </div>\n\n {/* 막대 */}\n <div className=\"relative w-full flex-1 flex items-end\">\n <div\n className={merge(\n \"w-full rounded-t-lg transition-all duration-500 ease-out group-hover:scale-105\",\n barColor\n )}\n style={{\n height: `${barHeight}px`,\n minHeight: \"8px\",\n }}\n >\n {/* 막대 위 점 */}\n {value > 0 && (\n <div className=\"absolute -top-1 left-1/2 transform -translate-x-1/2 w-2 h-2 bg-white dark:bg-gray-800 rounded-full shadow-sm\"></div>\n )}\n </div>\n </div>\n\n {/* 라벨 */}\n {labels && labels[index] && (\n <div\n className={merge(\n \"text-xs font-medium mt-2 transition-colors duration-200\",\n isToday\n ? \"text-purple-600 dark:text-purple-400\"\n : \"text-gray-500 dark:text-gray-400\"\n )}\n >\n {labels[index]}\n </div>\n )}\n </div>\n );\n })}\n </div>\n\n {/* 통계 정보 */}\n {showStats && (\n <div className=\"mt-4 flex justify-between items-center text-xs text-gray-500 dark:text-gray-400 px-2\">\n <div>\n 총: {total}\n </div>\n <div>\n 평균: {average}\n </div>\n <div>\n 최고: {max}\n </div>\n </div>\n )}\n </div>\n );\n }\n);\n\nMiniBarChart.displayName = \"MiniBarChart\";\n\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { useColorStyles } from \"../../lib/styles/colors\";\nimport { createVariantStyles } from \"../../lib/styles/variants\";\nimport type { Color } from \"../../lib/types/common\";\n\n/**\n * SummaryCard 컴포넌트의 props\n * @typedef {Object} SummaryCardProps\n * @property {string} title - 카드 제목\n * @property {string | number} value - 요약 값\n * @property {string} [subtitle] - 부제목\n * @property {IconName | React.ReactNode} [icon] - 아이콘\n * @property {\"blue\" | \"purple\" | \"green\" | \"orange\" | \"red\" | \"indigo\" | \"pink\" | \"gray\"} [color] - 카드 색상\n * @property {\"default\" | \"gradient\" | \"outline\"} [variant=\"default\"] - 카드 스타일 변형\n * @property {string} [href] - 링크 URL\n * @property {() => void} [onClick] - 클릭 핸들러\n * @property {boolean} [loading] - 로딩 상태\n * @property {string | React.ReactNode} [badge] - 배지\n * @property {React.ReactNode} [footer] - 푸터 콘텐츠\n * @property {boolean} [showAction] - 액션 버튼 표시 여부\n * @property {string} [actionLabel] - 액션 버튼 라벨\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface SummaryCardProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n value: string | number;\n subtitle?: string;\n icon?: IconName | React.ReactNode;\n color?: Color;\n variant?: \"default\" | \"gradient\" | \"outline\";\n href?: string;\n onClick?: () => void;\n loading?: boolean;\n badge?: string | React.ReactNode;\n footer?: React.ReactNode;\n showAction?: boolean;\n actionLabel?: string;\n}\n\n// SummaryCard는 default variant가 특별한 그라데이션을 사용하므로 별도 처리\nconst defaultVariantGradients: Record<Color, string> = {\n blue: \"bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-blue-900/20 dark:to-indigo-900/20\",\n purple: \"bg-gradient-to-br from-purple-50 to-pink-100 dark:from-purple-900/20 dark:to-pink-900/20\",\n green: \"bg-gradient-to-br from-green-50 to-emerald-100 dark:from-green-900/20 dark:to-emerald-900/20\",\n orange: \"bg-gradient-to-br from-orange-50 to-amber-100 dark:from-orange-900/20 dark:to-amber-900/20\",\n red: \"bg-gradient-to-br from-red-50 to-rose-100 dark:from-red-900/20 dark:to-rose-900/20\",\n indigo: \"bg-gradient-to-br from-indigo-50 to-blue-100 dark:from-indigo-900/20 dark:to-blue-900/20\",\n pink: \"bg-gradient-to-br from-pink-50 to-rose-100 dark:from-pink-900/20 dark:to-rose-900/20\",\n gray: \"bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900/20 dark:to-gray-800/20\",\n};\n\nconst buttonGradients: Record<Color, string> = {\n blue: \"bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700\",\n purple: \"bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700\",\n green: \"bg-gradient-to-r from-green-600 to-emerald-600 hover:from-green-700 hover:to-emerald-700\",\n orange: \"bg-gradient-to-r from-orange-600 to-amber-600 hover:from-orange-700 hover:to-amber-700\",\n red: \"bg-gradient-to-r from-red-600 to-rose-600 hover:from-red-700 hover:to-rose-700\",\n indigo: \"bg-gradient-to-r from-indigo-600 to-blue-600 hover:from-indigo-700 hover:to-blue-700\",\n pink: \"bg-gradient-to-r from-pink-600 to-rose-600 hover:from-pink-700 hover:to-rose-700\",\n gray: \"bg-gradient-to-r from-gray-600 to-gray-700 hover:from-gray-700 hover:to-gray-800\",\n};\n\n/**\n * SummaryCard 컴포넌트 / SummaryCard component\n * \n * 요약 정보를 표시하는 카드 컴포넌트입니다.\n * 제목, 값, 부제목, 아이콘을 포함하며, 클릭 가능한 링크나 액션 버튼을 지원합니다.\n * \n * Card component that displays summary information.\n * Includes title, value, subtitle, icon, and supports clickable links or action buttons.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <SummaryCard\n * title=\"총 매출\"\n * value=\"₩10,000,000\"\n * subtitle=\"이번 달\"\n * icon=\"dollarSign\"\n * />\n * \n * @example\n * // 클릭 가능한 카드 / Clickable card\n * <SummaryCard\n * title=\"주문\"\n * value=\"1,234\"\n * href=\"/orders\"\n * showAction\n * actionLabel=\"자세히 보기\"\n * color=\"blue\"\n * variant=\"gradient\"\n * />\n * \n * @param {SummaryCardProps} props - SummaryCard 컴포넌트의 props / SummaryCard component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} SummaryCard 컴포넌트 / SummaryCard component\n */\nexport const SummaryCard = React.forwardRef<HTMLDivElement, SummaryCardProps>(\n (\n {\n title,\n value,\n subtitle,\n icon,\n color = \"blue\",\n variant = \"default\",\n href,\n onClick,\n loading = false,\n badge,\n footer,\n showAction = true,\n actionLabel = \"자세히 보기\",\n className,\n ...props\n },\n ref\n ) => {\n // 공통 색상 시스템 사용\n const colorStyles = useColorStyles(color);\n const isGradient = variant === \"gradient\";\n const isTextWhite = isGradient;\n\n // Variant 스타일 생성 (default는 특별한 그라데이션 사용)\n const variantClass = useMemo(() => {\n if (variant === \"default\") {\n return `rounded-xl shadow-lg ${defaultVariantGradients[color]}`;\n } else if (variant === \"gradient\") {\n return `rounded-xl shadow-xl text-white ${colorStyles.gradient}`;\n } else {\n return `rounded-xl ${colorStyles.outline}`;\n }\n }, [variant, colorStyles, color]);\n\n const formatValue = (val: string | number): string => {\n if (typeof val === \"number\") {\n return val.toLocaleString();\n }\n return val;\n };\n\n const content = (\n <div\n ref={ref}\n className={merge(\n \"p-6 flex flex-col min-h-[220px] relative overflow-hidden group hover:shadow-xl transition-all duration-300\",\n variantClass,\n className\n )}\n {...props}\n >\n {/* 배경 장식 */}\n {/* 배경 장식 - 정적 클래스 사용 */}\n <div className={merge(\n \"absolute top-0 right-0 w-32 h-32 bg-gradient-to-bl to-transparent rounded-full -translate-y-16 translate-x-16\",\n color === \"blue\" ? \"from-blue-400/10\" :\n color === \"purple\" ? \"from-purple-400/10\" :\n color === \"green\" ? \"from-green-400/10\" :\n color === \"orange\" ? \"from-orange-400/10\" :\n color === \"red\" ? \"from-red-400/10\" :\n color === \"indigo\" ? \"from-indigo-400/10\" :\n color === \"pink\" ? \"from-pink-400/10\" :\n \"from-gray-400/10\"\n )}></div>\n <div className={merge(\n \"absolute bottom-0 left-0 w-24 h-24 bg-gradient-to-tr to-transparent rounded-full translate-y-12 -translate-x-12\",\n color === \"blue\" ? \"from-blue-400/10\" :\n color === \"purple\" ? \"from-purple-400/10\" :\n color === \"green\" ? \"from-green-400/10\" :\n color === \"orange\" ? \"from-orange-400/10\" :\n color === \"red\" ? \"from-red-400/10\" :\n color === \"indigo\" ? \"from-indigo-400/10\" :\n color === \"pink\" ? \"from-pink-400/10\" :\n \"from-gray-400/10\"\n )}></div>\n\n {/* 헤더 */}\n <div className=\"flex items-center justify-between mb-4 relative z-10\">\n <div className=\"flex items-center\">\n {icon && (\n <div className={merge(\n \"p-2 rounded-lg\",\n isGradient ? \"bg-white/20\" : colorStyles.icon\n )}>\n {typeof icon === \"string\" ? (\n <Icon\n name={icon as IconName}\n className={merge(\n \"w-6 h-6\",\n isTextWhite ? \"text-white\" : \"\"\n )}\n />\n ) : (\n icon\n )}\n </div>\n )}\n <span className={merge(\n \"text-lg font-semibold ml-3\",\n isTextWhite ? \"text-white\" : \"text-gray-900 dark:text-white\"\n )}>\n {title}\n </span>\n </div>\n {badge && (\n <div className=\"text-xs font-medium\">\n {typeof badge === \"string\" ? (\n <span className={merge(\n \"px-2 py-1 rounded-full\",\n isGradient ? \"bg-white/20 text-white\" : \"bg-white/50 dark:bg-gray-800/50 text-gray-700 dark:text-gray-300\"\n )}>\n {badge}\n </span>\n ) : (\n badge\n )}\n </div>\n )}\n </div>\n\n {/* 값 */}\n <div className=\"flex-1 flex flex-col justify-center relative z-10\">\n {loading ? (\n <div className=\"h-10 bg-gray-200 dark:bg-gray-700 rounded animate-pulse mb-2\" />\n ) : (\n <>\n <div className={merge(\n \"text-3xl font-bold mb-2\",\n isTextWhite ? \"text-white\" : \"text-gray-900 dark:text-white\"\n )}>\n {formatValue(value)}\n </div>\n {subtitle && (\n <div className={merge(\n \"text-sm mb-4\",\n isTextWhite ? \"text-white/90\" : \"text-gray-600 dark:text-gray-400\"\n )}>\n {subtitle}\n </div>\n )}\n </>\n )}\n </div>\n\n {/* 푸터 */}\n {footer && (\n <div className=\"relative z-10 mb-4\">\n {footer}\n </div>\n )}\n\n {/* 액션 버튼 */}\n {showAction && (href || onClick) && (\n <div className=\"relative z-10\">\n {href ? (\n <a\n href={href}\n className={merge(\n \"block w-full text-center py-3 rounded-lg font-semibold text-white hover:shadow-lg transition-all duration-200 group-hover:scale-[1.02]\",\n buttonGradients[color]\n )}\n >\n {actionLabel}\n </a>\n ) : (\n <button\n onClick={onClick}\n className={merge(\n \"block w-full text-center py-3 rounded-lg font-semibold text-white hover:shadow-lg transition-all duration-200 group-hover:scale-[1.02]\",\n buttonGradients[color]\n )}\n >\n {actionLabel}\n </button>\n )}\n </div>\n )}\n </div>\n );\n\n return content;\n }\n);\n\nSummaryCard.displayName = \"SummaryCard\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge, formatRelativeTime } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\n\n/**\n * NotificationItem 인터페이스\n * @typedef {Object} NotificationItem\n * @property {string} id - 알림 고유 ID\n * @property {string} title - 알림 제목\n * @property {string} message - 알림 메시지\n * @property {Date | string} timestamp - 알림 타임스탬프\n * @property {\"info\" | \"warning\" | \"error\" | \"success\"} [type] - 알림 타입\n * @property {IconName | React.ReactNode} [icon] - 아이콘\n * @property {() => void} [onClick] - 클릭 핸들러\n * @property {string} [href] - 링크 URL\n */\nexport interface NotificationItem {\n id: string;\n title: string;\n message: string;\n timestamp: Date | string;\n type?: \"info\" | \"warning\" | \"error\" | \"success\";\n icon?: IconName | React.ReactNode;\n onClick?: () => void;\n href?: string;\n}\n\n/**\n * NotificationCard 컴포넌트의 props / NotificationCard component props\n * @typedef {Object} NotificationCardProps\n * @property {string} [title=\"알림 및 공지\"] - 카드 제목 / Card title\n * @property {NotificationItem[]} items - 알림 항목 배열 / Notification items array\n * @property {string} [emptyMessage=\"알림이 없습니다.\"] - 빈 상태 메시지 / Empty state message\n * @property {number} [maxItems] - 최대 표시 항목 수 / Maximum items to display\n * @property {() => void} [onViewAll] - 전체 보기 핸들러 / View all handler\n * @property {string} [viewAllLabel=\"모든 알림 보기\"] - 전체 보기 라벨 / View all label\n * @property {boolean} [showHeader=true] - 헤더 표시 여부 / Show header\n * @property {boolean} [showCount=true] - 개수 표시 여부 / Show count\n * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface NotificationCardProps extends React.HTMLAttributes<HTMLDivElement> {\n title?: string;\n items: NotificationItem[];\n emptyMessage?: string;\n maxItems?: number;\n onViewAll?: () => void;\n viewAllLabel?: string;\n showHeader?: boolean;\n showCount?: boolean;\n emptyState?: React.ReactNode;\n}\n\nconst typeStyles = {\n info: {\n container: \"bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20\",\n border: \"border-blue-200/50 dark:border-blue-700/30\",\n dot: \"bg-blue-500\",\n },\n warning: {\n container: \"bg-gradient-to-r from-orange-50 to-red-50 dark:from-orange-900/20 dark:to-red-900/20\",\n border: \"border-orange-200/50 dark:border-orange-700/30\",\n dot: \"bg-red-500\",\n },\n error: {\n container: \"bg-gradient-to-r from-red-50 to-rose-50 dark:from-red-900/20 dark:to-rose-900/20\",\n border: \"border-red-200/50 dark:border-red-700/30\",\n dot: \"bg-red-600\",\n },\n success: {\n container: \"bg-gradient-to-r from-green-50 to-emerald-50 dark:from-green-900/20 dark:to-emerald-900/20\",\n border: \"border-green-200/50 dark:border-green-700/30\",\n dot: \"bg-green-500\",\n },\n};\n\nconst defaultTypeStyles = {\n container: \"bg-gradient-to-r from-gray-50 to-gray-100 dark:from-gray-900/20 dark:to-gray-800/20\",\n border: \"border-gray-200/50 dark:border-gray-700/30\",\n dot: \"bg-gray-500\",\n};\n\n/**\n * NotificationCard 컴포넌트 / NotificationCard component\n * \n * 알림 목록을 표시하는 카드 컴포넌트입니다.\n * 여러 알림 항목을 표시하며, 타입별로 다른 스타일을 적용할 수 있습니다.\n * \n * Card component that displays a list of notifications.\n * Shows multiple notification items and can apply different styles by type.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <NotificationCard\n * items={[\n * {\n * id: \"1\",\n * title: \"새 주문\",\n * message: \"주문 #1234가 생성되었습니다\",\n * timestamp: new Date(),\n * type: \"success\"\n * }\n * ]}\n * />\n * \n * @example\n * // 최대 항목 수 제한 / Maximum items limit\n * <NotificationCard\n * title=\"최근 알림\"\n * items={notifications}\n * maxItems={5}\n * onViewAll={() => navigate(\"/notifications\")}\n * showCount\n * />\n * \n * @param {NotificationCardProps} props - NotificationCard 컴포넌트의 props / NotificationCard component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} NotificationCard 컴포넌트 / NotificationCard component\n */\nexport const NotificationCard = React.forwardRef<HTMLDivElement, NotificationCardProps>(\n (\n {\n title = \"알림 및 공지\",\n items,\n emptyMessage = \"알림이 없습니다.\",\n maxItems,\n onViewAll,\n viewAllLabel = \"모든 알림 보기\",\n showHeader = true,\n showCount = true,\n emptyState,\n className,\n ...props\n },\n ref\n ) => {\n const displayItems = maxItems ? items.slice(0, maxItems) : items;\n const hasMore = maxItems && items.length > maxItems;\n\n\n const getTypeStyles = (type?: NotificationItem[\"type\"]) => {\n if (!type) return defaultTypeStyles;\n return typeStyles[type];\n };\n\n return (\n <div\n ref={ref}\n className={merge(\n \"bg-white dark:bg-gray-800 rounded-xl shadow p-6\",\n className\n )}\n {...props}\n >\n {/* 헤더 */}\n {showHeader && (\n <div className=\"flex items-center justify-between mb-4\">\n <div className=\"flex items-center\">\n <div className=\"p-2 bg-orange-500/10 rounded-lg mr-3\">\n <Icon name=\"bell\" className=\"w-6 h-6 text-orange-600 dark:text-orange-400\" />\n </div>\n <h3 className=\"text-lg font-semibold text-gray-900 dark:text-white\">\n {title}\n </h3>\n </div>\n {showCount && items.length > 0 && (\n <span className=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300\">\n {items.length}개\n </span>\n )}\n </div>\n )}\n\n {/* 알림 목록 */}\n {displayItems.length > 0 ? (\n <div className=\"space-y-3\">\n {displayItems.map((item) => {\n const typeStyle = getTypeStyles(item.type);\n const content = (\n <div\n className={merge(\n \"p-3 rounded-lg border\",\n typeStyle.container,\n typeStyle.border,\n (item.onClick || item.href) && \"cursor-pointer hover:shadow-md transition-all duration-200\"\n )}\n >\n <div className=\"flex items-start\">\n <div className={merge(\n \"w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0\",\n typeStyle.dot\n )}></div>\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex items-center justify-between mb-1\">\n <span className=\"text-sm font-semibold text-gray-900 dark:text-white\">\n {item.title}\n </span>\n <time \n dateTime={item.timestamp instanceof Date ? item.timestamp.toISOString() : typeof item.timestamp === 'string' ? item.timestamp : undefined}\n className=\"text-xs text-gray-500 dark:text-gray-400 ml-2 flex-shrink-0\"\n >\n {formatRelativeTime(item.timestamp)}\n </time>\n </div>\n <p className=\"text-xs text-gray-600 dark:text-gray-400\">\n {item.message}\n </p>\n </div>\n </div>\n </div>\n );\n\n if (item.href) {\n return (\n <a key={item.id} href={item.href}>\n {content}\n </a>\n );\n }\n\n if (item.onClick) {\n return (\n <div key={item.id} onClick={item.onClick}>\n {content}\n </div>\n );\n }\n\n return <div key={item.id}>{content}</div>;\n })}\n </div>\n ) : emptyState ? (\n emptyState\n ) : (\n <div className=\"text-center py-8\">\n <Icon name=\"bell\" className=\"w-12 h-12 text-gray-400 dark:text-gray-500 mx-auto mb-3\" />\n <p className=\"text-gray-500 dark:text-gray-400 text-sm\">{emptyMessage}</p>\n </div>\n )}\n\n {/* 더 보기 */}\n {hasMore && onViewAll && (\n <div className=\"mt-4 text-center\">\n <button\n onClick={onViewAll}\n className=\"text-sm text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 font-medium transition-colors\"\n >\n {viewAllLabel} ({items.length - (maxItems || 0)}개 더)\n </button>\n </div>\n )}\n </div>\n );\n }\n);\n\nNotificationCard.displayName = \"NotificationCard\";\n\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { MiniBarChart } from \"./MiniBarChart\";\nimport { useColorStyles } from \"../../lib/styles/colors\";\nimport { createVariantStyles } from \"../../lib/styles/variants\";\nimport type { Color } from \"../../lib/types/common\";\n\n/**\n * MetricCard 컴포넌트의 props / MetricCard component props\n * @typedef {Object} MetricCardProps\n * @property {string} title - 카드 제목 / Card title\n * @property {string | number} value - 메트릭 값 / Metric value\n * @property {string} [description] - 카드 설명 / Card description\n * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon\n * @property {Object} [trend] - 추세 정보 / Trend information\n * @property {number} trend.value - 추세 값 / Trend value\n * @property {string} trend.label - 추세 라벨 / Trend label\n * @property {boolean} [trend.positive] - 긍정적 추세 여부 / Positive trend\n * @property {number[]} [chartData] - 차트 데이터 / Chart data\n * @property {string[]} [chartLabels] - 차트 라벨 / Chart labels\n * @property {\"default\" | \"gradient\" | \"outline\" | \"elevated\"} [variant=\"default\"] - 카드 스타일 변형 / Card style variant\n * @property {\"blue\" | \"purple\" | \"green\" | \"orange\" | \"red\" | \"indigo\" | \"pink\" | \"gray\"} [color] - 카드 색상 / Card color\n * @property {boolean} [loading] - 로딩 상태 / Loading state\n * @property {boolean} [showChart] - 차트 표시 여부 / Show chart\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface MetricCardProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n value: string | number;\n description?: string;\n icon?: IconName | React.ReactNode;\n trend?: {\n value: number;\n label: string;\n positive?: boolean;\n };\n chartData?: number[];\n chartLabels?: string[];\n variant?: \"default\" | \"gradient\" | \"outline\" | \"elevated\";\n color?: Color;\n loading?: boolean;\n showChart?: boolean;\n}\n\n\n/**\n * MetricCard 컴포넌트 / MetricCard component\n * \n * 메트릭 정보를 표시하는 카드 컴포넌트입니다.\n * StatCard와 유사하지만 차트 데이터를 포함할 수 있습니다.\n * \n * Card component that displays metric information.\n * Similar to StatCard but can include chart data.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <MetricCard\n * title=\"페이지뷰\"\n * value=\"10,234\"\n * description=\"오늘\"\n * icon=\"eye\"\n * />\n * \n * @example\n * // 차트 포함 / With chart\n * <MetricCard\n * title=\"방문자\"\n * value=\"5,678\"\n * chartData={[100, 200, 150, 300, 250]}\n * chartLabels={[\"월\", \"화\", \"수\", \"목\", \"금\"]}\n * showChart\n * color=\"blue\"\n * />\n * \n * @param {MetricCardProps} props - MetricCard 컴포넌트의 props / MetricCard component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} MetricCard 컴포넌트 / MetricCard component\n */\nexport const MetricCard = React.forwardRef<HTMLDivElement, MetricCardProps>(\n (\n {\n title,\n value,\n description,\n icon,\n trend,\n chartData,\n chartLabels,\n variant = \"elevated\",\n color = \"blue\",\n loading = false,\n showChart = false,\n className,\n ...props\n },\n ref\n ) => {\n // 공통 색상 시스템 사용\n const colorStyles = useColorStyles(color);\n const isGradient = variant === \"gradient\";\n const isTextWhite = isGradient;\n\n // Variant 스타일 생성 (elevated는 rounded-3xl로 커스터마이징)\n const variantClass = useMemo(() => {\n const baseClass = createVariantStyles(variant, colorStyles);\n // elevated variant는 rounded-3xl 사용\n if (variant === \"elevated\") {\n return baseClass.replace(\"rounded-2xl\", \"rounded-3xl\");\n }\n return baseClass;\n }, [variant, colorStyles]);\n\n const formatValue = (val: string | number): string => {\n if (typeof val === \"number\") {\n return val.toLocaleString();\n }\n return val;\n };\n\n return (\n <div\n ref={ref}\n className={merge(\n \"p-6 transition-all duration-200 hover:shadow-xl\",\n variantClass,\n className\n )}\n {...props}\n >\n <div className=\"flex items-start justify-between mb-4\">\n {/* 아이콘 */}\n {icon && (\n <div className={merge(\n \"w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0\",\n isGradient ? \"bg-white/20\" : colorStyles.icon\n )}>\n {typeof icon === \"string\" ? (\n <Icon\n name={icon as IconName}\n className={merge(\n \"w-6 h-6\",\n isTextWhite ? \"text-white\" : \"\"\n )}\n />\n ) : (\n icon\n )}\n </div>\n )}\n\n {/* 배지 */}\n {title && (\n <span className={merge(\n \"text-sm px-3 py-1 rounded-full font-medium\",\n isGradient ? \"bg-white/20 text-white\" : colorStyles.badge\n )}>\n {title}\n </span>\n )}\n </div>\n\n {/* 값 */}\n {loading ? (\n <div className=\"h-10 bg-gray-200 dark:bg-gray-700 rounded animate-pulse mb-2\" />\n ) : (\n <h3 className={merge(\n \"text-3xl font-bold mb-1\",\n isTextWhite ? \"text-white\" : \"text-gray-800 dark:text-white\"\n )}>\n {formatValue(value)}\n </h3>\n )}\n\n {/* 설명 */}\n {description && (\n <p className={merge(\n \"text-sm mb-3\",\n isTextWhite ? \"text-white/90\" : \"text-gray-600 dark:text-gray-300\"\n )}>\n {description}\n </p>\n )}\n\n {/* 차트 */}\n {showChart && chartData && chartData.length > 0 && (\n <div className=\"mt-4 mb-3\">\n <MiniBarChart\n data={chartData}\n labels={chartLabels}\n color={color}\n height={100}\n showStats={false}\n />\n </div>\n )}\n\n {/* 트렌드 */}\n {trend && !loading && (\n <div className=\"mt-3 flex items-center gap-1\">\n <span\n className={merge(\n \"text-xs font-medium\",\n trend.positive !== false\n ? \"text-green-600 dark:text-green-400\"\n : \"text-red-600 dark:text-red-400\"\n )}\n >\n {trend.positive !== false ? \"↑\" : \"↓\"} {Math.abs(trend.value)}%\n </span>\n <span className={merge(\n \"text-xs\",\n isTextWhite ? \"text-white/70\" : \"text-gray-500 dark:text-gray-400\"\n )}>\n {trend.label}\n </span>\n </div>\n )}\n </div>\n );\n }\n);\n\nMetricCard.displayName = \"MetricCard\";\n\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { useColorStyles } from \"../../lib/styles/colors\";\nimport { createVariantStyles } from \"../../lib/styles/variants\";\nimport type { Color } from \"../../lib/types/common\";\n\n/**\n * ProgressCard 컴포넌트의 props / ProgressCard component props\n * @typedef {Object} ProgressCardProps\n * @property {string} title - 카드 제목 / Card title\n * @property {number} current - 현재 값 / Current value\n * @property {number} total - 전체 값 / Total value\n * @property {string} [unit] - 단위 / Unit\n * @property {string} [description] - 카드 설명 / Card description\n * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon\n * @property {\"blue\" | \"purple\" | \"green\" | \"orange\" | \"red\" | \"indigo\" | \"pink\" | \"gray\"} [color] - 카드 색상 / Card color\n * @property {\"default\" | \"gradient\" | \"outline\" | \"elevated\"} [variant=\"default\"] - 카드 스타일 변형 / Card style variant\n * @property {boolean} [showPercentage] - 퍼센트 표시 여부 / Show percentage\n * @property {boolean} [showLabel] - 라벨 표시 여부 / Show label\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 카드 크기 / Card size\n * @property {boolean} [loading] - 로딩 상태 / Loading state\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface ProgressCardProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n current: number;\n total: number;\n unit?: string;\n description?: string;\n icon?: IconName | React.ReactNode;\n color?: Color;\n variant?: \"default\" | \"gradient\" | \"outline\" | \"elevated\";\n showPercentage?: boolean;\n showLabel?: boolean;\n size?: \"sm\" | \"md\" | \"lg\";\n loading?: boolean;\n}\n\n// Progress bar 색상은 별도 처리\nconst progressColors: Record<Color, string> = {\n blue: \"bg-blue-500\",\n purple: \"bg-purple-500\",\n green: \"bg-green-500\",\n orange: \"bg-orange-500\",\n red: \"bg-red-500\",\n indigo: \"bg-indigo-500\",\n pink: \"bg-pink-500\",\n gray: \"bg-gray-500\",\n};\n\nconst sizeStyles = {\n sm: {\n container: \"p-4\",\n icon: \"w-8 h-8\",\n iconSize: \"w-4 h-4\",\n title: \"text-sm\",\n value: \"text-xl\",\n progress: \"h-1.5\",\n },\n md: {\n container: \"p-6\",\n icon: \"w-12 h-12\",\n iconSize: \"w-6 h-6\",\n title: \"text-base\",\n value: \"text-2xl\",\n progress: \"h-2\",\n },\n lg: {\n container: \"p-8\",\n icon: \"w-16 h-16\",\n iconSize: \"w-8 h-8\",\n title: \"text-lg\",\n value: \"text-3xl\",\n progress: \"h-3\",\n },\n};\n\n/**\n * ProgressCard 컴포넌트 / ProgressCard component\n * \n * 진행률을 표시하는 카드 컴포넌트입니다.\n * 현재 값과 전체 값을 비교하여 진행률을 시각적으로 표시합니다.\n * \n * Card component that displays progress.\n * Compares current value with total value to visually display progress.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ProgressCard\n * title=\"목표 달성률\"\n * current={75}\n * total={100}\n * unit=\"%\"\n * description=\"이번 달 목표\"\n * />\n * \n * @example\n * // 퍼센트 표시 / Show percentage\n * <ProgressCard\n * title=\"판매 진행률\"\n * current={150}\n * total={200}\n * showPercentage\n * color=\"green\"\n * variant=\"gradient\"\n * />\n * \n * @param {ProgressCardProps} props - ProgressCard 컴포넌트의 props / ProgressCard component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ProgressCard 컴포넌트 / ProgressCard component\n */\nexport const ProgressCard = React.forwardRef<HTMLDivElement, ProgressCardProps>(\n (\n {\n title,\n current,\n total,\n unit = \"\",\n description,\n icon,\n color = \"blue\",\n variant = \"elevated\",\n showPercentage = true,\n showLabel = true,\n size = \"md\",\n loading = false,\n className,\n ...props\n },\n ref\n ) => {\n const colorStyles = useColorStyles(color);\n const sizes = sizeStyles[size];\n const percentage = total > 0 ? Math.min(Math.max((current / total) * 100, 0), 100) : 0;\n const isGradient = variant === \"gradient\";\n\n const variantClasses = {\n default: `rounded-2xl border ${colorStyles.default}`,\n gradient: `rounded-2xl border text-white ${colorStyles.gradient}`,\n outline: `rounded-2xl border-2 ${colorStyles.outline}`,\n elevated: `rounded-3xl border ${colorStyles.elevated}`,\n };\n\n const variantClass = variantClasses[variant];\n\n return (\n <div\n ref={ref}\n className={merge(\n \"transition-all duration-200 hover:shadow-xl\",\n variantClass,\n sizes.container,\n className\n )}\n {...props}\n >\n <div className=\"flex items-start justify-between mb-4\">\n {/* 아이콘 */}\n {icon && (\n <div\n className={merge(\n \"rounded-lg flex items-center justify-center flex-shrink-0\",\n sizes.icon,\n isGradient ? \"bg-white/20\" : colorStyles.icon\n )}\n >\n {typeof icon === \"string\" ? (\n <Icon\n name={icon as IconName}\n className={merge(\n sizes.iconSize,\n isGradient ? \"text-white\" : \"\"\n )}\n />\n ) : (\n icon\n )}\n </div>\n )}\n\n {/* 제목 */}\n <div className=\"flex-1 ml-4\">\n <h3\n className={merge(\n \"font-semibold mb-1\",\n sizes.title,\n isGradient ? \"text-white\" : \"text-gray-800 dark:text-white\"\n )}\n >\n {title}\n </h3>\n {description && (\n <p\n className={merge(\n \"text-sm\",\n isGradient ? \"text-white/90\" : \"text-gray-600 dark:text-gray-400\"\n )}\n >\n {description}\n </p>\n )}\n </div>\n </div>\n\n {/* 진행률 표시 */}\n {loading ? (\n <div className=\"space-y-2\">\n <div className=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\" />\n <div className=\"h-2 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\" />\n </div>\n ) : (\n <>\n {/* 값 표시 */}\n <div className=\"flex items-baseline justify-between mb-2\">\n <span\n className={merge(\n \"font-bold\",\n sizes.value,\n isGradient ? \"text-white\" : `text-${color}-600 dark:text-${color}-400`\n )}\n >\n {current.toLocaleString()}\n {unit && <span className=\"text-sm ml-1\">{unit}</span>}\n </span>\n {showLabel && (\n <span\n className={merge(\n \"text-sm\",\n isGradient ? \"text-white/80\" : \"text-gray-600 dark:text-gray-400\"\n )}\n >\n / {total.toLocaleString()}\n {unit && <span className=\"ml-1\">{unit}</span>}\n </span>\n )}\n </div>\n\n {/* 진행률 바 */}\n <div className=\"w-full bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden\">\n <div\n className={merge(\n \"rounded-full transition-all duration-500\",\n sizes.progress,\n isGradient\n ? `bg-gradient-to-r ${colorStyles.gradient.replace(\"bg-gradient-to-br\", \"bg-gradient-to-r\").trim()}`\n : progressColors[color]\n )}\n style={{ width: `${percentage}%` }}\n />\n </div>\n\n {/* 퍼센트 표시 */}\n {showPercentage && (\n <div className=\"mt-2 flex justify-end\">\n <span\n className={merge(\n \"text-xs font-semibold\",\n isGradient ? \"text-white/90\" : `text-${color}-600 dark:text-${color}-400`\n )}\n >\n {percentage.toFixed(1)}%\n </span>\n </div>\n )}\n </>\n )}\n </div>\n );\n }\n);\n\nProgressCard.displayName = \"ProgressCard\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\n\n/**\n * DashboardEmptyState 컴포넌트의 props / DashboardEmptyState component props\n * @typedef {Object} DashboardEmptyStateProps\n * @property {IconName | React.ReactNode} [icon=\"inbox\"] - 아이콘 / Icon\n * @property {string} title - 제목 / Title\n * @property {string} [description] - 설명 / Description\n * @property {string} [actionText] - 액션 버튼 텍스트 / Action button text\n * @property {string} [actionHref] - 액션 버튼 링크 URL / Action button link URL\n * @property {() => void} [actionOnClick] - 액션 버튼 클릭 핸들러 / Action button click handler\n * @property {\"default\" | \"warning\" | \"info\" | \"error\" | \"success\"} [variant=\"default\"] - 스타일 변형 / Style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 크기 / Size\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface DashboardEmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n icon?: IconName | React.ReactNode;\n title: string;\n description?: string;\n actionText?: string;\n actionHref?: string;\n actionOnClick?: () => void;\n variant?: \"default\" | \"warning\" | \"info\" | \"error\" | \"success\";\n size?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst variantStyles = {\n default: {\n icon: \"text-gray-400 dark:text-gray-500\",\n title: \"text-gray-900 dark:text-white\",\n description: \"text-gray-600 dark:text-gray-400\",\n },\n warning: {\n icon: \"text-yellow-500 dark:text-yellow-400\",\n title: \"text-gray-900 dark:text-white\",\n description: \"text-gray-600 dark:text-gray-400\",\n },\n info: {\n icon: \"text-blue-500 dark:text-blue-400\",\n title: \"text-gray-900 dark:text-white\",\n description: \"text-gray-600 dark:text-gray-400\",\n },\n error: {\n icon: \"text-red-500 dark:text-red-400\",\n title: \"text-gray-900 dark:text-white\",\n description: \"text-gray-600 dark:text-gray-400\",\n },\n success: {\n icon: \"text-green-500 dark:text-green-400\",\n title: \"text-gray-900 dark:text-white\",\n description: \"text-gray-600 dark:text-gray-400\",\n },\n};\n\nconst sizeStyles = {\n sm: {\n container: \"py-8\",\n icon: \"w-8 h-8 mb-3\",\n title: \"text-base\",\n description: \"text-sm\",\n button: \"text-sm px-4 py-2\",\n },\n md: {\n container: \"py-12\",\n icon: \"w-12 h-12 mb-4\",\n title: \"text-lg\",\n description: \"text-sm\",\n button: \"text-sm px-6 py-2\",\n },\n lg: {\n container: \"py-16\",\n icon: \"w-16 h-16 mb-6\",\n title: \"text-xl\",\n description: \"text-base\",\n button: \"text-base px-8 py-3\",\n },\n};\n\n/**\n * DashboardEmptyState 컴포넌트\n * \n * 대시보드에서 빈 상태를 표시하는 컴포넌트입니다.\n * 데이터가 없을 때 사용자에게 안내 메시지와 액션을 제공합니다.\n * \n * Empty state component for dashboards.\n * Displays a message and action when there is no data to show.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <DashboardEmptyState\n * icon=\"inbox\"\n * title=\"데이터가 없습니다\"\n * description=\"새로운 데이터를 추가해보세요\"\n * actionText=\"데이터 추가\"\n * actionOnClick={handleAdd}\n * />\n * \n * @example\n * // 경고 스타일 / Warning style\n * <DashboardEmptyState\n * icon=\"warning\"\n * title=\"오류가 발생했습니다\"\n * description=\"잠시 후 다시 시도해주세요\"\n * variant=\"warning\"\n * size=\"lg\"\n * />\n * \n * @param {DashboardEmptyStateProps} props - DashboardEmptyState 컴포넌트의 props / DashboardEmptyState component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DashboardEmptyState 컴포넌트 / DashboardEmptyState component\n */\nexport const DashboardEmptyState = React.forwardRef<HTMLDivElement, DashboardEmptyStateProps>(\n (\n {\n icon = \"inbox\",\n title,\n description,\n actionText,\n actionHref,\n actionOnClick,\n variant = \"default\",\n size = \"md\",\n className,\n ...props\n },\n ref\n ) => {\n const styles = variantStyles[variant];\n const sizes = sizeStyles[size];\n\n const actionButton = actionText && (actionHref || actionOnClick) && (\n <div className=\"mt-6\">\n {actionHref ? (\n <a\n href={actionHref}\n aria-label={actionText}\n className={merge(\n \"inline-flex items-center justify-center rounded-lg font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 border border-gray-300 dark:border-gray-600 transition-colors duration-200\",\n sizes.button\n )}\n >\n {actionText}\n </a>\n ) : (\n <button\n onClick={actionOnClick}\n aria-label={actionText}\n className={merge(\n \"inline-flex items-center justify-center rounded-lg font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 border border-gray-300 dark:border-gray-600 transition-colors duration-200\",\n sizes.button\n )}\n >\n {actionText}\n </button>\n )}\n </div>\n );\n\n return (\n <div\n ref={ref}\n className={merge(\n \"text-center\",\n sizes.container,\n className\n )}\n {...props}\n >\n {/* 아이콘 */}\n {icon && (\n <div className={merge(\"mx-auto\", styles.icon)}>\n {typeof icon === \"string\" ? (\n <Icon name={icon as IconName} className={merge(\"w-full h-full\", styles.icon)} />\n ) : (\n icon\n )}\n </div>\n )}\n\n {/* 제목 */}\n <h3 className={merge(\"font-semibold mb-2\", styles.title, sizes.title)}>\n {title}\n </h3>\n\n {/* 설명 */}\n {description && (\n <p className={merge(\"mb-4\", styles.description, sizes.description)}>\n {description}\n </p>\n )}\n\n {/* 액션 버튼 */}\n {actionButton}\n </div>\n );\n }\n);\n\nDashboardEmptyState.displayName = \"DashboardEmptyState\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { Tooltip } from \"../Tooltip\";\n\n/**\n * 사이드바 네비게이션 아이템 인터페이스 / SidebarNavItem interface\n * @typedef {Object} SidebarNavItem\n * @property {string} id - 아이템 고유 ID / Item unique ID\n * @property {string} label - 아이템 라벨 / Item label\n * @property {string} [href] - 링크 URL / Link URL\n * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon\n * @property {React.ReactNode} [badge] - 배지 / Badge\n * @property {boolean} [active] - 활성 상태 / Active state\n * @property {() => void} [onClick] - 클릭 핸들러 / Click handler\n */\nexport interface SidebarNavItem {\n id: string;\n label: string;\n href?: string;\n icon?: IconName | React.ReactNode;\n badge?: React.ReactNode;\n active?: boolean;\n onClick?: () => void;\n}\n\n/**\n * 사이드바 섹션 인터페이스 / SidebarSection interface\n * @typedef {Object} SidebarSection\n * @property {string} id - 섹션 고유 ID / Section unique ID\n * @property {string} [label] - 섹션 라벨 / Section label\n * @property {SidebarNavItem[]} items - 섹션 내 아이템 배열 / Items array in section\n */\nexport interface SidebarSection {\n id: string;\n label?: string;\n items: SidebarNavItem[];\n}\n\n/**\n * DashboardSidebar 컴포넌트의 props / DashboardSidebar component props\n * @typedef {Object} DashboardSidebarProps\n * @property {React.ReactNode} [logo] - 로고 컴포넌트 / Logo component\n * @property {React.ReactNode} [productSwitcher] - 제품 전환 컴포넌트 / Product switcher component\n * @property {SidebarSection[]} sections - 사이드바 섹션 배열 / Sidebar sections array\n * @property {React.ReactNode} [footerActions] - 푸터 액션 컴포넌트 / Footer actions component\n * @property {boolean} [isCollapsed] - 접힘 상태 (제어) / Collapsed state (controlled)\n * @property {boolean} [defaultCollapsed=false] - 기본 접힘 상태 / Default collapsed state\n * @property {(collapsed: boolean) => void} [onToggleCollapsed] - 접힘 상태 변경 핸들러 / Collapsed state change handler\n * @property {number} [collapsedWidth=72] - 접힘 상태 너비 (px) / Collapsed width (px)\n * @property {number} [expandedWidth=264] - 펼침 상태 너비 (px) / Expanded width (px)\n * @property {number} [mobileBreakpoint=1024] - 모바일 브레이크포인트 (px) / Mobile breakpoint (px)\n * @property {string} [overlayBackground] - 모바일 오버레이 배경색 / Mobile overlay background color\n * @extends {React.HTMLAttributes<HTMLElement>}\n */\nexport interface DashboardSidebarProps extends React.HTMLAttributes<HTMLElement> {\n logo?: React.ReactNode;\n productSwitcher?: React.ReactNode;\n sections: SidebarSection[];\n footerActions?: React.ReactNode;\n isCollapsed?: boolean;\n defaultCollapsed?: boolean;\n onToggleCollapsed?: (collapsed: boolean) => void;\n collapsedWidth?: number;\n expandedWidth?: number;\n mobileBreakpoint?: number;\n overlayBackground?: string;\n}\n\nconst DEFAULT_COLLAPSED = 72;\nconst DEFAULT_EXPANDED = 264;\n\n/**\n * DashboardSidebar 컴포넌트\n * \n * 대시보드용 사이드바 네비게이션 컴포넌트입니다.\n * 접기/펼치기 기능과 모바일 반응형을 지원하며, 섹션별로 네비게이션 아이템을 구성할 수 있습니다.\n * \n * Sidebar navigation component for dashboards.\n * Supports collapse/expand functionality and mobile responsiveness, with section-based navigation items.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <DashboardSidebar\n * logo={<Logo />}\n * sections={[\n * {\n * id: \"main\",\n * label: \"메인\",\n * items: [\n * { id: \"dashboard\", label: \"대시보드\", href: \"/dashboard\", icon: \"layout\" },\n * { id: \"transactions\", label: \"거래\", href: \"/transactions\", icon: \"creditCard\" }\n * ]\n * }\n * ]}\n * />\n * \n * @example\n * // 접힘 상태 제어 / Collapse state control\n * <DashboardSidebar\n * sections={sections}\n * isCollapsed={collapsed}\n * onToggleCollapsed={setCollapsed}\n * collapsedWidth={80}\n * expandedWidth={280}\n * />\n * \n * @param {DashboardSidebarProps} props - DashboardSidebar 컴포넌트의 props / DashboardSidebar component props\n * @param {React.Ref<HTMLElement>} ref - aside 요소 ref / aside element ref\n * @returns {JSX.Element} DashboardSidebar 컴포넌트 / DashboardSidebar component\n */\nexport const DashboardSidebar = React.forwardRef<HTMLElement, DashboardSidebarProps>(\n (\n {\n logo,\n productSwitcher,\n sections,\n footerActions,\n isCollapsed,\n defaultCollapsed = false,\n onToggleCollapsed,\n collapsedWidth = DEFAULT_COLLAPSED,\n expandedWidth = DEFAULT_EXPANDED,\n mobileBreakpoint = 1024,\n overlayBackground = \"rgba(15, 23, 42, 0.45)\",\n className,\n ...props\n },\n ref\n ) => {\n const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n const [isMobileOpen, setIsMobileOpen] = React.useState(false);\n const [isMobile, setIsMobile] = React.useState(false);\n const collapsed = typeof isCollapsed === \"boolean\" ? isCollapsed : internalCollapsed;\n\n React.useEffect(() => {\n const checkMobile = () => setIsMobile(window.innerWidth <= mobileBreakpoint);\n checkMobile();\n window.addEventListener(\"resize\", checkMobile);\n return () => window.removeEventListener(\"resize\", checkMobile);\n }, [mobileBreakpoint]);\n\n const toggleCollapsed = () => {\n const next = !collapsed;\n setInternalCollapsed(next);\n onToggleCollapsed?.(next);\n };\n\n const widthStyle = collapsed ? collapsedWidth : expandedWidth;\n\n const sidebarContent = (\n <aside\n ref={ref}\n role=\"navigation\"\n aria-label=\"대시보드 네비게이션\"\n className={merge(\n \"flex h-full flex-col border-r border-slate-200/60 bg-white/95 px-3 py-4 shadow-sm dark:border-slate-800 dark:bg-slate-950/80 backdrop-blur transition-[width] duration-200\",\n className\n )}\n style={{ width: widthStyle, minWidth: widthStyle }}\n {...props}\n >\n <div className=\"mb-6 flex items-center justify-between gap-2 px-1\">\n <div className=\"flex items-center gap-2\">\n {logo}\n {!collapsed && productSwitcher}\n </div>\n <button\n type=\"button\"\n onClick={toggleCollapsed}\n aria-label={collapsed ? \"사이드바 펼치기\" : \"사이드바 접기\"}\n aria-expanded={!collapsed}\n className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border border-slate-200 text-slate-500 transition-colors hover:bg-slate-100 dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800\"\n >\n <Icon name={collapsed ? \"chevronRight\" : \"chevronLeft\"} className=\"h-4 w-4\" />\n <span className=\"sr-only\">사이드바 토글</span>\n </button>\n </div>\n\n <div className=\"flex-1 space-y-6 overflow-y-auto\">\n {sections.map((section) => (\n <div key={section.id} className=\"space-y-2\">\n {!collapsed && section.label && (\n <div className=\"px-3 text-xs font-medium uppercase tracking-wide text-slate-400 dark:text-slate-500\" role=\"heading\" aria-level={2}>\n {section.label}\n </div>\n )}\n <nav className=\"space-y-1\" aria-label={section.label || \"네비게이션\"}>\n {section.items.map((item) => {\n const baseClasses = merge(\n \"group flex w-full items-center rounded-xl px-3 py-2 text-sm font-medium transition focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/70\",\n item.active\n ? \"bg-blue-50 text-blue-600 dark:bg-blue-500/15 dark:text-blue-200\"\n : \"text-slate-600 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800\"\n );\n\n const content = (\n <>\n {item.icon && (\n <span className=\"mr-3\">\n {typeof item.icon === \"string\" ? (\n <Icon name={item.icon as IconName} className=\"h-5 w-5\" />\n ) : (\n item.icon\n )}\n </span>\n )}\n {!collapsed && (\n <>\n <span className=\"flex-1 text-left\">{item.label}</span>\n {item.badge && <span className=\"text-xs text-slate-400\">{item.badge}</span>}\n </>\n )}\n </>\n );\n\n const itemNode = item.href ? (\n <a\n key={item.id}\n href={item.href}\n className={baseClasses}\n aria-current={item.active ? \"page\" : undefined}\n >\n {content}\n </a>\n ) : (\n <button\n key={item.id}\n type=\"button\"\n onClick={item.onClick}\n className={baseClasses}\n aria-pressed={item.active}\n >\n {content}\n </button>\n );\n\n if (collapsed) {\n return (\n <Tooltip key={item.id} content={item.label}>\n {itemNode}\n </Tooltip>\n );\n }\n\n return itemNode;\n })}\n </nav>\n </div>\n ))}\n </div>\n\n <div className=\"mt-4 border-t border-slate-100 pt-4 dark:border-slate-800\">\n {footerActions}\n <div className=\"mt-2 hidden text-xs text-slate-400 lg:block\">\n <span>ⓒ HUA Labs</span>\n </div>\n </div>\n\n </aside>\n );\n\n return (\n <>\n {isMobile ? (\n <>\n <button\n className=\"inline-flex items-center gap-2 rounded-full border border-slate-200 px-3 py-2 text-sm text-slate-600 shadow-sm dark:border-slate-700 dark:text-slate-200\"\n onClick={() => setIsMobileOpen(true)}\n >\n <Icon name=\"menu\" className=\"h-4 w-4\" />\n 메뉴\n </button>\n {isMobileOpen && (\n <div className=\"fixed inset-0 z-40 flex\">\n <div\n className=\"absolute inset-0\"\n style={{ backgroundColor: overlayBackground }}\n onClick={() => setIsMobileOpen(false)}\n />\n <div className=\"relative z-50 h-full\">\n {sidebarContent}\n <button\n className=\"absolute top-4 right-4 rounded-full border border-slate-200 bg-white p-2 shadow-sm dark:border-slate-700 dark:bg-slate-900\"\n onClick={() => setIsMobileOpen(false)}\n >\n <Icon name=\"close\" className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n )}\n </>\n ) : (\n sidebarContent\n )}\n </>\n );\n }\n);\n\nDashboardSidebar.displayName = \"DashboardSidebar\";\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n TableCaption,\n} from \"../Table\";\nimport { Badge } from \"../Badge\";\nimport { SkeletonTable } from \"../Skeleton\";\nimport { DashboardEmptyState } from \"./EmptyState\";\n\nexport type TransactionStatus =\n | \"approved\"\n | \"pending\"\n | \"failed\"\n | \"refunded\"\n | \"cancelled\"\n | \"review\";\n\nexport type TransactionColumnKey =\n | \"id\"\n | \"merchant\"\n | \"amount\"\n | \"status\"\n | \"method\"\n | \"date\"\n | \"fee\"\n | \"customer\";\n\n/**\n * 거래 테이블 행 인터페이스\n * @typedef {Object} TransactionRow\n * @property {string} id - 거래 ID\n * @property {string} merchant - 가맹점\n * @property {number} amount - 거래 금액\n * @property {string} [currency] - 통화\n * @property {TransactionStatus} status - 거래 상태\n * @property {string} [method] - 결제수단\n * @property {string | Date} date - 거래 일시\n * @property {string} [customer] - 고객 정보\n * @property {number} [fee] - 수수료\n * @property {string} [reference] - 참조 번호\n */\nexport interface TransactionRow {\n id: string;\n merchant: string;\n amount: number;\n currency?: string;\n status: TransactionStatus;\n method?: string;\n date: string | Date;\n customer?: string;\n fee?: number;\n reference?: string;\n [key: string]: unknown;\n}\n\n/**\n * 거래 테이블 컬럼 설정 인터페이스\n * @typedef {Object} TransactionColumnConfig\n * @property {TransactionColumnKey} key - 컬럼 키\n * @property {string} [label] - 컬럼 라벨\n * @property {\"left\" | \"center\" | \"right\"} [align] - 정렬\n * @property {string} [width] - 컬럼 너비\n * @property {(row: TransactionRow) => React.ReactNode} [render] - 커스텀 렌더러\n */\nexport interface TransactionColumnConfig {\n key: TransactionColumnKey;\n label?: string;\n align?: \"left\" | \"center\" | \"right\";\n width?: string;\n render?: (row: TransactionRow) => React.ReactNode;\n}\n\n/**\n * TransactionsTable 컴포넌트의 props\n * @typedef {Object} TransactionsTableProps\n * @property {TransactionRow[]} rows - 거래 행 배열\n * @property {TransactionColumnConfig[]} [columns] - 컬럼 설정 배열\n * @property {boolean} [isLoading=false] - 로딩 상태\n * @property {number} [loadingRows] - 로딩 행 수\n * @property {React.ReactNode} [caption] - 테이블 캡션\n * @property {React.ReactNode} [filters] - 필터 컴포넌트\n * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트\n * @property {(row: TransactionRow) => void} [onRowClick] - 행 클릭 핸들러\n * @property {(row: TransactionRow) => boolean} [highlightRow] - 행 강조 조건\n * @property {Partial<Record<TransactionStatus, string>>} [statusLabels] - 상태 라벨 커스터마이징\n * @property {(status: TransactionStatus, row: TransactionRow) => React.ReactNode} [statusRenderer] - 상태 커스텀 렌더러\n * @property {(row: TransactionRow) => React.ReactNode} [amountFormatter] - 금액 커스텀 포맷터\n * @property {(row: TransactionRow) => React.ReactNode} [methodFormatter] - 결제수단 커스텀 포맷터\n * @property {(row: TransactionRow) => React.ReactNode} [dateFormatter] - 날짜 커스텀 포맷터\n * @property {string} [locale=\"ko-KR\"] - 로케일\n * @property {string} [defaultCurrency=\"KRW\"] - 기본 통화\n * @property {string} [className] - 추가 클래스명\n * @property {React.ReactNode} [footer] - 푸터 컴포넌트\n * @property {(row: TransactionRow) => string} [rowActionLabel] - 행 액션 라벨 생성 함수\n * @property {string} [rowActionHint] - 행 액션 힌트 텍스트\n */\nexport interface TransactionsTableProps {\n rows: TransactionRow[];\n columns?: TransactionColumnConfig[];\n isLoading?: boolean;\n loadingRows?: number;\n caption?: React.ReactNode;\n filters?: React.ReactNode;\n emptyState?: React.ReactNode;\n onRowClick?: (row: TransactionRow) => void;\n highlightRow?: (row: TransactionRow) => boolean;\n statusLabels?: Partial<Record<TransactionStatus, string>>;\n statusRenderer?: (status: TransactionStatus, row: TransactionRow) => React.ReactNode;\n amountFormatter?: (row: TransactionRow) => React.ReactNode;\n methodFormatter?: (row: TransactionRow) => React.ReactNode;\n dateFormatter?: (row: TransactionRow) => React.ReactNode;\n locale?: string;\n defaultCurrency?: string;\n className?: string;\n footer?: React.ReactNode;\n rowActionLabel?: (row: TransactionRow) => string;\n rowActionHint?: string;\n}\n\nconst STATUS_STYLES: Record<TransactionStatus, { label: string; badge: string }> = {\n approved: {\n label: \"승인\",\n badge: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-200\",\n },\n pending: {\n label: \"대기\",\n badge: \"bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-200\",\n },\n failed: {\n label: \"실패\",\n badge: \"bg-rose-100 text-rose-700 dark:bg-rose-500/15 dark:text-rose-200\",\n },\n refunded: {\n label: \"환불\",\n badge: \"bg-sky-100 text-sky-700 dark:bg-sky-500/15 dark:text-sky-200\",\n },\n cancelled: {\n label: \"취소\",\n badge: \"bg-slate-100 text-slate-700 dark:bg-slate-500/15 dark:text-slate-200\",\n },\n review: {\n label: \"검토중\",\n badge: \"bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-200\",\n },\n};\n\nconst DEFAULT_COLUMNS: TransactionColumnConfig[] = [\n { key: \"id\", label: \"거래 ID\", width: \"160px\" },\n { key: \"merchant\", label: \"가맹점\" },\n { key: \"amount\", label: \"금액\", align: \"right\", width: \"140px\" },\n { key: \"status\", label: \"상태\", width: \"120px\" },\n { key: \"method\", label: \"결제수단\", width: \"120px\" },\n { key: \"date\", label: \"거래 일시\", width: \"180px\" },\n];\n\n/**\n * TransactionsTable 컴포넌트\n * \n * 거래 목록을 테이블 형태로 표시하는 컴포넌트입니다.\n * 정렬, 필터링, 커스텀 렌더링 등을 지원합니다.\n * \n * Table component that displays transaction list.\n * Supports sorting, filtering, and custom rendering.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <TransactionsTable\n * rows={[\n * {\n * id: \"tx_123\",\n * merchant: \"가맹점 A\",\n * amount: 100000,\n * status: \"approved\",\n * method: \"카드\",\n * date: new Date()\n * }\n * ]}\n * onRowClick={(row) => console.log(row)}\n * />\n * \n * @example\n * // 커스텀 컬럼과 포맷터 / Custom columns and formatters\n * <TransactionsTable\n * rows={transactions}\n * columns={[\n * { key: \"id\", label: \"ID\" },\n * { key: \"amount\", label: \"금액\", align: \"right\" },\n * { key: \"status\", label: \"상태\" }\n * ]}\n * amountFormatter={(row) => `₩${row.amount.toLocaleString()}`}\n * statusRenderer={(status) => <CustomBadge status={status} />}\n * isLoading={loading}\n * />\n * \n * @param {TransactionsTableProps} props - TransactionsTable 컴포넌트의 props / TransactionsTable component props\n * @returns {JSX.Element} TransactionsTable 컴포넌트 / TransactionsTable component\n */\nexport const TransactionsTable: React.FC<TransactionsTableProps> = ({\n rows,\n columns = DEFAULT_COLUMNS,\n isLoading = false,\n caption,\n filters,\n emptyState,\n onRowClick,\n highlightRow,\n statusLabels,\n statusRenderer,\n amountFormatter,\n methodFormatter,\n dateFormatter,\n locale = \"ko-KR\",\n defaultCurrency = \"KRW\",\n className,\n footer,\n rowActionLabel,\n rowActionHint,\n}) => {\n const columnList = columns.length > 0 ? columns : DEFAULT_COLUMNS;\n const hasRows = rows.length > 0;\n const tableId = React.useId();\n const rowActionHintId = rowActionHint ? `${tableId}-row-action-hint` : undefined;\n\n const getRowActionLabel = React.useCallback(\n (row: TransactionRow) => {\n if (rowActionLabel) return rowActionLabel(row);\n const baseLabel = row.id ? `거래 ${row.id}` : \"거래 행\";\n return `${baseLabel} 상세 보기`;\n },\n [rowActionLabel]\n );\n\n const renderStatus = (status: TransactionStatus, row: TransactionRow) => {\n if (statusRenderer) return statusRenderer(status, row);\n const config = STATUS_STYLES[status] || STATUS_STYLES.pending;\n const label = statusLabels?.[status] ?? config.label;\n return (\n <Badge className={merge(\"font-medium px-3 py-1 rounded-full text-xs\", config.badge)}>\n {label}\n </Badge>\n );\n };\n\n const renderAmount = (row: TransactionRow) => {\n if (amountFormatter) return amountFormatter(row);\n const currency = row.currency || defaultCurrency;\n try {\n return (\n <span className=\"font-semibold text-slate-900 dark:text-slate-100\">\n {new Intl.NumberFormat(locale, {\n style: \"currency\",\n currency,\n maximumFractionDigits: 2,\n }).format(row.amount)}\n </span>\n );\n } catch {\n return `${row.amount.toLocaleString(locale)} ${currency}`;\n }\n };\n\n const renderMethod = (row: TransactionRow) => {\n if (methodFormatter) return methodFormatter(row);\n return row.method ?? \"-\";\n };\n\n const renderDate = (row: TransactionRow) => {\n if (dateFormatter) return dateFormatter(row);\n const dateObj = row.date instanceof Date ? row.date : new Date(row.date);\n return dateObj.toLocaleString(locale, { dateStyle: \"medium\", timeStyle: \"short\" });\n };\n\n const renderCell = (column: TransactionColumnConfig, row: TransactionRow) => {\n if (column.render) return column.render(row);\n\n switch (column.key) {\n case \"id\":\n return (\n <div className=\"flex flex-col\">\n <span className=\"font-medium text-slate-900 dark:text-slate-100\">{row.id}</span>\n {row.reference && (\n <span className=\"text-xs text-slate-500 dark:text-slate-400\">{row.reference}</span>\n )}\n </div>\n );\n case \"merchant\":\n return (\n <div className=\"flex flex-col\">\n <span className=\"font-medium text-slate-900 dark:text-slate-100\">{row.merchant}</span>\n {row.customer && (\n <span className=\"text-xs text-slate-500 dark:text-slate-400\">{row.customer}</span>\n )}\n </div>\n );\n case \"amount\":\n return (\n <div className=\"flex flex-col items-end\">\n {renderAmount(row)}\n {typeof row.fee === \"number\" && (\n <span className=\"text-xs text-slate-500 dark:text-slate-400\">\n 수수료 {row.fee.toLocaleString(locale)}\n </span>\n )}\n </div>\n );\n case \"status\":\n return renderStatus(row.status, row);\n case \"method\":\n return <span className=\"text-slate-700 dark:text-slate-300\">{renderMethod(row)}</span>;\n case \"date\":\n return <span className=\"text-slate-700 dark:text-slate-300\">{renderDate(row)}</span>;\n case \"customer\":\n return row.customer ?? \"-\";\n case \"fee\":\n return typeof row.fee === \"number\" ? row.fee.toLocaleString(locale) : \"-\";\n default:\n return \"-\";\n }\n };\n\n return (\n <div className={merge(\"rounded-2xl border border-slate-200/60 dark:border-slate-800 bg-white dark:bg-slate-900\", className)}>\n {filters && (\n <div className=\"border-b border-slate-100 dark:border-slate-800 px-4 sm:px-6 py-4\">{filters}</div>\n )}\n <div className=\"p-4 sm:p-6\">\n <div className=\"rounded-xl border border-slate-100 dark:border-slate-800 overflow-hidden\">\n <Table\n role=\"table\"\n aria-label={caption ? (typeof caption === \"string\" ? caption : \"거래 목록 테이블\") : \"거래 목록 테이블\"}\n >\n {caption && <TableCaption>{caption}</TableCaption>}\n <TableHeader className=\"bg-slate-50/60 dark:bg-slate-900/40\">\n <TableRow className=\"text-xs uppercase tracking-wide text-slate-500 dark:text-slate-400\">\n {columnList.map((column) => (\n <TableHead\n key={column.key}\n style={{ width: column.width }}\n className={merge(\n column.align === \"right\"\n ? \"text-right\"\n : column.align === \"center\"\n ? \"text-center\"\n : \"text-left\",\n \"text-xs font-semibold\"\n )}\n >\n {column.label}\n </TableHead>\n ))}\n </TableRow>\n </TableHeader>\n <TableBody>\n {isLoading && (\n <TableRow>\n <TableCell colSpan={columnList.length}>\n <SkeletonTable className=\"py-4\" />\n </TableCell>\n </TableRow>\n )}\n {!isLoading && !hasRows && (\n <TableRow>\n <TableCell colSpan={columnList.length}>\n {emptyState || (\n <DashboardEmptyState\n title=\"거래 데이터가 없습니다\"\n description=\"필터를 조정하거나 날짜 범위를 변경해보세요.\"\n icon=\"database-backup\"\n size=\"md\"\n />\n )}\n </TableCell>\n </TableRow>\n )}\n {!isLoading &&\n rows.map((row) => {\n const clickable = Boolean(onRowClick);\n const handleRowKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (!onRowClick) return;\n if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Spacebar\") {\n event.preventDefault();\n onRowClick(row);\n }\n };\n const rowLabel = clickable ? getRowActionLabel(row) : undefined;\n return (\n <TableRow\n key={row.id}\n tabIndex={clickable ? 0 : undefined}\n role={clickable ? \"button\" : undefined}\n onKeyDown={clickable ? handleRowKeyDown : undefined}\n onClick={onRowClick ? () => onRowClick(row) : undefined}\n aria-label={rowLabel}\n aria-describedby={clickable && rowActionHintId ? rowActionHintId : undefined}\n className={merge(\n \"text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/70\",\n clickable && \"cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800/60\",\n highlightRow?.(row) && \"bg-blue-50/60 dark:bg-blue-900/20\"\n )}\n >\n {columnList.map((column) => (\n <TableCell\n key={column.key}\n className={merge(\n column.align === \"right\"\n ? \"text-right\"\n : column.align === \"center\"\n ? \"text-center\"\n : \"text-left\",\n \"align-middle\"\n )}\n >\n {renderCell(column, row)}\n </TableCell>\n ))}\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n {!isLoading && hasRows && footer && (\n <div className=\"border-t border-slate-100 dark:border-slate-800 bg-slate-50/50 dark:bg-slate-900/50 px-4 py-3 text-sm text-slate-600 dark:text-slate-300\">\n {footer}\n </div>\n )}\n </div>\n </div>\n {rowActionHint && (\n <p id={rowActionHintId} className=\"sr-only\">\n {rowActionHint}\n </p>\n )}\n </div>\n );\n};\n\nTransactionsTable.displayName = \"TransactionsTable\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Button } from \"../Button\";\nimport { Dropdown, DropdownItem, DropdownMenu } from \"../Dropdown\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\n\ntype ToolbarVariant = \"plain\" | \"cards\";\n\n/**\n * 툴바 액션 인터페이스 / ToolbarAction interface\n * @typedef {Object} ToolbarAction\n * @property {string} label - 액션 라벨 / Action label\n * @property {() => void} [onClick] - 클릭 핸들러 / Click handler\n * @property {string} [href] - 링크 URL / Link URL\n * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon\n * @property {\"primary\" | \"secondary\" | \"ghost\"} [appearance=\"secondary\"] - 액션 스타일 / Action style\n * @property {boolean} [loading] - 로딩 상태 / Loading state\n */\nexport interface ToolbarAction {\n label: string;\n onClick?: () => void;\n href?: string;\n icon?: IconName | React.ReactNode;\n appearance?: \"primary\" | \"secondary\" | \"ghost\";\n loading?: boolean;\n}\n\n/**\n * 날짜 프리셋 인터페이스 / DatePreset interface\n * @typedef {Object} DatePreset\n * @property {string} label - 프리셋 라벨 / Preset label\n * @property {string} value - 프리셋 값 / Preset value\n */\nexport interface DatePreset {\n label: string;\n value: string;\n}\n\n/**\n * 날짜 범위 설정 인터페이스 / DateRangeConfig interface\n * @typedef {Object} DateRangeConfig\n * @property {{ from: Date; to: Date } | null} value - 날짜 범위 값 / Date range value\n * @property {DatePreset[]} [presets] - 날짜 프리셋 배열 / Date preset array\n * @property {(preset: DatePreset) => void} [onSelectPreset] - 프리셋 선택 핸들러 / Preset selection handler\n * @property {() => void} [onCustomRange] - 커스텀 범위 선택 핸들러 / Custom range selection handler\n * @property {string} [display] - 표시 텍스트 / Display text\n */\nexport interface DateRangeConfig {\n value: { from: Date; to: Date } | null;\n presets?: DatePreset[];\n onSelectPreset?: (preset: DatePreset) => void;\n onCustomRange?: () => void;\n display?: string;\n}\n\n/**\n * DashboardToolbar 컴포넌트의 props / DashboardToolbar component props\n * @typedef {Object} DashboardToolbarProps\n * @property {React.ReactNode} [title] - 툴바 제목 / Toolbar title\n * @property {React.ReactNode} [description] - 툴바 설명 / Toolbar description\n * @property {React.ReactNode} [meta] - 메타 정보 / Meta information\n * @property {\"plain\" | \"cards\"} [variant=\"cards\"] - 툴바 스타일 변형 / Toolbar style variant\n * @property {DateRangeConfig} [dateRange] - 날짜 범위 설정 / Date range configuration\n * @property {React.ReactNode} [filters] - 필터 컴포넌트 / Filter component\n * @property {ToolbarAction[]} [actions] - 액션 버튼 배열 / Action buttons array\n * @property {() => void} [onRefresh] - 새로고침 핸들러 / Refresh handler\n * @property {string} [lastUpdated] - 마지막 업데이트 시간 / Last updated time\n * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">}\n */\nexport interface DashboardToolbarProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n title?: React.ReactNode;\n description?: React.ReactNode;\n meta?: React.ReactNode;\n variant?: ToolbarVariant;\n dateRange?: DateRangeConfig;\n filters?: React.ReactNode;\n actions?: ToolbarAction[];\n onRefresh?: () => void;\n lastUpdated?: string;\n}\n\nconst actionAppearance = {\n primary: \"bg-blue-600 text-white hover:bg-blue-700\",\n secondary:\n \"border border-slate-200 text-slate-800 hover:bg-slate-50 dark:border-slate-700 dark:text-white dark:hover:bg-slate-800\",\n ghost: \"text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white\",\n};\n\nconst ToolbarButton: React.FC<ToolbarAction> = ({\n label,\n onClick,\n href,\n icon,\n appearance = \"secondary\",\n loading,\n}) => {\n const content = (\n <>\n {icon &&\n (typeof icon === \"string\" ? (\n <Icon name={icon as IconName} className=\"h-4 w-4\" />\n ) : (\n icon\n ))}\n <span>{label}</span>\n </>\n );\n\n const className = merge(\n \"inline-flex items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors\",\n actionAppearance[appearance]\n );\n\n if (href) {\n return (\n <a className={className} href={href}>\n {content}\n </a>\n );\n }\n\n return (\n <button className={className} onClick={onClick} disabled={loading}>\n {content}\n </button>\n );\n};\n\n/**\n * DashboardToolbar 컴포넌트\n * \n * 대시보드 상단 툴바 컴포넌트입니다.\n * 제목, 설명, 필터, 날짜 범위 선택, 액션 버튼 등을 포함할 수 있습니다.\n * \n * Top toolbar component for dashboards.\n * Can include title, description, filters, date range selection, and action buttons.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <DashboardToolbar\n * title=\"거래 대시보드\"\n * description=\"전체 거래 현황을 확인하세요\"\n * actions={[\n * { label: \"내보내기\", icon: \"download\", onClick: handleExport },\n * { label: \"필터\", icon: \"funnel\", onClick: handleFilter }\n * ]}\n * onRefresh={handleRefresh}\n * />\n * \n * @example\n * // 날짜 범위 포함 / With date range\n * <DashboardToolbar\n * title=\"매출 분석\"\n * dateRange={{\n * value: { from: new Date(\"2024-01-01\"), to: new Date(\"2024-12-31\") },\n * presets: [\n * { label: \"오늘\", value: \"today\" },\n * { label: \"이번 주\", value: \"thisWeek\" },\n * { label: \"이번 달\", value: \"thisMonth\" }\n * ],\n * onSelectPreset: handlePresetSelect,\n * onCustomRange: handleCustomRange\n * }}\n * />\n * \n * @param {DashboardToolbarProps} props - DashboardToolbar 컴포넌트의 props / DashboardToolbar component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} DashboardToolbar 컴포넌트 / DashboardToolbar component\n */\nexport const DashboardToolbar = React.forwardRef<HTMLDivElement, DashboardToolbarProps>(\n (\n {\n title,\n description,\n meta,\n variant = \"cards\",\n dateRange,\n filters,\n actions,\n onRefresh,\n lastUpdated,\n className,\n ...props\n },\n ref\n ) => {\n const containerClasses = merge(\n \"w-full\",\n variant === \"cards\"\n ? \"rounded-2xl border border-slate-200/70 dark:border-slate-800 bg-white dark:bg-slate-900 shadow-sm\"\n : \"\"\n );\n\n return (\n <div ref={ref} className={merge(containerClasses, className)} {...props}>\n <div className=\"flex flex-col gap-4 px-4 py-4 sm:px-6 sm:py-5\">\n <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n <div>\n {title && (\n <div className=\"text-xl font-semibold text-slate-900 dark:text-slate-50\">\n {title}\n </div>\n )}\n {description && (\n <p className=\"text-sm text-slate-500 dark:text-slate-400\">{description}</p>\n )}\n </div>\n <div className=\"flex flex-wrap gap-2\">\n {dateRange && (\n <Dropdown\n trigger={\n <Button \n variant=\"outline\" \n size=\"sm\" \n className=\"gap-2\"\n aria-label={`날짜 범위 선택: ${dateRange.display || \"날짜 범위\"}`}\n >\n <Icon name=\"calendar\" className=\"h-4 w-4\" />\n {dateRange.display || \"날짜 범위\"}\n </Button>\n }\n >\n <DropdownMenu className=\"max-h-64 overflow-auto\">\n {dateRange.presets?.map((preset) => (\n <DropdownItem\n key={preset.value}\n onClick={() => dateRange.onSelectPreset?.(preset)}\n >\n {preset.label}\n </DropdownItem>\n ))}\n {dateRange.onCustomRange && (\n <DropdownItem onClick={dateRange.onCustomRange}>\n 사용자 지정...\n </DropdownItem>\n )}\n </DropdownMenu>\n </Dropdown>\n )}\n {onRefresh && (\n <Button\n variant=\"ghost\"\n size=\"sm\"\n className=\"gap-2 text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white\"\n onClick={onRefresh}\n aria-label=\"데이터 새로고침\"\n >\n <Icon name=\"refresh\" className=\"h-4 w-4\" />\n 새로고침\n </Button>\n )}\n </div>\n </div>\n\n {(filters || meta || lastUpdated) && (\n <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between border-t border-slate-100 dark:border-slate-800 pt-3\">\n <div className=\"flex flex-wrap items-center gap-3 text-sm text-slate-600 dark:text-slate-300\">\n {filters}\n {meta}\n </div>\n {lastUpdated && (\n <span className=\"text-xs text-slate-400\">업데이트: {lastUpdated}</span>\n )}\n </div>\n )}\n\n {actions && actions.length > 0 && (\n <div className=\"flex flex-wrap justify-end gap-2 border-t border-slate-100 dark:border-slate-800 pt-4\">\n {actions.map((action) => (\n <ToolbarButton key={action.label} {...action} />\n ))}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nDashboardToolbar.displayName = \"DashboardToolbar\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\n\nexport type TrendSeriesPalette = \"approval\" | \"settlement\" | \"custom\";\n\n/**\n * 트렌드 시리즈 인터페이스\n * @typedef {Object} TrendSeries\n * @property {string} label - 시리즈 라벨\n * @property {number[]} data - 데이터 배열\n * @property {string} [color] - 커스텀 색상\n * @property {boolean} [area] - 영역 채우기 여부\n */\nexport interface TrendSeries {\n label: string;\n data: number[];\n color?: string;\n area?: boolean;\n}\n\n/**\n * TrendChart 컴포넌트의 props / TrendChart component props\n * @typedef {Object} TrendChartProps\n * @property {TrendSeries[]} series - 시리즈 배열 / Series array\n * @property {string[]} categories - 카테고리 배열 / Categories array\n * @property {TrendSeriesPalette} [palette=\"approval\"] - 색상 팔레트 / Color palette\n * @property {number} [height=200] - 차트 높이 (px) / Chart height (px)\n * @property {boolean} [showLegend=true] - 범례 표시 여부 / Show legend\n * @property {boolean} [showDots=true] - 점 표시 여부 / Show dots\n * @property {boolean} [showTooltip=false] - 툴팁 표시 여부 / Show tooltip\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface TrendChartProps extends React.HTMLAttributes<HTMLDivElement> {\n series: TrendSeries[];\n categories: string[];\n palette?: TrendSeriesPalette;\n height?: number;\n showLegend?: boolean;\n showDots?: boolean;\n showTooltip?: boolean;\n}\n\nconst PRESET_PALETTES: Record<TrendSeriesPalette, string[]> = {\n approval: [\"#22c55e\", \"#f97316\", \"#ef4444\"],\n settlement: [\"#6366f1\", \"#0ea5e9\", \"#14b8a6\"],\n custom: [\"#0ea5e9\"],\n};\n\n/**\n * TrendChart 컴포넌트\n * \n * 트렌드 데이터를 선 그래프로 표시하는 컴포넌트입니다.\n * 여러 시리즈를 동시에 표시할 수 있으며, 영역 채우기 옵션을 제공합니다.\n * \n * Line chart component that displays trend data.\n * Can display multiple series simultaneously with area fill option.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <TrendChart\n * series={[\n * { label: \"승인\", data: [10, 20, 15, 30, 25] },\n * { label: \"거부\", data: [5, 10, 8, 15, 12] }\n * ]}\n * categories={[\"월\", \"화\", \"수\", \"목\", \"금\"]}\n * palette=\"approval\"\n * />\n * \n * @example\n * // 영역 채우기와 커스텀 색상 / Area fill and custom color\n * <TrendChart\n * series={[\n * { label: \"정산\", data: [100, 200, 150], area: true, color: \"#6366f1\" }\n * ]}\n * categories={[\"1월\", \"2월\", \"3월\"]}\n * palette=\"settlement\"\n * showDots={true}\n * showTooltip={true}\n * />\n * \n * @param {TrendChartProps} props - TrendChart 컴포넌트의 props / TrendChart component props\n * @returns {JSX.Element} TrendChart 컴포넌트 / TrendChart component\n */\nexport const TrendChart: React.FC<TrendChartProps> = ({\n series,\n categories,\n palette = \"approval\",\n height = 200,\n showLegend = true,\n showDots = true,\n showTooltip = false,\n className,\n ...props\n}) => {\n const paletteColors = PRESET_PALETTES[palette] || PRESET_PALETTES.approval;\n const safeCategories = categories.length > 0 ? categories : [\"—\"];\n const denominator = Math.max(safeCategories.length - 1, 1);\n\n const maxValue = Math.max(...series.flatMap((s) => s.data), 10);\n\n const chartId = React.useId();\n const chartLabel = series.length > 0\n ? `트렌드 차트 - ${series.length}개 시리즈, ${safeCategories.length}개 카테고리, 최대값 ${maxValue.toLocaleString()}`\n : `트렌드 차트 - ${safeCategories.length}개 카테고리`;\n\n return (\n <div\n role=\"img\"\n aria-label={chartLabel}\n className={merge(\n \"rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900 p-4\",\n className\n )}\n {...props}\n >\n <div className=\"relative\" style={{ height }}>\n {series.map((s, index) => {\n const color = s.color || paletteColors[index % paletteColors.length];\n const points = s.data.map((point, i) => ({\n x: (i / denominator) * 100,\n y: 100 - (point / maxValue) * 100,\n value: point,\n label: safeCategories[i] ?? safeCategories[safeCategories.length - 1] ?? \"\",\n }));\n\n if (points.length === 0) {\n return null;\n }\n\n const pathData = points\n .map((p, i) => `${i === 0 ? \"M\" : \"L\"} ${p.x},${p.y}`)\n .join(\" \");\n\n const areaData = `${pathData} L 100,100 L 0,100 Z`;\n\n return (\n <svg\n key={s.label}\n viewBox=\"0 0 100 100\"\n preserveAspectRatio=\"none\"\n className=\"absolute inset-0 h-full w-full\"\n >\n {s.area && (\n <path\n d={areaData}\n fill={color}\n opacity={0.08}\n stroke=\"none\"\n />\n )}\n <path\n d={pathData}\n fill=\"none\"\n stroke={color}\n strokeWidth={2}\n strokeLinejoin=\"round\"\n strokeLinecap=\"round\"\n />\n {showDots &&\n points.map((p, i) => (\n <circle\n key={`${s.label}-${i}`}\n cx={p.x}\n cy={p.y}\n r={1.2}\n fill=\"#fff\"\n stroke={color}\n strokeWidth={0.8}\n >\n {showTooltip && (\n <title>\n {s.label} · {p.label}: {p.value.toLocaleString()}\n </title>\n )}\n </circle>\n ))}\n </svg>\n );\n })}\n <div className=\"absolute inset-x-0 bottom-0 flex text-[10px] text-slate-400\">\n {safeCategories.map((label, idx) => (\n <div key={label} className=\"flex-1 text-center\">\n {label}\n </div>\n ))}\n </div>\n </div>\n\n {showLegend && (\n <div \n className=\"mt-4 flex flex-wrap gap-4 text-sm text-slate-600 dark:text-slate-300\"\n role=\"list\"\n aria-label=\"차트 범례\"\n >\n {series.map((s, index) => {\n const color = s.color || paletteColors[index % paletteColors.length];\n return (\n <div \n key={s.label} \n role=\"listitem\"\n className=\"flex items-center gap-2\"\n tabIndex={0}\n aria-label={`${s.label} 시리즈`}\n onKeyDown={(e) => {\n // 키보드 네비게이션 지원\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n // 범례 클릭 시 해당 시리즈 강조 등의 기능 추가 가능\n }\n }}\n >\n <span\n className=\"inline-block h-2 w-2 rounded-full\"\n style={{ backgroundColor: color }}\n aria-hidden=\"true\"\n />\n <span>{s.label}</span>\n </div>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\nTrendChart.displayName = \"TrendChart\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { Drawer, DrawerHeader, DrawerContent, DrawerFooter } from \"../Drawer\";\nimport { Badge } from \"../Badge\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { merge } from \"../../lib/utils\";\nimport { DashboardEmptyState } from \"./EmptyState\";\nimport type { TransactionStatus } from \"./TransactionsTable\";\n\nconst STATUS_STYLES: Record<TransactionStatus, { label: string; badge: string }> = {\n approved: { label: \"승인\", badge: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-200\" },\n pending: { label: \"대기\", badge: \"bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-200\" },\n failed: { label: \"실패\", badge: \"bg-rose-100 text-rose-700 dark:bg-rose-500/15 dark:text-rose-200\" },\n refunded: { label: \"환불\", badge: \"bg-sky-100 text-sky-700 dark:bg-sky-500/15 dark:text-sky-200\" },\n cancelled: { label: \"취소\", badge: \"bg-slate-100 text-slate-700 dark:bg-slate-500/15 dark:text-slate-200\" },\n review: { label: \"검토중\", badge: \"bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-200\" },\n};\n\n/**\n * 거래 상세 정보 인터페이스 / TransactionDetail interface\n * @typedef {Object} TransactionDetail\n * @property {string} id - 거래 ID / Transaction ID\n * @property {TransactionStatus} status - 거래 상태 / Transaction status\n * @property {number} amount - 거래 금액 / Transaction amount\n * @property {string} [currency] - 통화 / Currency\n * @property {string} [merchant] - 가맹점 / Merchant\n * @property {string} [method] - 결제수단 / Payment method\n * @property {string | Date} [createdAt] - 생성일시 / Created date\n * @property {string | Date} [approvedAt] - 승인일시 / Approved date\n * @property {string} [customer] - 고객 정보 / Customer information\n * @property {string} [reference] - 참조 번호 / Reference number\n */\nexport interface TransactionDetail {\n id: string;\n status: TransactionStatus;\n amount: number;\n currency?: string;\n merchant?: string;\n method?: string;\n createdAt?: string | Date;\n approvedAt?: string | Date;\n customer?: string;\n reference?: string;\n}\n\n/**\n * 거래 메타데이터 아이템 인터페이스 / TransactionMetadataItem interface\n * @typedef {Object} TransactionMetadataItem\n * @property {string} label - 라벨 / Label\n * @property {React.ReactNode} value - 값 / Value\n * @property {IconName} [icon] - 아이콘 / Icon\n */\nexport interface TransactionMetadataItem {\n label: string;\n value: React.ReactNode;\n icon?: IconName;\n}\n\nexport type SettlementStatus = \"pending\" | \"processing\" | \"completed\" | \"failed\";\n\n/**\n * 정산 정보 인터페이스 / SettlementInfo interface\n * @typedef {Object} SettlementInfo\n * @property {SettlementStatus} [status] - 정산 상태 / Settlement status\n * @property {number} [amount] - 정산 금액 / Settlement amount\n * @property {string} [currency] - 통화 / Currency\n * @property {string | Date} [scheduledDate] - 예정일 / Scheduled date\n * @property {string} [expectedPayout] - 예상 지급액 / Expected payout\n * @property {string} [bankAccount] - 계좌 정보 / Bank account information\n * @property {string} [reference] - 참조 번호 / Reference number\n * @property {string} [note] - 메모 / Note\n */\nexport interface SettlementInfo {\n status?: SettlementStatus;\n amount?: number;\n currency?: string;\n scheduledDate?: string | Date;\n expectedPayout?: string;\n bankAccount?: string;\n reference?: string;\n note?: string;\n}\n\n/**\n * 수수료 내역 인터페이스 / FeeBreakdown interface\n * @typedef {Object} FeeBreakdown\n * @property {string} label - 수수료 라벨 / Fee label\n * @property {number} amount - 수수료 금액 / Fee amount\n * @property {string} [currency] - 통화 / Currency\n * @property {string} [description] - 설명 / Description\n */\nexport interface FeeBreakdown {\n label: string;\n amount: number;\n currency?: string;\n description?: string;\n}\n\n/**\n * 거래 이벤트 인터페이스 / TransactionEvent interface\n * @typedef {Object} TransactionEvent\n * @property {string} id - 이벤트 ID / Event ID\n * @property {string} title - 이벤트 제목 / Event title\n * @property {string} [description] - 설명 / Description\n * @property {string | Date} timestamp - 타임스탬프 / Timestamp\n * @property {\"success\" | \"warning\" | \"error\" | \"info\"} [status] - 이벤트 상태 / Event status\n * @property {IconName} [icon] - 아이콘 / Icon\n * @property {string} [actor] - 실행자 / Actor\n */\nexport interface TransactionEvent {\n id: string;\n title: string;\n description?: string;\n timestamp: string | Date;\n status?: \"success\" | \"warning\" | \"error\" | \"info\";\n icon?: IconName;\n actor?: string;\n}\n\n/**\n * TransactionDetailDrawer 컴포넌트의 props / TransactionDetailDrawer component props\n * @typedef {Object} TransactionDetailDrawerProps\n * @property {boolean} open - 드로어 열림 상태 / Drawer open state\n * @property {() => void} onClose - 닫기 핸들러 / Close handler\n * @property {TransactionDetail} [transaction] - 거래 상세 정보 / Transaction detail information\n * @property {TransactionMetadataItem[]} [metadata=[]] - 메타데이터 배열 / Metadata array\n * @property {SettlementInfo} [settlement] - 정산 정보 / Settlement information\n * @property {FeeBreakdown[]} [fees=[]] - 수수료 내역 배열 / Fee breakdown array\n * @property {TransactionEvent[]} [events=[]] - 이벤트 로그 배열 / Event log array\n * @property {React.ReactNode} [actions] - 액션 컴포넌트 / Actions component\n * @property {React.ReactNode} [summary] - 요약 컴포넌트 / Summary component\n * @property {boolean} [loading=false] - 로딩 상태 / Loading state\n * @property {string} [locale=\"ko-KR\"] - 로케일 / Locale\n * @property {string} [defaultCurrency=\"KRW\"] - 기본 통화 / Default currency\n * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component\n * @property {string} [className] - 추가 클래스명 / Additional class name\n */\nexport interface TransactionDetailDrawerProps {\n open: boolean;\n onClose: () => void;\n transaction?: TransactionDetail;\n metadata?: TransactionMetadataItem[];\n settlement?: SettlementInfo;\n fees?: FeeBreakdown[];\n events?: TransactionEvent[];\n actions?: React.ReactNode;\n summary?: React.ReactNode;\n loading?: boolean;\n locale?: string;\n defaultCurrency?: string;\n emptyState?: React.ReactNode;\n className?: string;\n}\n\nconst formatAmount = (amount?: number, currency?: string, locale = \"ko-KR\") => {\n if (typeof amount !== \"number\") return \"-\";\n try {\n return new Intl.NumberFormat(locale, {\n style: \"currency\",\n currency: currency ?? \"KRW\",\n maximumFractionDigits: 2,\n }).format(amount);\n } catch {\n return `${amount.toLocaleString(locale)} ${currency ?? \"\"}`.trim();\n }\n};\n\nconst formatDate = (date?: string | Date, locale = \"ko-KR\") => {\n if (!date) return \"-\";\n const parsed = date instanceof Date ? date : new Date(date);\n if (Number.isNaN(parsed.getTime())) return \"-\";\n return parsed.toLocaleString(locale, { dateStyle: \"medium\", timeStyle: \"short\" });\n};\n\nconst getEventColor = (status?: TransactionEvent[\"status\"]) => {\n switch (status) {\n case \"success\":\n return \"bg-emerald-50 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-100\";\n case \"warning\":\n return \"bg-amber-50 text-amber-700 dark:bg-amber-500/20 dark:text-amber-100\";\n case \"error\":\n return \"bg-rose-50 text-rose-700 dark:bg-rose-500/20 dark:text-rose-100\";\n default:\n return \"bg-slate-50 text-slate-600 dark:bg-slate-800/50 dark:text-slate-100\";\n }\n};\n\nconst getSettlementBadge = (status?: SettlementStatus) => {\n switch (status) {\n case \"completed\":\n return \"bg-emerald-50 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-100\";\n case \"processing\":\n return \"bg-sky-50 text-sky-700 dark:bg-sky-500/20 dark:text-sky-100\";\n case \"failed\":\n return \"bg-rose-50 text-rose-700 dark:bg-rose-500/20 dark:text-rose-100\";\n case \"pending\":\n return \"bg-amber-50 text-amber-700 dark:bg-amber-500/20 dark:text-amber-100\";\n default:\n return \"bg-slate-50 text-slate-600 dark:bg-slate-800/50 dark:text-slate-100\";\n }\n};\n\n/**\n * TransactionDetailDrawer 컴포넌트\n * \n * 거래 상세 정보를 표시하는 드로어 컴포넌트입니다.\n * 거래 정보, 정산 정보, 수수료 내역, 이벤트 로그 등을 포함합니다.\n * \n * Drawer component that displays detailed transaction information.\n * Includes transaction details, settlement info, fee breakdown, and event logs.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <TransactionDetailDrawer\n * open={isOpen}\n * onClose={() => setIsOpen(false)}\n * transaction={{\n * id: \"tx_123\",\n * status: \"approved\",\n * amount: 100000,\n * currency: \"KRW\",\n * merchant: \"가맹점 A\"\n * }}\n * metadata={[\n * { label: \"거래 ID\", value: \"tx_123\", icon: \"creditCard\" },\n * { label: \"고객\", value: \"홍길동\", icon: \"user\" }\n * ]}\n * />\n * \n * @example\n * // 정산 정보 포함 / With settlement info\n * <TransactionDetailDrawer\n * open={isOpen}\n * onClose={handleClose}\n * transaction={transaction}\n * settlement={{\n * status: \"processing\",\n * amount: 95000,\n * currency: \"KRW\",\n * scheduledDate: new Date(\"2024-01-15\")\n * }}\n * fees={[\n * { label: \"수수료\", amount: 5000, currency: \"KRW\" }\n * ]}\n * events={eventLogs}\n * />\n * \n * @param {TransactionDetailDrawerProps} props - TransactionDetailDrawer 컴포넌트의 props / TransactionDetailDrawer component props\n * @returns {JSX.Element} TransactionDetailDrawer 컴포넌트 / TransactionDetailDrawer component\n */\nexport const TransactionDetailDrawer: React.FC<TransactionDetailDrawerProps> = ({\n open,\n onClose,\n transaction,\n metadata = [],\n settlement,\n fees = [],\n events = [],\n actions,\n summary,\n loading = false,\n locale = \"ko-KR\",\n defaultCurrency = \"KRW\",\n emptyState,\n className,\n}) => {\n const statusStyle = transaction && STATUS_STYLES[transaction.status];\n\n return (\n <Drawer\n open={open}\n onOpenChange={(next) => {\n if (!next) {\n onClose();\n }\n }}\n className={className}\n >\n <DrawerHeader onClose={onClose}>\n <div className=\"space-y-1\">\n <div className=\"flex items-center gap-2 text-xs uppercase tracking-wide text-slate-400\">\n <span>거래 상세</span>\n {transaction?.reference && (\n <span className=\"rounded-full bg-slate-100 px-2 py-0.5 text-slate-500\">{transaction.reference}</span>\n )}\n </div>\n <div className=\"flex items-center gap-3\">\n <p className=\"text-lg font-semibold text-slate-900 dark:text-white\">{transaction?.id ?? \"—\"}</p>\n {statusStyle && (\n <Badge className={merge(\"font-medium px-3 py-1 text-xs rounded-full\", statusStyle.badge)}>\n {statusStyle.label}\n </Badge>\n )}\n </div>\n <p className=\"text-sm text-slate-500 dark:text-slate-400\">\n {transaction?.merchant ?? \"가맹점 정보 없음\"} · {transaction?.method ?? \"결제수단 미지정\"}\n </p>\n </div>\n </DrawerHeader>\n\n <DrawerContent className=\"space-y-6\">\n {loading ? (\n <div className=\"space-y-4\">\n {[...Array(3)].map((_, idx) => (\n <div key={idx} className=\"h-20 rounded-2xl border border-slate-100 dark:border-slate-800 animate-pulse bg-slate-50/60 dark:bg-slate-900/40\" />\n ))}\n </div>\n ) : (\n <>\n <section \n className=\"grid gap-4 rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/40 p-4 md:grid-cols-2\"\n aria-label=\"거래 요약 정보\"\n >\n <div className=\"space-y-1\">\n <p className=\"text-xs uppercase text-slate-400\">거래 금액</p>\n <p className=\"text-2xl font-semibold text-slate-900 dark:text-white\">\n {formatAmount(transaction?.amount, transaction?.currency ?? defaultCurrency, locale)}\n </p>\n <p className=\"text-xs text-slate-400\">\n 생성 <time dateTime={transaction?.createdAt instanceof Date ? transaction.createdAt.toISOString() : typeof transaction?.createdAt === 'string' ? transaction.createdAt : undefined}>\n {formatDate(transaction?.createdAt, locale)}\n </time>\n </p>\n </div>\n <div className=\"space-y-2\">\n <p className=\"text-xs uppercase text-slate-400\">요약</p>\n {summary ?? (\n <p className=\"text-sm text-slate-600 dark:text-slate-300\">\n {transaction?.customer ?? \"고객 정보 없음\"} / {transaction?.method ?? \"결제수단 미지정\"}\n </p>\n )}\n </div>\n </section>\n\n {metadata.length > 0 && (\n <section \n className=\"rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/40 p-4\"\n aria-label=\"거래 세부 정보\"\n role=\"region\"\n >\n <h3 className=\"mb-3 text-sm font-semibold text-slate-900 dark:text-white\">세부 정보</h3>\n <dl className=\"grid gap-4 sm:grid-cols-2\">\n {metadata.map((item) => (\n <div key={item.label} className=\"flex items-center gap-3\">\n {item.icon && (\n <span className=\"rounded-lg bg-slate-100 p-2 text-slate-500 dark:bg-slate-800/80\" aria-hidden=\"true\">\n <Icon name={item.icon} className=\"h-4 w-4\" />\n </span>\n )}\n <div>\n <dt className=\"text-xs uppercase text-slate-400\">{item.label}</dt>\n <dd className=\"text-sm text-slate-700 dark:text-slate-200\">{item.value}</dd>\n </div>\n </div>\n ))}\n </dl>\n </section>\n )}\n\n {settlement && (\n <section \n className=\"rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/40 p-4\"\n aria-label=\"정산 정보\"\n role=\"region\"\n >\n <div className=\"mb-4 flex items-center justify-between\">\n <div>\n <h3 className=\"text-sm font-semibold text-slate-900 dark:text-white\">정산 정보</h3>\n {settlement.note && <p className=\"text-xs text-slate-500\">{settlement.note}</p>}\n </div>\n {settlement.status && (\n <span \n className={merge(\"rounded-full px-3 py-1 text-xs font-medium\", getSettlementBadge(settlement.status))}\n aria-label={`정산 상태: ${settlement.status}`}\n >\n {settlement.status}\n </span>\n )}\n </div>\n <dl className=\"grid gap-4 md:grid-cols-2\">\n <div>\n <dt className=\"text-xs uppercase text-slate-400\">정산 금액</dt>\n <dd className=\"text-sm text-slate-700 dark:text-slate-200\">\n {formatAmount(settlement.amount, settlement.currency ?? defaultCurrency, locale)}\n </dd>\n </div>\n <div>\n <dt className=\"text-xs uppercase text-slate-400\">예정일</dt>\n <dd className=\"text-sm text-slate-700 dark:text-slate-200\">\n {settlement.scheduledDate && (\n <time dateTime={settlement.scheduledDate instanceof Date ? settlement.scheduledDate.toISOString() : typeof settlement.scheduledDate === 'string' ? settlement.scheduledDate : undefined}>\n {formatDate(settlement.scheduledDate, locale)}\n </time>\n )}\n </dd>\n </div>\n {settlement.bankAccount && (\n <div>\n <dt className=\"text-xs uppercase text-slate-400\">계좌</dt>\n <dd className=\"text-sm text-slate-700 dark:text-slate-200\">{settlement.bankAccount}</dd>\n </div>\n )}\n {settlement.expectedPayout && (\n <div>\n <dt className=\"text-xs uppercase text-slate-400\">예상 지급</dt>\n <dd className=\"text-sm text-slate-700 dark:text-slate-200\">{settlement.expectedPayout}</dd>\n </div>\n )}\n </dl>\n </section>\n )}\n\n {fees.length > 0 && (\n <section \n className=\"rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/40 p-4\"\n aria-label=\"수수료 내역\"\n role=\"region\"\n >\n <h3 className=\"mb-3 text-sm font-semibold text-slate-900 dark:text-white\">수수료</h3>\n <dl className=\"space-y-3\">\n {fees.map((fee) => (\n <div key={fee.label} className=\"flex items-center justify-between text-sm text-slate-700 dark:text-slate-200\">\n <div>\n <dt className=\"font-medium\">{fee.label}</dt>\n {fee.description && <dd className=\"text-xs text-slate-400\">{fee.description}</dd>}\n </div>\n <dd>{formatAmount(fee.amount, fee.currency ?? defaultCurrency, locale)}</dd>\n </div>\n ))}\n </dl>\n </section>\n )}\n\n <section \n className=\"rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/40 p-4\"\n aria-label=\"이벤트 로그\"\n role=\"region\"\n >\n <h3 className=\"mb-4 text-sm font-semibold text-slate-900 dark:text-white\">이벤트 로그</h3>\n {events.length === 0 ? (\n emptyState ?? (\n <DashboardEmptyState\n icon=\"activity\"\n title=\"이벤트가 없습니다\"\n description=\"승인/정산 등 상태 변화가 발생하면 자동으로 표시됩니다.\"\n size=\"sm\"\n />\n )\n ) : (\n <ol className=\"space-y-3\" role=\"list\" aria-label=\"이벤트 목록\">\n {events.map((event) => (\n <li\n key={event.id}\n role=\"listitem\"\n className=\"flex items-start gap-3 rounded-xl border border-slate-100 dark:border-slate-800 p-3\"\n >\n <div className={merge(\"rounded-lg p-2\", getEventColor(event.status))} aria-hidden=\"true\">\n <Icon name={event.icon ?? \"activity\"} className=\"h-4 w-4\" />\n </div>\n <div className=\"flex-1\">\n <div className=\"flex items-center justify-between text-sm font-medium text-slate-900 dark:text-white\">\n <span>{event.title}</span>\n <time \n dateTime={event.timestamp instanceof Date ? event.timestamp.toISOString() : typeof event.timestamp === 'string' ? event.timestamp : undefined}\n className=\"text-xs text-slate-400\"\n >\n {formatDate(event.timestamp, locale)}\n </time>\n </div>\n {event.description && (\n <p className=\"text-xs text-slate-500 dark:text-slate-300\">{event.description}</p>\n )}\n {event.actor && (\n <p className=\"text-xs text-slate-400 mt-1\" aria-label={`실행자: ${event.actor}`}>\n by {event.actor}\n </p>\n )}\n </div>\n </li>\n ))}\n </ol>\n )}\n </section>\n </>\n )}\n </DrawerContent>\n\n {actions && <DrawerFooter>{actions}</DrawerFooter>}\n </Drawer>\n );\n};\n\nTransactionDetailDrawer.displayName = \"TransactionDetailDrawer\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { DashboardEmptyState } from \"./EmptyState\";\n\nexport type SettlementTimelineStatus = \"pending\" | \"processing\" | \"completed\" | \"failed\";\n\n/**\n * 정산 타임라인 아이템 인터페이스 / SettlementTimelineItem interface\n * @typedef {Object} SettlementTimelineItem\n * @property {string} id - 아이템 고유 ID / Item unique ID\n * @property {string} title - 제목 / Title\n * @property {string} [description] - 설명 / Description\n * @property {SettlementTimelineStatus} status - 상태 / Status\n * @property {number} [amount] - 금액 / Amount\n * @property {string} [currency] - 통화 / Currency\n * @property {string | Date} [date] - 날짜 / Date\n * @property {string} [meta] - 메타 정보 / Meta information\n * @property {IconName} [icon] - 아이콘 / Icon\n */\nexport interface SettlementTimelineItem {\n id: string;\n title: string;\n description?: string;\n status: SettlementTimelineStatus;\n amount?: number;\n currency?: string;\n date?: string | Date;\n meta?: string;\n icon?: IconName;\n}\n\n/**\n * SettlementTimeline 컴포넌트의 props / SettlementTimeline component props\n * @typedef {Object} SettlementTimelineProps\n * @property {SettlementTimelineItem[]} items - 타임라인 아이템 배열 / Timeline items array\n * @property {string} [highlightedId] - 강조할 아이템 ID / Highlighted item ID\n * @property {string} [locale=\"ko-KR\"] - 로케일 / Locale\n * @property {string} [defaultCurrency=\"KRW\"] - 기본 통화 / Default currency\n * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface SettlementTimelineProps extends React.HTMLAttributes<HTMLDivElement> {\n items: SettlementTimelineItem[];\n highlightedId?: string;\n locale?: string;\n defaultCurrency?: string;\n emptyState?: React.ReactNode;\n}\n\nconst STATUS_CONFIG: Record<\n SettlementTimelineStatus,\n { dot: string; border: string; text: string; label: string }\n> = {\n completed: {\n dot: \"bg-emerald-500 border-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.5)]\",\n border: \"border-emerald-200 dark:border-emerald-500/40\",\n text: \"text-emerald-700 dark:text-emerald-300\",\n label: \"정산 완료\",\n },\n processing: {\n dot: \"bg-sky-500 border-sky-500 shadow-[0_0_8px_rgba(14,165,233,0.5)] animate-pulse\",\n border: \"border-sky-200 dark:border-sky-500/40\",\n text: \"text-sky-700 dark:text-sky-200\",\n label: \"처리 중\",\n },\n pending: {\n dot: \"bg-amber-400 border-amber-400\",\n border: \"border-amber-200 dark:border-amber-500/40\",\n text: \"text-amber-700 dark:text-amber-200\",\n label: \"대기\",\n },\n failed: {\n dot: \"bg-rose-500 border-rose-500\",\n border: \"border-rose-200 dark:border-rose-500/40\",\n text: \"text-rose-700 dark:text-rose-300\",\n label: \"실패\",\n },\n};\n\nconst formatAmount = (amount?: number, currency?: string, locale = \"ko-KR\") => {\n if (typeof amount !== \"number\") return undefined;\n const unit = currency ?? \"KRW\";\n try {\n return new Intl.NumberFormat(locale, {\n style: \"currency\",\n currency: unit,\n maximumFractionDigits: 2,\n }).format(amount);\n } catch {\n return `${amount.toLocaleString(locale)} ${unit}`;\n }\n};\n\nconst formatDate = (value?: string | Date, locale = \"ko-KR\") => {\n if (!value) return undefined;\n const parsed = value instanceof Date ? value : new Date(value);\n if (Number.isNaN(parsed.getTime())) return undefined;\n return parsed.toLocaleString(locale, { dateStyle: \"medium\", timeStyle: \"short\" });\n};\n\n/**\n * SettlementTimeline 컴포넌트\n * \n * 정산 처리 단계를 타임라인 형태로 표시하는 컴포넌트입니다.\n * 각 단계의 상태, 금액, 날짜를 시각적으로 표시합니다.\n * \n * Timeline component that displays settlement processing stages.\n * Visually shows status, amount, and date for each stage.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <SettlementTimeline\n * items={[\n * {\n * id: \"1\",\n * title: \"정산 요청\",\n * status: \"completed\",\n * amount: 1000000,\n * currency: \"KRW\",\n * date: new Date(\"2024-01-01\")\n * },\n * {\n * id: \"2\",\n * title: \"처리 중\",\n * status: \"processing\",\n * amount: 1000000,\n * currency: \"KRW\"\n * }\n * ]}\n * />\n * \n * @example\n * // 강조 기능 / Highlight feature\n * <SettlementTimeline\n * items={timelineItems}\n * highlightedId=\"2\"\n * locale=\"en-US\"\n * defaultCurrency=\"USD\"\n * />\n * \n * @param {SettlementTimelineProps} props - SettlementTimeline 컴포넌트의 props / SettlementTimeline component props\n * @returns {JSX.Element} SettlementTimeline 컴포넌트 / SettlementTimeline component\n */\nexport const SettlementTimeline: React.FC<SettlementTimelineProps> = ({\n items,\n highlightedId,\n locale = \"ko-KR\",\n defaultCurrency = \"KRW\",\n emptyState,\n className,\n ...props\n}) => {\n const hasItems = items.length > 0;\n\n return (\n <div\n className={merge(\n \"rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/50 p-4\",\n className\n )}\n {...props}\n >\n <div className=\"mb-4 flex items-center justify-between\">\n <div>\n <p className=\"text-sm font-semibold text-slate-900 dark:text-white\">정산 타임라인</p>\n <p className=\"text-xs text-slate-500\">처리 단계별 상태와 금액을 확인하세요.</p>\n </div>\n </div>\n\n {!hasItems\n ? emptyState ?? (\n <DashboardEmptyState\n icon=\"calendar-clock\"\n title=\"정산 단계가 없습니다\"\n description=\"정산 요청이 생성되면 자동으로 단계가 채워집니다.\"\n size=\"sm\"\n />\n )\n : (\n <ol className=\"space-y-4\" role=\"list\" aria-label=\"정산 타임라인\">\n {items.map((item, index) => {\n const statusConfig = STATUS_CONFIG[item.status];\n const amount = formatAmount(item.amount, item.currency ?? defaultCurrency, locale);\n const date = formatDate(item.date, locale);\n const isHighlighted = highlightedId === item.id;\n const showConnector = index !== items.length - 1;\n\n const itemLabel = `${item.title}, 상태: ${statusConfig.label}${amount ? `, 금액: ${amount}` : ''}${date ? `, 날짜: ${date}` : ''}`;\n\n return (\n <li \n key={item.id} \n role=\"listitem\"\n aria-label={itemLabel}\n className=\"relative flex gap-4\"\n >\n <div className=\"flex flex-col items-center\">\n <span\n className={merge(\n \"z-10 h-3.5 w-3.5 rounded-full border-2 bg-white shadow\",\n statusConfig.dot,\n isHighlighted && \"scale-110\"\n )}\n aria-label={`${statusConfig.label} 상태`}\n />\n {showConnector && (\n <span className=\"mt-1 flex-1 w-px bg-slate-200 dark:bg-slate-700\" aria-hidden=\"true\" />\n )}\n </div>\n\n <div\n className={merge(\n \"flex-1 rounded-xl border p-4\",\n statusConfig.border,\n isHighlighted && \"border-2 shadow-sm\"\n )}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"text-sm font-semibold text-slate-900 dark:text-white\">{item.title}</span>\n <span className={merge(\"text-xs font-medium rounded-full px-2 py-0.5\", statusConfig.text)}>\n {statusConfig.label}\n </span>\n {item.meta && (\n <span className=\"text-xs text-slate-500 dark:text-slate-300\">{item.meta}</span>\n )}\n </div>\n {item.description && (\n <p className=\"mt-1 text-sm text-slate-600 dark:text-slate-300\">{item.description}</p>\n )}\n <div className=\"mt-3 flex flex-wrap gap-4 text-xs text-slate-500 dark:text-slate-300\">\n {amount && (\n <div className=\"flex items-center gap-1 text-sm text-slate-700 dark:text-slate-100\">\n <Icon name=\"wallet\" className=\"h-3.5 w-3.5 text-slate-400\" />\n {amount}\n </div>\n )}\n {date && (\n <div className=\"flex items-center gap-1\">\n <Icon name=\"clock\" className=\"h-3.5 w-3.5 text-slate-400\" aria-hidden={true} />\n <time dateTime={item.date instanceof Date ? item.date.toISOString() : typeof item.date === 'string' ? item.date : undefined}>\n {date}\n </time>\n </div>\n )}\n </div>\n </div>\n </li>\n );\n })}\n </ol>\n )}\n </div>\n );\n};\n\nSettlementTimeline.displayName = \"SettlementTimeline\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { DashboardEmptyState } from \"./EmptyState\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\n\ntype RoutingStatus = \"normal\" | \"warning\" | \"critical\";\n\n/**\n * 라우팅 분할 세그먼트 인터페이스 / RoutingBreakdownSegment interface\n * @typedef {Object} RoutingBreakdownSegment\n * @property {string} id - 세그먼트 고유 ID / Segment unique ID\n * @property {string} label - 세그먼트 라벨 / Segment label\n * @property {number} value - 세그먼트 값 / Segment value\n * @property {string} [color] - 커스텀 색상 / Custom color\n * @property {RoutingStatus} [status] - 상태 / Status\n * @property {string} [icon] - 아이콘 이름 / Icon name\n * @property {string} [detail] - 상세 정보 / Detail information\n */\nexport interface RoutingBreakdownSegment {\n id: string;\n label: string;\n value: number;\n color?: string;\n status?: RoutingStatus;\n icon?: string;\n detail?: string;\n}\n\n/**\n * RoutingBreakdownCard 컴포넌트의 props / RoutingBreakdownCard component props\n * @typedef {Object} RoutingBreakdownCardProps\n * @property {string} [title=\"PG / 결제수단 비중\"] - 카드 제목 / Card title\n * @property {string} [description=\"라우팅별 처리 비율과 상태\"] - 카드 설명 / Card description\n * @property {RoutingBreakdownSegment[]} segments - 세그먼트 배열 / Segments array\n * @property {string} [totalLabel=\"총 거래\"] - 총계 라벨 / Total label\n * @property {React.ReactNode} [totalValue] - 총계 값 / Total value\n * @property {string} [highlightId] - 강조할 세그먼트 ID / Highlighted segment ID\n * @property {React.ReactNode} [actions] - 액션 컴포넌트 / Actions component\n * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component\n * @property {(segment: RoutingBreakdownSegment, percentage: number) => React.ReactNode} [formatter] - 커스텀 포맷터 / Custom formatter\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface RoutingBreakdownCardProps extends React.HTMLAttributes<HTMLDivElement> {\n title?: string;\n description?: string;\n segments: RoutingBreakdownSegment[];\n totalLabel?: string;\n totalValue?: React.ReactNode;\n highlightId?: string;\n actions?: React.ReactNode;\n emptyState?: React.ReactNode;\n formatter?: (segment: RoutingBreakdownSegment, percentage: number) => React.ReactNode;\n}\n\nconst DEFAULT_COLORS = [\"#0ea5e9\", \"#6366f1\", \"#22c55e\", \"#f97316\", \"#a855f7\", \"#ef4444\"];\n\nconst STATUS_BADGES: Record<RoutingStatus, string> = {\n normal: \"bg-emerald-50 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-100\",\n warning: \"bg-amber-50 text-amber-700 dark:bg-amber-500/20 dark:text-amber-100\",\n critical: \"bg-rose-50 text-rose-700 dark:bg-rose-500/20 dark:text-rose-100\",\n};\n\nconst formatPercentage = (value: number, total: number) => {\n if (total <= 0) return \"0%\";\n return `${Math.round((value / total) * 1000) / 10}%`;\n};\n\n/**\n * RoutingBreakdownCard 컴포넌트\n * \n * PG 라우팅 또는 결제수단별 비중을 표시하는 카드 컴포넌트입니다.\n * 진행 바와 세그먼트별 상세 정보를 제공합니다.\n * \n * Card component that displays PG routing or payment method breakdown.\n * Provides progress bar and detailed information for each segment.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <RoutingBreakdownCard\n * title=\"PG 라우팅 비중\"\n * segments={[\n * { id: \"pg1\", label: \"PG A\", value: 5000, status: \"normal\" },\n * { id: \"pg2\", label: \"PG B\", value: 3000, status: \"warning\" },\n * { id: \"pg3\", label: \"PG C\", value: 2000, status: \"normal\" }\n * ]}\n * totalValue=\"10,000\"\n * />\n * \n * @example\n * // 강조 기능 / Highlight feature\n * <RoutingBreakdownCard\n * segments={segments}\n * highlightId=\"pg1\"\n * formatter={(segment, percentage) => (\n * <div>\n * <span>{segment.value.toLocaleString()}</span>\n * <span>{percentage}%</span>\n * </div>\n * )}\n * />\n * \n * @param {RoutingBreakdownCardProps} props - RoutingBreakdownCard 컴포넌트의 props / RoutingBreakdownCard component props\n * @returns {JSX.Element} RoutingBreakdownCard 컴포넌트 / RoutingBreakdownCard component\n */\nexport const RoutingBreakdownCard: React.FC<RoutingBreakdownCardProps> = ({\n title = \"PG / 결제수단 비중\",\n description = \"라우팅별 처리 비율과 상태\",\n segments,\n totalLabel = \"총 거래\",\n totalValue,\n highlightId,\n actions,\n emptyState,\n formatter,\n className,\n ...props\n}) => {\n const hasSegments = segments.length > 0;\n const total = segments.reduce((sum, segment) => sum + segment.value, 0);\n\n return (\n <div\n className={merge(\n \"rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/60 p-5\",\n className\n )}\n {...props}\n >\n <div className=\"flex flex-wrap items-center justify-between gap-3\">\n <div>\n <p className=\"text-sm font-semibold text-slate-900 dark:text-white\">{title}</p>\n <p className=\"text-xs text-slate-500\">{description}</p>\n </div>\n {actions && <div className=\"text-xs text-slate-500\">{actions}</div>}\n </div>\n\n {!hasSegments ? (\n emptyState ?? (\n <DashboardEmptyState\n icon=\"pie-chart\"\n title=\"라우팅 데이터가 없습니다\"\n description=\"PG 라우팅 혹은 결제수단 정보가 수집되면 자동으로 표시됩니다.\"\n size=\"sm\"\n className=\"mt-4\"\n />\n )\n ) : (\n <>\n <div className=\"mt-4\">\n <div className=\"flex h-3 overflow-hidden rounded-full bg-slate-100 dark:bg-slate-800\">\n {segments.map((segment, index) => {\n const width = total === 0 ? 0 : (segment.value / total) * 100;\n const color = segment.color ?? DEFAULT_COLORS[index % DEFAULT_COLORS.length];\n return (\n <div\n key={segment.id}\n className=\"h-full transition-all\"\n style={{\n width: `${width}%`,\n backgroundColor: color,\n opacity: highlightId && highlightId !== segment.id ? 0.4 : 1,\n }}\n aria-label={`${segment.label} ${formatPercentage(segment.value, total)}`}\n />\n );\n })}\n </div>\n <div className=\"mt-2 text-xs text-slate-500\">\n {totalLabel}: {totalValue ?? total.toLocaleString()}\n </div>\n </div>\n\n <div className=\"mt-4 space-y-3\">\n {segments.map((segment, index) => {\n const color = segment.color ?? DEFAULT_COLORS[index % DEFAULT_COLORS.length];\n const percentage = total === 0 ? 0 : (segment.value / total) * 100;\n const badgeClass = segment.status ? STATUS_BADGES[segment.status] : null;\n const customContent = formatter?.(segment, percentage);\n\n return (\n <div\n key={segment.id}\n className={merge(\n \"flex flex-wrap items-center gap-3 rounded-xl border border-slate-100 dark:border-slate-800 p-3 transition hover:border-slate-200 dark:hover:border-slate-700\",\n highlightId === segment.id && \"border-2 border-slate-200 dark:border-slate-600\"\n )}\n >\n <div className=\"flex items-center gap-2 min-w-[3rem]\">\n {segment.icon && (\n <span className=\"rounded-lg bg-slate-100 dark:bg-slate-800 p-1.5 text-slate-500\">\n <Icon name={segment.icon as IconName} className=\"h-4 w-4\" />\n </span>\n )}\n <div\n className=\"h-2 w-12 rounded-full\"\n style={{ backgroundColor: color }}\n aria-hidden=\"true\"\n />\n </div>\n <div className=\"flex-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"text-sm font-medium text-slate-900 dark:text-white\">{segment.label}</span>\n {badgeClass && (\n <span className={merge(\"rounded-full px-2 py-0.5 text-[11px] font-medium\", badgeClass)}>\n {segment.status === \"critical\"\n ? \"장애\"\n : segment.status === \"warning\"\n ? \"감시\"\n : \"정상\"}\n </span>\n )}\n </div>\n <div className=\"text-xs text-slate-500 dark:text-slate-300\">\n {segment.detail}\n </div>\n </div>\n {customContent ?? (\n <div className=\"text-right text-sm text-slate-700 dark:text-slate-100\">\n <div className=\"font-semibold\">{segment.value.toLocaleString()}</div>\n <div className=\"text-xs text-slate-500\">{formatPercentage(segment.value, total)}</div>\n </div>\n )}\n </div>\n );\n })}\n </div>\n </>\n )}\n </div>\n );\n};\n\nRoutingBreakdownCard.displayName = \"RoutingBreakdownCard\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../../lib/utils\";\nimport { Badge } from \"../Badge\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../../lib/icons\";\nimport { DashboardEmptyState } from \"./EmptyState\";\nimport { Skeleton } from \"../Skeleton\";\n\nexport type MerchantHealth = \"normal\" | \"warning\" | \"critical\";\n\n/**\n * 가맹점 리스트 아이템 인터페이스 / MerchantListItem interface\n * @typedef {Object} MerchantListItem\n * @property {string} id - 가맹점 고유 ID / Merchant unique ID\n * @property {string} name - 가맹점 이름 / Merchant name\n * @property {string} [status] - 상태 / Status\n * @property {MerchantHealth} [health] - 건강 상태 / Health status\n * @property {number} [approvalRate] - 승인률 (0-1) / Approval rate (0-1)\n * @property {number} [volume] - 거래량 / Transaction volume\n * @property {string} [currency] - 통화 / Currency\n * @property {string} [category] - 카테고리 / Category\n * @property {string} [region] - 지역 / Region\n * @property {string | Date} [updatedAt] - 업데이트 시간 / Updated time\n * @property {string} [tag] - 태그 / Tag\n * @property {IconName | React.ReactNode} [icon] - 아이콘 / Icon\n * @property {Array<{ label: string; value: React.ReactNode }>} [metadata] - 메타데이터 / Metadata\n */\nexport interface MerchantListItem {\n id: string;\n name: string;\n status?: string;\n health?: MerchantHealth;\n approvalRate?: number;\n volume?: number;\n currency?: string;\n category?: string;\n region?: string;\n updatedAt?: string | Date;\n tag?: string;\n icon?: IconName | React.ReactNode;\n metadata?: Array<{ label: string; value: React.ReactNode }>;\n}\n\n/**\n * MerchantList 컴포넌트의 props / MerchantList component props\n * @typedef {Object} MerchantListProps\n * @property {MerchantListItem[]} items - 가맹점 아이템 배열 / Merchant items array\n * @property {boolean} [isLoading=false] - 로딩 상태 / Loading state\n * @property {React.ReactNode} [filters] - 필터 컴포넌트 / Filter component\n * @property {React.ReactNode} [emptyState] - 빈 상태 컴포넌트 / Empty state component\n * @property {(merchant: MerchantListItem) => void} [onMerchantSelect] - 가맹점 선택 핸들러 / Merchant selection handler\n * @property {string} [locale=\"ko-KR\"] - 로케일 / Locale\n * @property {string} [defaultCurrency=\"KRW\"] - 기본 통화 / Default currency\n * @extends {Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\">}\n */\nexport interface MerchantListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n items: MerchantListItem[];\n isLoading?: boolean;\n filters?: React.ReactNode;\n emptyState?: React.ReactNode;\n onMerchantSelect?: (merchant: MerchantListItem) => void;\n locale?: string;\n defaultCurrency?: string;\n}\n\nconst HEALTH_BADGES: Record<MerchantHealth, string> = {\n normal: \"bg-emerald-50 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-100\",\n warning: \"bg-amber-50 text-amber-700 dark:bg-amber-500/20 dark:text-amber-100\",\n critical: \"bg-rose-50 text-rose-700 dark:bg-rose-500/20 dark:text-rose-100\",\n};\n\nconst formatPercent = (value?: number) => {\n if (typeof value !== \"number\") return undefined;\n return `${(Math.round(value * 10) / 10).toFixed(1)}%`;\n};\n\nconst formatVolume = (value?: number, currency?: string, locale = \"ko-KR\") => {\n if (typeof value !== \"number\") return undefined;\n const unit = currency ?? \"KRW\";\n try {\n return new Intl.NumberFormat(locale, {\n style: \"currency\",\n currency: unit,\n maximumFractionDigits: 0,\n }).format(value);\n } catch {\n return `${value.toLocaleString(locale)} ${unit}`;\n }\n};\n\n/**\n * MerchantList 컴포넌트\n * \n * 가맹점 목록을 표시하는 컴포넌트입니다.\n * 가맹점 정보, 건강 상태, 승인률, 거래량 등을 카드 형태로 표시합니다.\n * \n * Component that displays a list of merchants.\n * Shows merchant information, health status, approval rate, and transaction volume in card format.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <MerchantList\n * items={[\n * {\n * id: \"1\",\n * name: \"가맹점 A\",\n * health: \"normal\",\n * approvalRate: 0.985,\n * volume: 1000000,\n * currency: \"KRW\"\n * }\n * ]}\n * onMerchantSelect={(merchant) => console.log(merchant)}\n * />\n * \n * @example\n * // 로딩 상태 / Loading state\n * <MerchantList\n * items={merchants}\n * isLoading={true}\n * filters={<FilterComponent />}\n * />\n * \n * @param {MerchantListProps} props - MerchantList 컴포넌트의 props / MerchantList component props\n * @returns {JSX.Element} MerchantList 컴포넌트 / MerchantList component\n */\nexport const MerchantList: React.FC<MerchantListProps> = ({\n items,\n isLoading = false,\n filters,\n emptyState,\n onMerchantSelect,\n locale = \"ko-KR\",\n defaultCurrency = \"KRW\",\n className,\n ...props\n}) => {\n const hasItems = items.length > 0;\n\n return (\n <div\n className={merge(\n \"rounded-2xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/50\",\n className\n )}\n {...props}\n >\n {filters && (\n <div className=\"border-b border-slate-100 dark:border-slate-800 px-4 py-3 md:px-6\">{filters}</div>\n )}\n\n <div className=\"p-4 md:p-6\">\n {isLoading ? (\n <div className=\"space-y-3\">\n {[...Array(3)].map((_, idx) => (\n <Skeleton key={idx} className=\"h-20 rounded-2xl\" />\n ))}\n </div>\n ) : !hasItems ? (\n emptyState ?? (\n <DashboardEmptyState\n icon=\"store\"\n title=\"가맹점이 없습니다\"\n description=\"검색어를 변경하거나 새로운 가맹점을 온보딩하세요.\"\n size=\"sm\"\n className=\"py-6\"\n />\n )\n ) : (\n <div className=\"space-y-3\" role=\"list\" aria-label=\"가맹점 목록\">\n {items.map((merchant) => {\n const approval = formatPercent(merchant.approvalRate);\n const volume = formatVolume(merchant.volume, merchant.currency ?? defaultCurrency, locale);\n const badgeClass = merchant.health ? HEALTH_BADGES[merchant.health] : undefined;\n\n const merchantLabel = `${merchant.name}${merchant.status ? `, 상태: ${merchant.status}` : ''}${merchant.health ? `, 건강 상태: ${merchant.health === \"critical\" ? \"위험\" : merchant.health === \"warning\" ? \"감시\" : \"정상\"}` : ''}${volume ? `, 거래량: ${volume}` : ''}${approval ? `, 승인률: ${approval}` : ''}`;\n\n return (\n <button\n key={merchant.id}\n type=\"button\"\n role=\"button\"\n onClick={onMerchantSelect ? () => onMerchantSelect(merchant) : undefined}\n disabled={!onMerchantSelect}\n aria-label={onMerchantSelect ? `${merchantLabel} - 클릭하여 상세 정보 보기` : merchantLabel}\n className={merge(\n \"w-full rounded-2xl border border-slate-100 dark:border-slate-800 bg-white/90 dark:bg-slate-900/60 p-4 text-left shadow-sm transition hover:border-slate-200 dark:hover:border-slate-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/70\",\n onMerchantSelect ? \"cursor-pointer\" : \"cursor-default opacity-60\"\n )}\n >\n <div className=\"flex flex-wrap items-center gap-3\">\n {merchant.icon && (\n <div className=\"rounded-xl bg-slate-100 dark:bg-slate-800 p-2 text-slate-500\">\n {typeof merchant.icon === \"string\" ? (\n <Icon name={merchant.icon as IconName} className=\"h-5 w-5\" />\n ) : (\n merchant.icon\n )}\n </div>\n )}\n <div className=\"flex-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <p className=\"text-sm font-semibold text-slate-900 dark:text-white\">{merchant.name}</p>\n {merchant.status && (\n <Badge className=\"bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-100\">\n {merchant.status}\n </Badge>\n )}\n {merchant.tag && (\n <span className=\"rounded-full bg-slate-50 px-2 py-0.5 text-[11px] text-slate-500 dark:bg-slate-800/80\">\n {merchant.tag}\n </span>\n )}\n {badgeClass && (\n <span className={merge(\"rounded-full px-2 py-0.5 text-[11px] font-medium\", badgeClass)}>\n {merchant.health === \"critical\"\n ? \"위험\"\n : merchant.health === \"warning\"\n ? \"감시\"\n : \"정상\"}\n </span>\n )}\n </div>\n <div className=\"text-xs text-slate-500 dark:text-slate-300\">\n {merchant.category ?? \"카테고리 미정\"} · {merchant.region ?? \"지역 정보 없음\"}\n </div>\n </div>\n <div className=\"text-right text-sm text-slate-900 dark:text-white\">\n {volume && <div className=\"font-semibold\">{volume}</div>}\n {approval && <div className=\"text-xs text-slate-500\">승인률 {approval}</div>}\n </div>\n </div>\n\n {merchant.metadata && merchant.metadata.length > 0 && (\n <div className=\"mt-3 grid gap-3 text-xs text-slate-500 dark:text-slate-300 sm:grid-cols-2\">\n {merchant.metadata.map((meta) => (\n <div key={meta.label} className=\"flex items-center gap-2\">\n <span className=\"text-slate-400\">{meta.label}</span>\n <span className=\"text-slate-700 dark:text-slate-100\">{meta.value}</span>\n </div>\n ))}\n </div>\n )}\n </button>\n );\n })}\n </div>\n )}\n </div>\n </div>\n );\n};\n\nMerchantList.displayName = \"MerchantList\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../lib/utils\";\n\n/**\n * StatsPanelItem 인터페이스 / StatsPanelItem interface\n * @typedef {Object} StatsPanelItem\n * @property {string} label - 통계 항목 라벨 / Stat item label\n * @property {string | React.ReactNode} value - 통계 값 / Stat value\n * @property {string | React.ReactNode} [description] - 통계 설명 / Stat description\n * @property {\"up\" | \"down\" | \"neutral\"} [trend] - 추세 방향 / Trend direction\n * @property {string} [trendValue] - 추세 값 / Trend value\n * @property {\"primary\" | \"secondary\" | \"neutral\" | \"warning\"} [accent] - 강조 색상 / Accent color\n * @property {React.ReactNode} [icon] - 아이콘 / Icon\n */\nexport interface StatsPanelItem {\n label: string;\n value: string | React.ReactNode;\n description?: string | React.ReactNode;\n trend?: \"up\" | \"down\" | \"neutral\";\n trendValue?: string;\n accent?: \"primary\" | \"secondary\" | \"neutral\" | \"warning\";\n icon?: React.ReactNode;\n}\n\n/**\n * StatsPanel 컴포넌트의 props / StatsPanel component props\n * @typedef {Object} StatsPanelProps\n * @property {string} [title] - 패널 제목 / Panel title\n * @property {StatsPanelItem[]} items - 통계 항목 배열 / Stat items array\n * @property {1 | 2 | 3 | 4} [columns=4] - 그리드 컬럼 수 / Grid column count\n * @property {boolean} [loading=false] - 로딩 상태 / Loading state\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface StatsPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n title?: string;\n items: StatsPanelItem[];\n columns?: 1 | 2 | 3 | 4;\n loading?: boolean;\n}\n\n/**\n * StatsPanel 컴포넌트 / StatsPanel component\n * \n * 통계 정보를 표시하는 패널 컴포넌트입니다.\n * 여러 통계 항목을 그리드 형태로 표시하며, 추세 정보를 포함할 수 있습니다.\n * \n * Panel component that displays statistics.\n * Shows multiple stat items in grid format and can include trend information.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <StatsPanel\n * items={[\n * { label: \"총 사용자\", value: \"1,234\", trend: \"up\", trendValue: \"+12%\" },\n * { label: \"활성 사용자\", value: \"567\", trend: \"down\", trendValue: \"-5%\" }\n * ]}\n * />\n * \n * @example\n * // 2열 그리드, 제목 포함 / 2-column grid with title\n * <StatsPanel\n * title=\"통계\"\n * columns={2}\n * items={[\n * { label: \"항목 1\", value: \"100\", accent: \"primary\" },\n * { label: \"항목 2\", value: \"200\", accent: \"secondary\" }\n * ]}\n * />\n * \n * @param {StatsPanelProps} props - StatsPanel 컴포넌트의 props / StatsPanel component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} StatsPanel 컴포넌트 / StatsPanel component\n */\nexport const StatsPanel = React.forwardRef<HTMLDivElement, StatsPanelProps>(\n (\n {\n title,\n items,\n columns = 4,\n loading = false,\n className,\n ...props\n },\n ref\n ) => {\n const baseCardClass =\n \"rounded-2xl border border-[var(--border-subtle)] bg-[var(--surface)] text-[var(--text-strong)] shadow-sm transition-colors\";\n\n const accentStyles: Record<\n NonNullable<StatsPanelItem[\"accent\"]>,\n {\n card: string;\n label: string;\n value: string;\n icon: string;\n iconWrapper: string;\n }\n > = {\n primary: {\n card: `${baseCardClass} ring-1 ring-[rgba(0,82,204,0.18)] dark:ring-[rgba(59,130,246,0.28)] bg-gradient-to-br from-[rgba(0,82,204,0.08)] via-transparent to-transparent dark:from-[rgba(59,130,246,0.18)]`,\n label: \"text-[var(--brand-primary)]\",\n value: \"text-[var(--text-strong)]\",\n icon: \"text-[var(--brand-primary)]\",\n iconWrapper: \"bg-[rgba(0,82,204,0.12)] dark:bg-[rgba(59,130,246,0.25)]\",\n },\n secondary: {\n card: `${baseCardClass} ring-1 ring-[rgba(11,122,91,0.18)] dark:ring-[rgba(52,211,153,0.25)] bg-gradient-to-br from-[rgba(0,200,151,0.08)] via-transparent to-transparent dark:from-[rgba(52,211,153,0.16)]`,\n label: \"text-[var(--brand-secondary)]\",\n value: \"text-[var(--text-strong)]\",\n icon: \"text-[var(--brand-secondary)]\",\n iconWrapper: \"bg-[rgba(0,200,151,0.12)] dark:bg-[rgba(52,211,153,0.22)]\",\n },\n warning: {\n card: `${baseCardClass} ring-1 ring-[rgba(245,158,11,0.2)] dark:ring-[rgba(251,191,36,0.32)] bg-gradient-to-br from-[rgba(245,158,11,0.1)] via-transparent to-transparent dark:from-[rgba(251,191,36,0.2)]`,\n label: \"text-amber-600\",\n value: \"text-[var(--text-strong)]\",\n icon: \"text-amber-600\",\n iconWrapper: \"bg-[rgba(245,158,11,0.15)] dark:bg-[rgba(251,191,36,0.25)]\",\n },\n neutral: {\n card: baseCardClass,\n label: \"text-[var(--text-muted)]\",\n value: \"text-[var(--text-strong)]\",\n icon: \"text-[var(--text-muted)]\",\n iconWrapper: \"bg-[var(--surface-muted)]\",\n },\n };\n\n const gridCols = {\n 1: \"grid-cols-1\",\n 2: \"grid-cols-1 lg:grid-cols-2\",\n 3: \"grid-cols-1 lg:grid-cols-2 xl:grid-cols-3\",\n 4: \"grid-cols-1 lg:grid-cols-2 xl:grid-cols-4\",\n }[columns];\n\n return (\n <div\n ref={ref}\n className={merge(\"w-full\", className)}\n {...props}\n >\n {title && (\n <h2 className=\"mb-4 text-lg font-semibold text-gray-900 dark:text-slate-50\">\n {title}\n </h2>\n )}\n <div\n className={merge(\"grid gap-5\", gridCols)}\n >\n {loading ? (\n Array.from({ length: columns }).map((_, i) => (\n <div\n key={i}\n className=\"animate-pulse rounded-2xl border border-[var(--border-subtle)] bg-[var(--surface)] p-6\"\n >\n <div className=\"mb-2 h-4 w-20 rounded bg-[var(--surface-muted)]/80\" />\n <div className=\"mb-1 h-8 w-24 rounded bg-[var(--surface-muted)]/80\" />\n <div className=\"h-3 w-32 rounded bg-[var(--surface-muted)]/80\" />\n </div>\n ))\n ) : (\n items.map((item, index) => (\n <div\n key={index}\n className={merge(\n \"rounded-xl transition-all duration-200 p-6\",\n accentStyles[item.accent ?? \"neutral\"].card\n )}\n >\n <div className=\"mb-3 flex items-start justify-between gap-4\">\n <div\n className={merge(\n \"text-sm font-medium\",\n accentStyles[item.accent ?? \"neutral\"].label\n )}\n >\n {item.label}\n </div>\n {item.icon && (\n <div\n className={merge(\n \"inline-flex h-10 w-10 items-center justify-center rounded-xl text-base font-semibold\",\n accentStyles[item.accent ?? \"neutral\"].iconWrapper,\n accentStyles[item.accent ?? \"neutral\"].icon\n )}\n >\n {item.icon}\n </div>\n )}\n </div>\n <div\n className={merge(\n \"text-2xl font-semibold leading-tight mb-2\",\n accentStyles[item.accent ?? \"neutral\"].value\n )}\n >\n {item.value}\n </div>\n {item.description && (\n <div className=\"mt-1 text-xs text-gray-500 dark:text-slate-400\">\n {item.description}\n </div>\n )}\n {item.trend && item.trendValue && (\n <div\n className={merge(\n \"mt-2 flex items-center gap-1 text-xs\",\n item.trend === \"up\"\n ? \"text-green-600 dark:text-green-400\"\n : item.trend === \"down\"\n ? \"text-red-600 dark:text-red-400\"\n : \"text-gray-500 dark:text-slate-400\"\n )}\n >\n {item.trend === \"up\" && \"↑\"}\n {item.trend === \"down\" && \"↓\"}\n {item.trendValue}\n </div>\n )}\n </div>\n ))\n )}\n </div>\n </div>\n );\n }\n);\n\nStatsPanel.displayName = \"StatsPanel\";\n\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../lib/utils\";\n\n/**\n * SectionHeader 컴포넌트의 props / SectionHeader component props\n * @typedef {Object} SectionHeaderProps\n * @property {string} title - 섹션 제목 / Section title\n * @property {string} [description] - 섹션 설명 / Section description\n * @property {React.ReactNode} [action] - 액션 버튼 또는 요소 / Action button or element\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface SectionHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n description?: string;\n action?: React.ReactNode;\n}\n\n/**\n * SectionHeader 컴포넌트 / SectionHeader component\n * \n * 섹션의 헤더를 표시하는 컴포넌트입니다.\n * 제목, 설명, 액션 버튼을 포함할 수 있습니다.\n * \n * Component that displays section header.\n * Can include title, description, and action button.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <SectionHeader title=\"섹션 제목\" />\n * \n * @example\n * // 설명과 액션 포함 / With description and action\n * <SectionHeader\n * title=\"알림\"\n * description=\"최근 알림 목록\"\n * action={<Button>모두 읽음</Button>}\n * />\n * \n * @param {SectionHeaderProps} props - SectionHeader 컴포넌트의 props / SectionHeader component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} SectionHeader 컴포넌트 / SectionHeader component\n */\nexport const SectionHeader = React.forwardRef<HTMLDivElement, SectionHeaderProps>(\n (\n {\n title,\n description,\n action,\n className,\n ...props\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={merge(\n \"flex items-center justify-between border-b border-gray-100 bg-transparent px-6 py-4 text-gray-900 dark:border-slate-800 dark:text-slate-50\",\n className\n )}\n {...props}\n >\n <div className=\"flex-1\">\n <h3 className=\"text-base font-semibold text-inherit\">\n {title}\n </h3>\n {description && (\n <p className=\"mt-1 text-sm text-gray-500 dark:text-slate-400\">\n {description}\n </p>\n )}\n </div>\n {action && (\n <div className=\"flex-shrink-0 ml-4\">\n {action}\n </div>\n )}\n </div>\n );\n }\n);\n\nSectionHeader.displayName = \"SectionHeader\";\n\n"]}