@mindlogic-ai/logician-ui 5.0.0-alpha.0 → 5.0.0-alpha.10

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 (444) hide show
  1. package/MIGRATION-5.0.md +18 -18
  2. package/codemods/5.0/button-variants.js +1 -0
  3. package/codemods/5.0/codemods.test.ts +1 -0
  4. package/dist/components/Avatar/Avatar.d.ts +68 -11
  5. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  6. package/dist/components/Avatar/Avatar.js +38 -5
  7. package/dist/components/Avatar/Avatar.js.map +1 -1
  8. package/dist/components/Avatar/Avatar.mjs +37 -5
  9. package/dist/components/Avatar/Avatar.mjs.map +1 -1
  10. package/dist/components/Avatar/index.d.ts +2 -2
  11. package/dist/components/Avatar/index.d.ts.map +1 -1
  12. package/dist/components/Badge/Badge.d.ts.map +1 -1
  13. package/dist/components/Badge/Badge.js +5 -3
  14. package/dist/components/Badge/Badge.js.map +1 -1
  15. package/dist/components/Badge/Badge.mjs +5 -3
  16. package/dist/components/Badge/Badge.mjs.map +1 -1
  17. package/dist/components/Badge/Badge.types.d.ts +7 -5
  18. package/dist/components/Badge/Badge.types.d.ts.map +1 -1
  19. package/dist/components/Banner/Banner.types.d.ts +24 -1
  20. package/dist/components/Banner/Banner.types.d.ts.map +1 -1
  21. package/dist/components/BottomSheet/BottomSheet.styles.d.ts +2 -2
  22. package/dist/components/Button/Button.d.ts.map +1 -1
  23. package/dist/components/Button/Button.js +10 -2
  24. package/dist/components/Button/Button.js.map +1 -1
  25. package/dist/components/Button/Button.legacy.d.ts.map +1 -1
  26. package/dist/components/Button/Button.legacy.js +1 -0
  27. package/dist/components/Button/Button.legacy.js.map +1 -1
  28. package/dist/components/Button/Button.legacy.mjs +1 -0
  29. package/dist/components/Button/Button.legacy.mjs.map +1 -1
  30. package/dist/components/Button/Button.mjs +10 -2
  31. package/dist/components/Button/Button.mjs.map +1 -1
  32. package/dist/components/Button/Button.styles.d.ts.map +1 -1
  33. package/dist/components/Button/Button.styles.js +18 -0
  34. package/dist/components/Button/Button.styles.js.map +1 -1
  35. package/dist/components/Button/Button.styles.mjs +18 -0
  36. package/dist/components/Button/Button.styles.mjs.map +1 -1
  37. package/dist/components/Button/Button.types.d.ts +5 -3
  38. package/dist/components/Button/Button.types.d.ts.map +1 -1
  39. package/dist/components/Card/Card.types.d.ts +12 -0
  40. package/dist/components/Card/Card.types.d.ts.map +1 -1
  41. package/dist/components/ColorMode/ColorModeToggle.d.ts +7 -2
  42. package/dist/components/ColorMode/ColorModeToggle.d.ts.map +1 -1
  43. package/dist/components/ColorMode/ColorModeToggle.js +8 -3
  44. package/dist/components/ColorMode/ColorModeToggle.js.map +1 -1
  45. package/dist/components/ColorMode/ColorModeToggle.mjs +8 -3
  46. package/dist/components/ColorMode/ColorModeToggle.mjs.map +1 -1
  47. package/dist/components/Confetti/Confetti.types.d.ts +5 -1
  48. package/dist/components/Confetti/Confetti.types.d.ts.map +1 -1
  49. package/dist/components/Confetti/confettiColors.d.ts +5 -5
  50. package/dist/components/Confetti/confettiColors.js +5 -5
  51. package/dist/components/Confetti/confettiColors.mjs +5 -5
  52. package/dist/components/ErrorFallback/ErrorFallback.types.d.ts +6 -0
  53. package/dist/components/ErrorFallback/ErrorFallback.types.d.ts.map +1 -1
  54. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts +1 -1
  55. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -1
  56. package/dist/components/Form/FormModalFooter/FormModalFooter.js +2 -2
  57. package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -1
  58. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +2 -2
  59. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -1
  60. package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts +11 -1
  61. package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map +1 -1
  62. package/dist/components/Form/FormSection/CollapsibleFormSection.js +1 -0
  63. package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -1
  64. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +1 -0
  65. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -1
  66. package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
  67. package/dist/components/LineGraph/LineGraph.js +4 -5
  68. package/dist/components/LineGraph/LineGraph.js.map +1 -1
  69. package/dist/components/LineGraph/LineGraph.mjs +5 -6
  70. package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
  71. package/dist/components/LineGraph/LineGraph.types.d.ts +12 -2
  72. package/dist/components/LineGraph/LineGraph.types.d.ts.map +1 -1
  73. package/dist/components/LineGraph/seriesColors.d.ts +12 -6
  74. package/dist/components/LineGraph/seriesColors.d.ts.map +1 -1
  75. package/dist/components/LineGraph/seriesColors.js +8 -7
  76. package/dist/components/LineGraph/seriesColors.js.map +1 -1
  77. package/dist/components/LineGraph/seriesColors.mjs +8 -7
  78. package/dist/components/LineGraph/seriesColors.mjs.map +1 -1
  79. package/dist/components/Masonry/Masonry.types.d.ts +8 -3
  80. package/dist/components/Masonry/Masonry.types.d.ts.map +1 -1
  81. package/dist/components/Menu/MenuItem.types.d.ts +8 -0
  82. package/dist/components/Menu/MenuItem.types.d.ts.map +1 -1
  83. package/dist/components/Modal/ModalCloseButton.d.ts +1 -1
  84. package/dist/components/Modal/ModalCloseButton.js +1 -1
  85. package/dist/components/Modal/ModalCloseButton.mjs +1 -1
  86. package/dist/components/Pagination/Pagination.d.ts +11 -10
  87. package/dist/components/Pagination/Pagination.d.ts.map +1 -1
  88. package/dist/components/Pagination/Pagination.js +11 -10
  89. package/dist/components/Pagination/Pagination.js.map +1 -1
  90. package/dist/components/Pagination/Pagination.mjs +11 -10
  91. package/dist/components/Pagination/Pagination.mjs.map +1 -1
  92. package/dist/components/ProgressBar/ProgressBar.types.d.ts +9 -0
  93. package/dist/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
  94. package/dist/components/RadialProgress/RadialProgress.types.d.ts +21 -1
  95. package/dist/components/RadialProgress/RadialProgress.types.d.ts.map +1 -1
  96. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +8 -0
  97. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
  98. package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  99. package/dist/components/SegmentedControl/SegmentedControl.js +6 -7
  100. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  101. package/dist/components/SegmentedControl/SegmentedControl.mjs +6 -7
  102. package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  103. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts +2 -0
  104. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts.map +1 -1
  105. package/dist/components/Select/Select.d.ts +5 -1
  106. package/dist/components/Select/Select.d.ts.map +1 -1
  107. package/dist/components/Select/Select.js +2 -2
  108. package/dist/components/Select/Select.js.map +1 -1
  109. package/dist/components/Select/Select.mjs +3 -3
  110. package/dist/components/Select/Select.mjs.map +1 -1
  111. package/dist/components/Select/Select.styles.d.ts +38 -0
  112. package/dist/components/Select/Select.styles.d.ts.map +1 -1
  113. package/dist/components/Select/Select.styles.js +35 -0
  114. package/dist/components/Select/Select.styles.js.map +1 -1
  115. package/dist/components/Select/Select.styles.mjs +35 -2
  116. package/dist/components/Select/Select.styles.mjs.map +1 -1
  117. package/dist/components/Select/Select.types.d.ts +10 -0
  118. package/dist/components/Select/Select.types.d.ts.map +1 -1
  119. package/dist/components/Select/SelectField.d.ts +1 -1
  120. package/dist/components/Select/SelectField.d.ts.map +1 -1
  121. package/dist/components/Select/SelectField.js +3 -2
  122. package/dist/components/Select/SelectField.js.map +1 -1
  123. package/dist/components/Select/SelectField.mjs +3 -2
  124. package/dist/components/Select/SelectField.mjs.map +1 -1
  125. package/dist/components/Select/index.d.ts +1 -0
  126. package/dist/components/Select/index.d.ts.map +1 -1
  127. package/dist/components/Toast/Toast.styles.d.ts +6 -2
  128. package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
  129. package/dist/components/Toast/Toast.styles.js +18 -10
  130. package/dist/components/Toast/Toast.styles.js.map +1 -1
  131. package/dist/components/Toast/Toast.styles.mjs +18 -10
  132. package/dist/components/Toast/Toast.styles.mjs.map +1 -1
  133. package/dist/components/Typography/Caption.d.ts.map +1 -1
  134. package/dist/components/Typography/Caption.js +1 -1
  135. package/dist/components/Typography/Caption.js.map +1 -1
  136. package/dist/components/Typography/Caption.mjs +1 -1
  137. package/dist/components/Typography/Caption.mjs.map +1 -1
  138. package/dist/components/Typography/H1.d.ts.map +1 -1
  139. package/dist/components/Typography/H1.js +1 -1
  140. package/dist/components/Typography/H1.js.map +1 -1
  141. package/dist/components/Typography/H1.mjs +1 -1
  142. package/dist/components/Typography/H1.mjs.map +1 -1
  143. package/dist/components/Typography/H2.d.ts.map +1 -1
  144. package/dist/components/Typography/H2.js +1 -1
  145. package/dist/components/Typography/H2.js.map +1 -1
  146. package/dist/components/Typography/H2.mjs +1 -1
  147. package/dist/components/Typography/H2.mjs.map +1 -1
  148. package/dist/components/Typography/H3.d.ts.map +1 -1
  149. package/dist/components/Typography/H3.js +1 -1
  150. package/dist/components/Typography/H3.js.map +1 -1
  151. package/dist/components/Typography/H3.mjs +1 -1
  152. package/dist/components/Typography/H3.mjs.map +1 -1
  153. package/dist/components/Typography/H4.d.ts.map +1 -1
  154. package/dist/components/Typography/H4.js +1 -1
  155. package/dist/components/Typography/H4.js.map +1 -1
  156. package/dist/components/Typography/H4.mjs +1 -1
  157. package/dist/components/Typography/H4.mjs.map +1 -1
  158. package/dist/components/Typography/H5.d.ts.map +1 -1
  159. package/dist/components/Typography/H5.js +1 -1
  160. package/dist/components/Typography/H5.js.map +1 -1
  161. package/dist/components/Typography/H5.mjs +1 -1
  162. package/dist/components/Typography/H5.mjs.map +1 -1
  163. package/dist/components/Typography/Link.d.ts.map +1 -1
  164. package/dist/components/Typography/Link.js +1 -1
  165. package/dist/components/Typography/Link.js.map +1 -1
  166. package/dist/components/Typography/Link.mjs +1 -1
  167. package/dist/components/Typography/Link.mjs.map +1 -1
  168. package/dist/components/Typography/Overline.d.ts.map +1 -1
  169. package/dist/components/Typography/Overline.js +1 -1
  170. package/dist/components/Typography/Overline.js.map +1 -1
  171. package/dist/components/Typography/Overline.mjs +1 -1
  172. package/dist/components/Typography/Overline.mjs.map +1 -1
  173. package/dist/components/Typography/Subtext.d.ts.map +1 -1
  174. package/dist/components/Typography/Subtext.js +1 -1
  175. package/dist/components/Typography/Subtext.js.map +1 -1
  176. package/dist/components/Typography/Subtext.mjs +1 -1
  177. package/dist/components/Typography/Subtext.mjs.map +1 -1
  178. package/dist/components/Typography/Subtitle.d.ts.map +1 -1
  179. package/dist/components/Typography/Subtitle.js +1 -1
  180. package/dist/components/Typography/Subtitle.js.map +1 -1
  181. package/dist/components/Typography/Subtitle.mjs +1 -1
  182. package/dist/components/Typography/Subtitle.mjs.map +1 -1
  183. package/dist/components/Typography/Text.d.ts.map +1 -1
  184. package/dist/components/Typography/Text.js +1 -1
  185. package/dist/components/Typography/Text.js.map +1 -1
  186. package/dist/components/Typography/Text.mjs +1 -1
  187. package/dist/components/Typography/Text.mjs.map +1 -1
  188. package/dist/hooks/useLanguage.d.ts +5 -0
  189. package/dist/hooks/useLanguage.d.ts.map +1 -1
  190. package/dist/hooks/useLanguage.js +7 -3
  191. package/dist/hooks/useLanguage.js.map +1 -1
  192. package/dist/hooks/useLanguage.mjs +7 -4
  193. package/dist/hooks/useLanguage.mjs.map +1 -1
  194. package/dist/hooks/useTranslate.d.ts.map +1 -1
  195. package/dist/hooks/useTranslate.js +8 -5
  196. package/dist/hooks/useTranslate.js.map +1 -1
  197. package/dist/hooks/useTranslate.mjs +8 -5
  198. package/dist/hooks/useTranslate.mjs.map +1 -1
  199. package/dist/index.js +1 -0
  200. package/dist/index.js.map +1 -1
  201. package/dist/index.mjs +1 -1
  202. package/dist/theme/colors.d.ts +2 -2
  203. package/dist/theme/colors.d.ts.map +1 -1
  204. package/dist/theme/colors.js +36 -2
  205. package/dist/theme/colors.js.map +1 -1
  206. package/dist/theme/colors.mjs +37 -3
  207. package/dist/theme/colors.mjs.map +1 -1
  208. package/dist/theme/global.d.ts.map +1 -1
  209. package/dist/theme/global.js +18 -0
  210. package/dist/theme/global.js.map +1 -1
  211. package/dist/theme/global.mjs +18 -0
  212. package/dist/theme/global.mjs.map +1 -1
  213. package/dist/theme/index.d.ts.map +1 -1
  214. package/dist/theme/index.js +2 -0
  215. package/dist/theme/index.js.map +1 -1
  216. package/dist/theme/index.mjs +2 -0
  217. package/dist/theme/index.mjs.map +1 -1
  218. package/dist/theme/palette.generated.d.ts +98 -0
  219. package/dist/theme/palette.generated.d.ts.map +1 -1
  220. package/dist/theme/palette.generated.js +99 -0
  221. package/dist/theme/palette.generated.js.map +1 -1
  222. package/dist/theme/palette.generated.mjs +99 -1
  223. package/dist/theme/palette.generated.mjs.map +1 -1
  224. package/dist/theme/paletteSwatches.d.ts +20 -0
  225. package/dist/theme/paletteSwatches.d.ts.map +1 -1
  226. package/dist/theme/recipes/avatar.d.ts +30 -0
  227. package/dist/theme/recipes/avatar.d.ts.map +1 -0
  228. package/dist/theme/recipes/avatar.js +96 -0
  229. package/dist/theme/recipes/avatar.js.map +1 -0
  230. package/dist/theme/recipes/avatar.mjs +94 -0
  231. package/dist/theme/recipes/avatar.mjs.map +1 -0
  232. package/dist/translations/Defaults.translations.json.js +9 -0
  233. package/dist/translations/Defaults.translations.json.js.map +1 -1
  234. package/dist/translations/Defaults.translations.json.mjs +9 -1
  235. package/dist/translations/Defaults.translations.json.mjs.map +1 -1
  236. package/package.json +1 -1
  237. package/src/components/Accordion/Accordion.stories.tsx +85 -0
  238. package/src/components/Accordion/Accordion.usage.mdx +200 -0
  239. package/src/components/Appear/Appear.usage.mdx +107 -0
  240. package/src/components/Avatar/Avatar.recipe.test.tsx +171 -0
  241. package/src/components/Avatar/Avatar.stories.tsx +199 -24
  242. package/src/components/Avatar/Avatar.tsx +112 -21
  243. package/src/components/Avatar/Avatar.usage.mdx +185 -0
  244. package/src/components/Avatar/index.tsx +8 -1
  245. package/src/components/Badge/Badge.stories.tsx +193 -3
  246. package/src/components/Badge/Badge.tsx +5 -3
  247. package/src/components/Badge/Badge.types.ts +7 -5
  248. package/src/components/Badge/Badge.usage.mdx +265 -0
  249. package/src/components/Banner/Banner.stories.tsx +152 -2
  250. package/src/components/Banner/Banner.types.ts +30 -1
  251. package/src/components/Banner/Banner.usage.mdx +233 -0
  252. package/src/components/BottomSheet/BottomSheet.stories.tsx +168 -1
  253. package/src/components/BottomSheet/BottomSheet.test.tsx +2 -1
  254. package/src/components/BottomSheet/BottomSheet.usage.mdx +216 -0
  255. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +59 -0
  256. package/src/components/Breadcrumb/Breadcrumb.usage.mdx +181 -0
  257. package/src/components/Button/Button.legacy.ts +1 -0
  258. package/src/components/Button/Button.stories.tsx +287 -3
  259. package/src/components/Button/Button.styles.ts +18 -0
  260. package/src/components/Button/Button.tsx +15 -2
  261. package/src/components/Button/Button.types.ts +5 -2
  262. package/src/components/Button/Button.usage.mdx +342 -0
  263. package/src/components/Button/Button.variants.test.tsx +9 -0
  264. package/src/components/Card/Card.stories.tsx +106 -0
  265. package/src/components/Card/Card.types.ts +12 -0
  266. package/src/components/Card/Card.usage.mdx +216 -0
  267. package/src/components/Checkbox/Checkbox.stories.tsx +140 -13
  268. package/src/components/Checkbox/Checkbox.usage.mdx +214 -0
  269. package/src/components/Chip/Chip.usage.mdx +78 -0
  270. package/src/components/Code/Code.stories.tsx +60 -0
  271. package/src/components/Code/Code.usage.mdx +187 -0
  272. package/src/components/CodeTabs/CodeTabs.stories.tsx +53 -0
  273. package/src/components/CodeTabs/CodeTabs.usage.mdx +176 -0
  274. package/src/components/Collapsible/Collapsible.stories.tsx +58 -0
  275. package/src/components/Collapsible/Collapsible.usage.mdx +173 -0
  276. package/src/components/ColorMode/ColorMode.stories.tsx +50 -0
  277. package/src/components/ColorMode/ColorMode.usage.mdx +135 -0
  278. package/src/components/ColorMode/ColorModeToggle.tsx +10 -3
  279. package/src/components/Confetti/Confetti.types.ts +5 -1
  280. package/src/components/Confetti/Confetti.usage.mdx +111 -0
  281. package/src/components/Confetti/confettiColors.ts +5 -5
  282. package/src/components/Container/Container.stories.tsx +32 -0
  283. package/src/components/Container/Container.usage.mdx +130 -0
  284. package/src/components/CopyableCode/CopyableCode.stories.tsx +62 -0
  285. package/src/components/CopyableCode/CopyableCode.usage.mdx +168 -0
  286. package/src/components/CountBadge/CountBadge.stories.tsx +69 -0
  287. package/src/components/CountBadge/CountBadge.usage.mdx +215 -0
  288. package/src/components/CountUp/CountUp.usage.mdx +107 -0
  289. package/src/components/DatePicker/DatePicker.usage.mdx +177 -0
  290. package/src/components/DatePicker/RangeDatePicker.stories.tsx +87 -3
  291. package/src/components/ErrorFallback/ErrorFallback.types.ts +6 -0
  292. package/src/components/ErrorFallback/ErrorFallback.usage.mdx +127 -0
  293. package/src/components/ExpandableText/ExpandableText.stories.tsx +55 -0
  294. package/src/components/ExpandableText/ExpandableText.usage.mdx +176 -0
  295. package/src/components/FileInput/FileInput.stories.tsx +38 -1
  296. package/src/components/FileInput/FileInput.usage.mdx +178 -0
  297. package/src/components/FileItem/FileItem.stories.tsx +71 -0
  298. package/src/components/FileItem/FileItem.usage.mdx +180 -0
  299. package/src/components/FileList/FileList.stories.tsx +25 -0
  300. package/src/components/FileList/FileList.usage.mdx +165 -0
  301. package/src/components/FlyTo/FlyTo.usage.mdx +99 -0
  302. package/src/components/Form/Form.stories.tsx +149 -0
  303. package/src/components/Form/Form.usage.mdx +203 -0
  304. package/src/components/Form/FormModalFooter/FormModalFooter.stories.tsx +1 -1
  305. package/src/components/Form/FormModalFooter/FormModalFooter.test.tsx +19 -1
  306. package/src/components/Form/FormModalFooter/FormModalFooter.tsx +2 -0
  307. package/src/components/Form/FormModalFooter/FormModalFooter.types.ts +11 -1
  308. package/src/components/FormControl/FormControl.stories.tsx +35 -0
  309. package/src/components/FormControl/FormControl.usage.mdx +128 -0
  310. package/src/components/FormIntegration/FormIntegration.usage.mdx +158 -0
  311. package/src/components/FormLabel/FormLabel.stories.tsx +71 -0
  312. package/src/components/FormLabel/FormLabel.usage.mdx +125 -0
  313. package/src/components/Icon/Icon.stories.tsx +61 -1
  314. package/src/components/Icon/Icon.usage.mdx +158 -0
  315. package/src/components/IconButton/IconButton.stories.tsx +209 -5
  316. package/src/components/IconButton/IconButton.usage.mdx +273 -0
  317. package/src/components/InfoSprinkle/InfoSprinkle.stories.tsx +77 -1
  318. package/src/components/InfoSprinkle/InfoSprinkle.usage.mdx +189 -0
  319. package/src/components/InlineCode/InlineCode.stories.tsx +75 -0
  320. package/src/components/InlineCode/InlineCode.usage.mdx +142 -0
  321. package/src/components/Input/Input.stories.tsx +180 -0
  322. package/src/components/Input/Input.usage.mdx +278 -0
  323. package/src/components/LineGraph/LineGraph.stories.tsx +112 -0
  324. package/src/components/LineGraph/LineGraph.tsx +4 -5
  325. package/src/components/LineGraph/LineGraph.types.ts +12 -2
  326. package/src/components/LineGraph/LineGraph.usage.mdx +186 -0
  327. package/src/components/LineGraph/seriesColors.test.ts +11 -10
  328. package/src/components/LineGraph/seriesColors.ts +18 -14
  329. package/src/components/Loaders/Loaders.stories.tsx +93 -0
  330. package/src/components/Loaders/Loaders.usage.mdx +180 -0
  331. package/src/components/LogicianProvider/LogicianProvider.usage.mdx +98 -0
  332. package/src/components/Markdown/Markdown.stories.tsx +53 -0
  333. package/src/components/Markdown/Markdown.usage.mdx +182 -0
  334. package/src/components/Masonry/Masonry.stories.tsx +63 -1
  335. package/src/components/Masonry/Masonry.types.ts +8 -3
  336. package/src/components/Masonry/Masonry.usage.mdx +142 -0
  337. package/src/components/MaxLengthIndicator/MaxLengthIndicator.stories.tsx +57 -0
  338. package/src/components/MaxLengthIndicator/MaxLengthIndicator.usage.mdx +125 -0
  339. package/src/components/Menu/Menu.stories.tsx +146 -2
  340. package/src/components/Menu/Menu.usage.mdx +230 -0
  341. package/src/components/Menu/MenuItem.types.ts +8 -0
  342. package/src/components/Modal/Modal.stories.tsx +177 -1
  343. package/src/components/Modal/Modal.usage.mdx +262 -0
  344. package/src/components/Modal/ModalCloseButton.tsx +1 -1
  345. package/src/components/MonthPicker/MonthPicker.stories.tsx +30 -0
  346. package/src/components/MonthPicker/MonthPicker.usage.mdx +191 -0
  347. package/src/components/Pagination/Pagination.stories.tsx +90 -1
  348. package/src/components/Pagination/Pagination.tsx +11 -10
  349. package/src/components/Pagination/Pagination.usage.mdx +186 -0
  350. package/src/components/PasswordInput/PasswordInput.stories.tsx +51 -0
  351. package/src/components/PasswordInput/PasswordInput.usage.mdx +193 -0
  352. package/src/components/PinInput/PinInput.stories.tsx +91 -0
  353. package/src/components/PinInput/PinInput.usage.mdx +194 -0
  354. package/src/components/Popover/Popover.stories.tsx +104 -1
  355. package/src/components/Popover/Popover.usage.mdx +197 -0
  356. package/src/components/ProgressBar/ProgressBar.stories.tsx +92 -1
  357. package/src/components/ProgressBar/ProgressBar.types.ts +9 -0
  358. package/src/components/ProgressBar/ProgressBar.usage.mdx +210 -0
  359. package/src/components/Pulse/Pulse.usage.mdx +102 -0
  360. package/src/components/RadialProgress/RadialProgress.stories.tsx +74 -1
  361. package/src/components/RadialProgress/RadialProgress.types.ts +21 -1
  362. package/src/components/RadialProgress/RadialProgress.usage.mdx +153 -0
  363. package/src/components/Radio/Radio.stories.tsx +119 -0
  364. package/src/components/Radio/Radio.usage.mdx +187 -0
  365. package/src/components/Reveal/Reveal.usage.mdx +105 -0
  366. package/src/components/ScaledContext/ScaledContext.usage.mdx +111 -0
  367. package/src/components/SeeMoreButton/SeeMoreButton.stories.tsx +146 -2
  368. package/src/components/SeeMoreButton/SeeMoreButton.types.ts +8 -0
  369. package/src/components/SeeMoreButton/SeeMoreButton.usage.mdx +213 -0
  370. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +69 -0
  371. package/src/components/SegmentedControl/SegmentedControl.tsx +6 -7
  372. package/src/components/SegmentedControl/SegmentedControl.usage.mdx +209 -0
  373. package/src/components/SegmentedProgressBar/SegmentedProgressBar.stories.tsx +54 -0
  374. package/src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts +2 -0
  375. package/src/components/SegmentedProgressBar/SegmentedProgressBar.usage.mdx +145 -0
  376. package/src/components/Select/Comparison.stories.tsx +19 -0
  377. package/src/components/Select/Select.stories.tsx +264 -1
  378. package/src/components/Select/Select.styles.ts +36 -1
  379. package/src/components/Select/Select.tsx +13 -3
  380. package/src/components/Select/Select.types.ts +11 -0
  381. package/src/components/Select/Select.usage.mdx +278 -0
  382. package/src/components/Select/SelectField.tsx +7 -3
  383. package/src/components/Select/index.ts +1 -0
  384. package/src/components/Shake/Shake.usage.mdx +107 -0
  385. package/src/components/Slider/Slider.stories.tsx +116 -0
  386. package/src/components/Slider/Slider.usage.mdx +179 -0
  387. package/src/components/Spinner/Spinner.stories.tsx +64 -0
  388. package/src/components/Spinner/Spinner.usage.mdx +136 -0
  389. package/src/components/SwapTransition/SwapTransition.usage.mdx +102 -0
  390. package/src/components/Switch/Switch.stories.tsx +131 -6
  391. package/src/components/Switch/Switch.usage.mdx +199 -0
  392. package/src/components/Table/Table.stories.tsx +159 -1
  393. package/src/components/Table/Table.usage.mdx +235 -0
  394. package/src/components/Tabs/Tabs.stories.tsx +86 -0
  395. package/src/components/Tabs/Tabs.usage.mdx +219 -0
  396. package/src/components/Tag/Tag.stories.tsx +181 -4
  397. package/src/components/Tag/Tag.usage.mdx +257 -0
  398. package/src/components/Textarea/Textarea.stories.tsx +113 -0
  399. package/src/components/Textarea/Textarea.usage.mdx +186 -0
  400. package/src/components/Toast/Toast.stories.tsx +185 -3
  401. package/src/components/Toast/Toast.styles.ts +18 -10
  402. package/src/components/Toast/Toast.usage.mdx +265 -0
  403. package/src/components/Tooltip/Tooltip.stories.tsx +86 -1
  404. package/src/components/Tooltip/Tooltip.usage.mdx +211 -0
  405. package/src/components/Tree/Tree.stories.tsx +89 -0
  406. package/src/components/Tree/Tree.usage.mdx +207 -0
  407. package/src/components/Typography/Caption.tsx +0 -1
  408. package/src/components/Typography/H1.tsx +0 -1
  409. package/src/components/Typography/H2.tsx +0 -1
  410. package/src/components/Typography/H3.tsx +0 -1
  411. package/src/components/Typography/H4.tsx +0 -1
  412. package/src/components/Typography/H5.tsx +0 -1
  413. package/src/components/Typography/Link.tsx +0 -1
  414. package/src/components/Typography/Overline.tsx +0 -1
  415. package/src/components/Typography/Subtext.tsx +0 -1
  416. package/src/components/Typography/Subtitle.tsx +0 -1
  417. package/src/components/Typography/Text.tsx +0 -1
  418. package/src/components/Typography/Typography.stories.tsx +117 -0
  419. package/src/components/Typography/Typography.usage.mdx +257 -0
  420. package/src/components/Workflow/Workflow.usage.mdx +199 -0
  421. package/src/components/noRawScales.test.ts +5 -1
  422. package/src/foundations/BrandAssets.mdx +637 -0
  423. package/src/foundations/BrandAssets.stories.tsx +680 -0
  424. package/src/foundations/BrandColour.mdx +364 -0
  425. package/src/foundations/BrandColour.stories.tsx +334 -0
  426. package/src/guidelines/ComponentPageTemplate.mdx +84 -0
  427. package/src/guidelines/FeedbackActions.mdx +162 -23
  428. package/src/guidelines/_components/Lang.tsx +175 -0
  429. package/src/guidelines/_components/TokenTable.tsx +136 -0
  430. package/src/hooks/useLanguage.ts +8 -3
  431. package/src/hooks/useTranslate.test.tsx +46 -0
  432. package/src/hooks/useTranslate.ts +7 -5
  433. package/src/theme/BazePalette.stories.tsx +111 -1
  434. package/src/theme/Palette.stories.tsx +2 -2
  435. package/src/theme/SemanticTokens.mdx +87 -2
  436. package/src/theme/claude.md +16 -7
  437. package/src/theme/colors.ts +51 -6
  438. package/src/theme/contrast.test.ts +59 -3
  439. package/src/theme/global.ts +19 -0
  440. package/src/theme/index.ts +2 -0
  441. package/src/theme/palette.generated.ts +99 -0
  442. package/src/theme/paletteSwatches.ts +35 -0
  443. package/src/theme/recipes/avatar.ts +92 -0
  444. package/src/translations/Defaults.translations.json +7 -0
@@ -1 +1 @@
1
- {"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
1
+ {"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -34,6 +34,7 @@ require('../../Badge/Badge.js');
34
34
  require('../../Workflow/canvas/NodeShell/NodeShell.styles.js');
35
35
  require('../../Workflow/graphObserver.js');
36
36
  require('@dagrejs/dagre');
37
+ require('../../../hooks/useLanguage.js');
37
38
  require('../../Workflow/canvas/Canvas/Canvas.js');
38
39
 
39
40
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,cAAA,CAACC,qCAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBD,eAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
1
+ {"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,cAAA,CAACC,qCAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBD,eAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
@@ -32,6 +32,7 @@ import '../../Badge/Badge.mjs';
32
32
  import '../../Workflow/canvas/NodeShell/NodeShell.styles.mjs';
33
33
  import '../../Workflow/graphObserver.mjs';
34
34
  import '@dagrejs/dagre';
35
+ import '../../../hooks/useLanguage.mjs';
35
36
  import '../../Workflow/canvas/Canvas/Canvas.mjs';
36
37
 
37
38
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
1
+ {"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAG9D,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,4CAK5C,cAAc,CAAC,CAAC,CAAC,4CAwFnB,CAAC"}
1
+ {"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAG9D,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,4CAK5C,cAAc,CAAC,CAAC,CAAC,4CAuFnB,CAAC"}
@@ -10,10 +10,9 @@ var useColorMode = require('../ColorMode/useColorMode.js');
10
10
  var seriesColors = require('./seriesColors.js');
11
11
 
12
12
  const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
13
- const primaryColor = react.useToken('colors', 'primary.main')[0];
14
- // Series 1 is the neutral brand line; further series cycle hues with no
15
- // status meaning (see seriesColors.ts). Strokes read the generated palette
16
- // directly because no semantic role fits a chart line.
13
+ // Series 1 is the data blue; further series cycle hues with no status
14
+ // meaning (see seriesColors.ts). Strokes read the generated palette directly
15
+ // because no semantic role fits a chart line.
17
16
  const { colorMode } = useColorMode.useColorMode();
18
17
  const isDark = colorMode === 'dark';
19
18
  return (jsxRuntime.jsx(react.Box, { h: "400px", ...rest, children: jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: jsxRuntime.jsxs(recharts.LineChart, { data: data, margin: {
@@ -68,7 +67,7 @@ const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
68
67
  color: 'var(--chakra-colors-fg-default)',
69
68
  } }), displayLegend && (jsxRuntime.jsx(recharts.Legend, { wrapperStyle: {
70
69
  bottom: -16,
71
- } })), dataKeys.map(({ key, label, color }, index) => (jsxRuntime.jsx(recharts.Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColors.seriesColor(index, primaryColor, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
70
+ } })), dataKeys.map(({ key, label, color }, index) => (jsxRuntime.jsx(recharts.Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColors.seriesColor(index, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
72
71
  };
73
72
 
74
73
  exports.LineGraph = LineGraph;
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.js","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["useToken","useColorMode","_jsx","Box","ResponsiveContainer","_jsxs","LineChart","CartesianGrid","XAxis","YAxis","Tooltip","Legend","Line","seriesColor"],"mappings":";;;;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;IACtB,MAAM,YAAY,GAAGA,cAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;;;;AAI1D,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGC,yBAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBD,cAAA,CAACE,4BAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,eAAA,CAACC,kBAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDJ,eAACK;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFL,eAACM,cAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGR,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFE,eAACO;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGT,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFE,eAACQ;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZR,eAACS,eAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCT,cAAA,CAACU,aAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAIC,wBAAW,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,EACzD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,QAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
1
+ {"version":3,"file":"LineGraph.js","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["useColorMode","_jsx","Box","ResponsiveContainer","_jsxs","LineChart","CartesianGrid","XAxis","useToken","YAxis","Tooltip","Legend","Line","seriesColor"],"mappings":";;;;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;;;;AAItB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,yBAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBD,cAAA,CAACE,4BAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,eAAA,CAACC,kBAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDJ,eAACK;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFL,eAACM,cAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGC,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFP,eAACQ;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGD,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFP,eAACS;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZT,eAACU,eAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCV,cAAA,CAACW,aAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAIC,wBAAW,CAAC,KAAK,EAAE,MAAM,CAAC,EAC3C,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { useToken, Box } from '@chakra-ui/react';
3
+ import { Box, useToken } from '@chakra-ui/react';
4
4
  import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line } from 'recharts';
5
5
  import '../ColorMode/ColorModeProvider.mjs';
6
6
  import '../ColorMode/ColorModeToggle.mjs';
@@ -8,10 +8,9 @@ import { useColorMode } from '../ColorMode/useColorMode.mjs';
8
8
  import { seriesColor } from './seriesColors.mjs';
9
9
 
10
10
  const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
11
- const primaryColor = useToken('colors', 'primary.main')[0];
12
- // Series 1 is the neutral brand line; further series cycle hues with no
13
- // status meaning (see seriesColors.ts). Strokes read the generated palette
14
- // directly because no semantic role fits a chart line.
11
+ // Series 1 is the data blue; further series cycle hues with no status
12
+ // meaning (see seriesColors.ts). Strokes read the generated palette directly
13
+ // because no semantic role fits a chart line.
15
14
  const { colorMode } = useColorMode();
16
15
  const isDark = colorMode === 'dark';
17
16
  return (jsx(Box, { h: "400px", ...rest, children: jsx(ResponsiveContainer, { width: "100%", height: "100%", children: jsxs(LineChart, { data: data, margin: {
@@ -66,7 +65,7 @@ const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
66
65
  color: 'var(--chakra-colors-fg-default)',
67
66
  } }), displayLegend && (jsx(Legend, { wrapperStyle: {
68
67
  bottom: -16,
69
- } })), dataKeys.map(({ key, label, color }, index) => (jsx(Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColor(index, primaryColor, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
68
+ } })), dataKeys.map(({ key, label, color }, index) => (jsx(Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColor(index, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
70
69
  };
71
70
 
72
71
  export { LineGraph };
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.mjs","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;IACtB,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;;;;AAI1D,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBA,GAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,IAAA,CAAC,SAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDD,IAAC;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFA,IAAC,KAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZA,IAAC,MAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCA,GAAA,CAAC,IAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,EACzD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,QAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
1
+ {"version":3,"file":"LineGraph.mjs","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;;;;AAItB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBA,GAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,IAAA,CAAC,SAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDD,IAAC;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFA,IAAC,KAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZA,IAAC,MAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCA,GAAA,CAAC,IAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,EAC3C,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
@@ -1,8 +1,14 @@
1
1
  import { BoxProps } from '@chakra-ui/react';
2
2
  import { type DataKey as RechartsDataKey } from 'recharts/types/util/types.d';
3
3
  export interface LineGraphProps<T extends DatumBase> extends BoxProps {
4
+ /** One object per point on the X axis; `name` is the axis label. */
4
5
  data: Array<Datum<T>>;
6
+ /** The series to draw, in order. */
5
7
  dataKeys: Array<DataKey<T>>;
8
+ /**
9
+ * Show the legend under the chart.
10
+ * @default true
11
+ */
6
12
  displayLegend?: boolean;
7
13
  }
8
14
  /**
@@ -26,11 +32,15 @@ export type DataKey<T extends DatumBase> = {
26
32
  */
27
33
  key: RechartsDataKey<keyof T>;
28
34
  /**
29
- * Label for the XAxis
35
+ * Series name, shown in the legend and the tooltip.
30
36
  */
31
37
  label: string;
32
38
  /**
33
- * Optional custom colors for the series
39
+ * Stroke colour for this series, passed straight to the SVG (recharts does
40
+ * not resolve Chakra tokens — use a CSS variable such as
41
+ * `var(--chakra-colors-category-teal-fg)`). Defaults: series 1 is
42
+ * `primary.main`, the rest cycle meaning-free category hues
43
+ * (`CHART_SERIES_HUES`).
34
44
  */
35
45
  color?: string;
36
46
  };
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.types.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,OAAO,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,QAAQ;IACnE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,SAAS,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,CAAC,CAAC;AAEN;;GAEG;AACH,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI;IACzC;;OAEG;IACH,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
1
+ {"version":3,"file":"LineGraph.types.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,OAAO,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,QAAQ;IACnE,oEAAoE;IACpE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,oCAAoC;IACpC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,SAAS,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,CAAC,CAAC;AAEN;;GAEG;AACH,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI;IACzC;;OAEG;IACH,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
@@ -2,10 +2,16 @@ import type { SystemHue } from '@/theme/colors';
2
2
  /**
3
3
  * Default stroke order for multi-series charts.
4
4
  *
5
- * Series 1 is the neutral brand line (`primary.main`); the rest cycle hues
6
- * that carry no meaning in the system. Red, yellow and green are the danger,
7
- * warning and success colours, and blue is info and links, so none of them
8
- * may colour a series by default — a red "UV" line reads as an error.
5
+ * Series 1 is the data blue (`blue.base`): blue means data (SemanticTokens.mdx,
6
+ * "Blue means data and links"), and a single-measure chart draws in the same
7
+ * blue, so adding a second series does not repaint the first. It used to be
8
+ * the ink `primary.main`, which read as body text rather than as data.
9
+ *
10
+ * The rest cycle hues that carry no meaning in the system, alternating cool
11
+ * and warm so neighbouring lines separate. Red, yellow and green are the
12
+ * danger, warning and success colours, so none of them may colour a series by
13
+ * default — a red "UV" line reads as an error. Brown comes late: next to the
14
+ * other dusty warm hues it reads as mud.
9
15
  *
10
16
  * Every stroke clears 3:1 against the page in both modes. Cyan, mint and
11
17
  * orange are too light at their base value in light mode (≈1.9:1), so they
@@ -16,7 +22,7 @@ type SeriesHue = {
16
22
  light: 'base' | 'hc';
17
23
  };
18
24
  export declare const CHART_SERIES_HUES: readonly SeriesHue[];
19
- /** Stroke for series `index` (0-based); index 0 is the caller's primary line. */
20
- export declare const seriesColor: (index: number, primary: string, isDark: boolean) => string;
25
+ /** Stroke for series `index` (0-based); index 0 is the data blue. */
26
+ export declare const seriesColor: (index: number, isDark: boolean) => string;
21
27
  export {};
22
28
  //# sourceMappingURL=seriesColors.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"seriesColors.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/seriesColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;;;;;;;;GAWG;AACH,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAAS,SAAS,EASjD,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,WAAW,GACtB,OAAO,MAAM,EACb,SAAS,MAAM,EACf,QAAQ,OAAO,KACd,MAKF,CAAC"}
1
+ {"version":3,"file":"seriesColors.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/seriesColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;;;;;;;;;;;;;;GAiBG;AACH,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAAS,SAAS,EASjD,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,QAAQ,OAAO,KAAG,MAO5D,CAAC"}
@@ -4,19 +4,20 @@
4
4
  var palette_generated = require('../../theme/palette.generated.js');
5
5
 
6
6
  const CHART_SERIES_HUES = [
7
- { hue: 'brown', light: 'base' },
8
- { hue: 'indigo', light: 'base' },
9
- { hue: 'pink', light: 'base' },
10
7
  { hue: 'teal', light: 'base' },
8
+ { hue: 'pink', light: 'base' },
9
+ { hue: 'indigo', light: 'base' },
11
10
  { hue: 'purple', light: 'base' },
11
+ { hue: 'brown', light: 'base' },
12
12
  { hue: 'cyan', light: 'hc' },
13
13
  { hue: 'mint', light: 'hc' },
14
14
  { hue: 'orange', light: 'hc' },
15
15
  ];
16
- /** Stroke for series `index` (0-based); index 0 is the caller's primary line. */
17
- const seriesColor = (index, primary, isDark) => {
18
- if (index === 0)
19
- return primary;
16
+ /** Stroke for series `index` (0-based); index 0 is the data blue. */
17
+ const seriesColor = (index, isDark) => {
18
+ if (index === 0) {
19
+ return isDark ? palette_generated.SYSTEM_HUES.blue.baseDark : palette_generated.SYSTEM_HUES.blue.base;
20
+ }
20
21
  const { hue, light } = CHART_SERIES_HUES[(index - 1) % CHART_SERIES_HUES.length];
21
22
  return isDark ? palette_generated.SYSTEM_HUES[hue].baseDark : palette_generated.SYSTEM_HUES[hue][light];
22
23
  };
@@ -1 +1 @@
1
- {"version":3,"file":"seriesColors.js","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES"],"mappings":";;;;;AAoBO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;AACO,MAAM,WAAW,GAAG,CACzB,KAAa,EACb,OAAe,EACf,MAAe,KACL;IACV,IAAI,KAAK,KAAK,CAAC;AAAE,QAAA,OAAO,OAAO;AAC/B,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;;"}
1
+ {"version":3,"file":"seriesColors.js","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES"],"mappings":";;;;;AA0BO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;MACa,WAAW,GAAG,CAAC,KAAa,EAAE,MAAe,KAAY;AACpE,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,MAAM,GAAGA,6BAAW,CAAC,IAAI,CAAC,QAAQ,GAAGA,6BAAW,CAAC,IAAI,CAAC,IAAI;IACnE;AACA,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;;"}
@@ -2,19 +2,20 @@
2
2
  import { SYSTEM_HUES } from '../../theme/palette.generated.mjs';
3
3
 
4
4
  const CHART_SERIES_HUES = [
5
- { hue: 'brown', light: 'base' },
6
- { hue: 'indigo', light: 'base' },
7
- { hue: 'pink', light: 'base' },
8
5
  { hue: 'teal', light: 'base' },
6
+ { hue: 'pink', light: 'base' },
7
+ { hue: 'indigo', light: 'base' },
9
8
  { hue: 'purple', light: 'base' },
9
+ { hue: 'brown', light: 'base' },
10
10
  { hue: 'cyan', light: 'hc' },
11
11
  { hue: 'mint', light: 'hc' },
12
12
  { hue: 'orange', light: 'hc' },
13
13
  ];
14
- /** Stroke for series `index` (0-based); index 0 is the caller's primary line. */
15
- const seriesColor = (index, primary, isDark) => {
16
- if (index === 0)
17
- return primary;
14
+ /** Stroke for series `index` (0-based); index 0 is the data blue. */
15
+ const seriesColor = (index, isDark) => {
16
+ if (index === 0) {
17
+ return isDark ? SYSTEM_HUES.blue.baseDark : SYSTEM_HUES.blue.base;
18
+ }
18
19
  const { hue, light } = CHART_SERIES_HUES[(index - 1) % CHART_SERIES_HUES.length];
19
20
  return isDark ? SYSTEM_HUES[hue].baseDark : SYSTEM_HUES[hue][light];
20
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"seriesColors.mjs","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAoBO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;AACO,MAAM,WAAW,GAAG,CACzB,KAAa,EACb,OAAe,EACf,MAAe,KACL;IACV,IAAI,KAAK,KAAK,CAAC;AAAE,QAAA,OAAO,OAAO;AAC/B,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;"}
1
+ {"version":3,"file":"seriesColors.mjs","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AA0BO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;MACa,WAAW,GAAG,CAAC,KAAa,EAAE,MAAe,KAAY;AACpE,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI;IACnE;AACA,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;"}
@@ -1,7 +1,8 @@
1
1
  import { GridProps } from '@chakra-ui/react';
2
2
  export interface MasonryProps extends Omit<GridProps, 'gap'> {
3
3
  /**
4
- * Number of columns in the masonry layout
4
+ * Number of columns. A plain number, not a responsive object: for a
5
+ * responsive count, pass the result of `useBreakpointValue`.
5
6
  */
6
7
  numCols: number;
7
8
  /**
@@ -10,8 +11,12 @@ export interface MasonryProps extends Omit<GridProps, 'gap'> {
10
11
  */
11
12
  gap?: number | string;
12
13
  /**
13
- * Whether to arrange items from left to right (true) or top to bottom (false)
14
- * @default false (arrange vertically)
14
+ * `false` (default): each item goes into the currently shortest column, so
15
+ * the column heights stay balanced. `true`: items are dealt round-robin
16
+ * across the columns (item 1 → column 1, item 2 → column 2, …), so the
17
+ * first row reads left to right. Either way the DOM order is column by
18
+ * column, which is the order keyboard and screen-reader users get.
19
+ * @default false
15
20
  */
16
21
  horizontalArrangement?: boolean;
17
22
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Masonry.types.d.ts","sourceRoot":"","sources":["../../../src/components/Masonry/Masonry.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IAC1D;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC"}
1
+ {"version":3,"file":"Masonry.types.d.ts","sourceRoot":"","sources":["../../../src/components/Masonry/Masonry.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IAC1D;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC"}
@@ -8,8 +8,16 @@ export declare const ItemVariant: {
8
8
  export type ItemVariant = (typeof ItemVariant)[keyof typeof ItemVariant];
9
9
  export type MenuItemOwnProps = Omit<ChakraMenuItemProps, 'as'> & {
10
10
  value: string;
11
+ /**
12
+ * `'danger'`: an action that deletes or removes something and cannot be
13
+ * undone (삭제, 연결 해제). Text is `danger.fg`; the highlighted row is
14
+ * `danger.bg`. Everything else is `'default'`.
15
+ * @default 'default'
16
+ */
11
17
  variant?: ItemVariant | null;
18
+ /** Leading icon. Decorative: give it `aria-hidden`. */
12
19
  icon?: React.ReactElement;
20
+ /** Trailing icon, pushed to the end of the row. Decorative: give it `aria-hidden`. */
13
21
  rightIcon?: React.ReactElement;
14
22
  };
15
23
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAC5D,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC"}
1
+ {"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,sFAAsF;IACtF,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAC5D,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC"}
@@ -6,8 +6,8 @@ import { Dialog } from '@chakra-ui/react';
6
6
  * asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
7
7
  *
8
8
  * @example
9
+ * // `Modal` renders its own backdrop — no `ModalOverlay` here.
9
10
  * <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
10
- * <ModalOverlay />
11
11
  * <ModalContent>
12
12
  * <ModalHeader>Title</ModalHeader>
13
13
  * <ModalCloseButton />
@@ -13,8 +13,8 @@ require('../IconButton/IconButton.styles.js');
13
13
  * asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
14
14
  *
15
15
  * @example
16
+ * // `Modal` renders its own backdrop — no `ModalOverlay` here.
16
17
  * <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
17
- * <ModalOverlay />
18
18
  * <ModalContent>
19
19
  * <ModalHeader>Title</ModalHeader>
20
20
  * <ModalCloseButton />
@@ -11,8 +11,8 @@ import '../IconButton/IconButton.styles.mjs';
11
11
  * asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
12
12
  *
13
13
  * @example
14
+ * // `Modal` renders its own backdrop — no `ModalOverlay` here.
14
15
  * <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
15
- * <ModalOverlay />
16
16
  * <ModalContent>
17
17
  * <ModalHeader>Title</ModalHeader>
18
18
  * <ModalCloseButton />
@@ -1,17 +1,18 @@
1
1
  import { PaginationProps } from './Pagination.types';
2
2
  /**
3
- * A pagination component that allows users to navigate through pages.
4
- * Displays the current page number and the maximum page count.
5
- * Supports both controlled and uncontrolled modes.
3
+ * Previous / next page buttons with a "current / last" counter, and an
4
+ * optional page-size select. The last page is derived:
5
+ * `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
6
+ * is only one page.
6
7
  *
7
- * - **Controlled Mode**: Pass `currentPage` and `onBack`/`onNext` props to fully control the pagination behavior.
8
- * - **Uncontrolled Mode**: If `currentPage` is not provided, the component manages its own internal state for the current page.
8
+ * - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
9
+ * (and `onCurrentPageChange`, which fires when a larger page size puts the
10
+ * current page past the new last page).
11
+ * - **Uncontrolled:** leave `currentPage` out and the component keeps the page
12
+ * itself.
9
13
  *
10
- * @param {PaginationProps} props - Props for the Pagination component.
11
- * @param {number} [props.currentPage] - The current page number (controlled mode).
12
- * @param {number} props.maxPage - The maximum number of pages available.
13
- * @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
14
- * @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
14
+ * `itemsPerPage` is always controlled: update it from
15
+ * `onItemsPerPageOptionChange`.
15
16
  */
16
17
  export declare const Pagination: ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
17
18
  //# sourceMappingURL=Pagination.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,oKAUxB,eAAe,4CA+FjB,CAAC"}
1
+ {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,GAAI,oKAUxB,eAAe,4CA+FjB,CAAC"}
@@ -24,18 +24,19 @@ require('../Select/Select.js');
24
24
  var SelectField = require('../Select/SelectField.js');
25
25
 
26
26
  /**
27
- * A pagination component that allows users to navigate through pages.
28
- * Displays the current page number and the maximum page count.
29
- * Supports both controlled and uncontrolled modes.
27
+ * Previous / next page buttons with a "current / last" counter, and an
28
+ * optional page-size select. The last page is derived:
29
+ * `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
30
+ * is only one page.
30
31
  *
31
- * - **Controlled Mode**: Pass `currentPage` and `onBack`/`onNext` props to fully control the pagination behavior.
32
- * - **Uncontrolled Mode**: If `currentPage` is not provided, the component manages its own internal state for the current page.
32
+ * - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
33
+ * (and `onCurrentPageChange`, which fires when a larger page size puts the
34
+ * current page past the new last page).
35
+ * - **Uncontrolled:** leave `currentPage` out and the component keeps the page
36
+ * itself.
33
37
  *
34
- * @param {PaginationProps} props - Props for the Pagination component.
35
- * @param {number} [props.currentPage] - The current page number (controlled mode).
36
- * @param {number} props.maxPage - The maximum number of pages available.
37
- * @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
38
- * @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
38
+ * `itemsPerPage` is always controlled: update it from
39
+ * `onItemsPerPageOptionChange`.
39
40
  */
40
41
  const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }) => {
41
42
  const translate = useTranslate.useTranslate();
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","SelectField","Subtext","Subtitle","IconButton","ChevronLeftIcon","ChevronRightIcon"],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","SelectField","Subtext","Subtitle","IconButton","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;;;;;;;;;;;AAcG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,WAAW,EAAE,qBAAqB,EAClC,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,YAAY,EACZ,0BAA0B,EAC1B,GAAG,IAAI,EACS,KAAI;AACpB,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;IAChC,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzDC,cAAQ,CAAS,CAAC,CAAC;IACrB,MAAM,OAAO,GAAGC,aAAO,CACrB,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,EAC7C,CAAC,aAAa,EAAE,YAAY,CAAC,CAC9B;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,IAAI,uBAAuB,CAAC;IACrE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,0BAA0B,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3D,QAAA,IAAI,MAAM,IAAI,WAAW,GAAG,CAAC,EAAE;;AAE7B,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,0BAA0B,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;AACjE,QAAA,IAAI,MAAM,IAAI,WAAW,GAAG,OAAO,EAAE;;AAEnC,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;AAED,IAAA,MAAM,8BAA8B,GAAG,CAAC,eAA8B,KAAI;AACxE,QAAA,IAAI,eAAe,IAAI,IAAI,EAAE;AAC3B,YAAA,0BAA0B,GAAG,eAAe,CAAC;YAE7C,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC;;AAG7D,YAAA,IAAI,WAAW,GAAG,UAAU,EAAE;gBAC5B,0BAA0B,CAAC,UAAU,CAAC;AACtC,gBAAA,mBAAmB,GAAG,UAAU,CAAC;YACnC;QACF;AACF,IAAA,CAAC;IAED,QACEC,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CAC5DC,cAAA,CAACD,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EACxB,mBAAmB,KAClBD,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzBC,cAAA,CAACC,uBAAW,EAAA,EACV,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,QAAQ;;;;;AAKd,4BAAA,SAAS,EAAE,SAAS,CAAC,2BAA2B,CAAW,EAC3D,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;AAC5C,gCAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AACxB,gCAAA,KAAK,EAAE,MAAM;AACd,6BAAA,CAAC,CAAC,EACH,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,8BAA8B,GACxC,EACFD,cAAA,CAACE,eAAO,EAAA,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EACzB,SAAS,CAAC,2BAA2B,CAAC,EAAA,CAC/B,CAAA,EAAA,CACL,CACR,EAAA,CACI,EACPJ,eAAA,CAACC,UAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzBD,eAAA,CAACK,iBAAQ,EAAA,EAAA,QAAA,EAAA,CACN,WAAW,EAAA,KAAA,EAAK,OAAO,CAAA,EAAA,CACf,EACV,OAAO,GAAG,CAAC,KACVL,eAAA,CAACC,UAAI,IAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAClBC,eAACI,qBAAU,EAAA,EACT,OAAO,EAAC,OAAO,EAAA,YAAA,EACH,SAAS,CAAC,UAAU,CAAW,EAC3C,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,IAAI,CAAC,EAC1B,KAAK,EAAE,WAAW,KAAK,CAAC,GAAG,WAAW,GAAG,UAAU,EAAA,QAAA,EAEnDJ,cAAA,CAACK,qBAAe,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACrB,EACbL,cAAA,CAACI,qBAAU,EAAA,EACT,OAAO,EAAC,OAAO,EAAA,YAAA,EACH,SAAS,CAAC,qBAAqB,CAAW,EACtD,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,IAAI,OAAO,EAChC,KAAK,EAAE,WAAW,KAAK,OAAO,GAAG,WAAW,GAAG,UAAU,EAAA,QAAA,EAEzDJ,cAAA,CAACM,sBAAgB,IAAC,OAAO,EAAC,IAAI,EAAA,CAAG,GACtB,CAAA,EAAA,CACR,CACR,CAAA,EAAA,CACI,CAAA,EAAA,CACF;AAEX;;;;"}
@@ -22,18 +22,19 @@ import '../Select/Select.mjs';
22
22
  import { SelectField } from '../Select/SelectField.mjs';
23
23
 
24
24
  /**
25
- * A pagination component that allows users to navigate through pages.
26
- * Displays the current page number and the maximum page count.
27
- * Supports both controlled and uncontrolled modes.
25
+ * Previous / next page buttons with a "current / last" counter, and an
26
+ * optional page-size select. The last page is derived:
27
+ * `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
28
+ * is only one page.
28
29
  *
29
- * - **Controlled Mode**: Pass `currentPage` and `onBack`/`onNext` props to fully control the pagination behavior.
30
- * - **Uncontrolled Mode**: If `currentPage` is not provided, the component manages its own internal state for the current page.
30
+ * - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
31
+ * (and `onCurrentPageChange`, which fires when a larger page size puts the
32
+ * current page past the new last page).
33
+ * - **Uncontrolled:** leave `currentPage` out and the component keeps the page
34
+ * itself.
31
35
  *
32
- * @param {PaginationProps} props - Props for the Pagination component.
33
- * @param {number} [props.currentPage] - The current page number (controlled mode).
34
- * @param {number} props.maxPage - The maximum number of pages available.
35
- * @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
36
- * @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
36
+ * `itemsPerPage` is always controlled: update it from
37
+ * `onItemsPerPageOptionChange`.
37
38
  */
38
39
  const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }) => {
39
40
  const translate = useTranslate();
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
@@ -1,7 +1,16 @@
1
1
  import { ProgressRootProps as ChakraProgressRootProps } from '@chakra-ui/react';
2
2
  export type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
3
  export interface ProgressBarProps extends ChakraProgressRootProps {
4
+ /**
5
+ * Fill colour token. `danger.solid` only when the value means a problem
6
+ * (over a limit); otherwise leave the default.
7
+ * @default 'primary.main'
8
+ */
4
9
  filledTrackColor?: string;
10
+ /**
11
+ * Track height: `xs` 4px · `sm` 8px · `md` 16px · `lg` 24px · `xl` 32px.
12
+ * @default 'md'
13
+ */
5
14
  size?: ProgressBarSize;
6
15
  /**
7
16
  * Work whose length is not known yet: the bar slides across the track instead
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
1
+ {"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
@@ -1,14 +1,34 @@
1
1
  import { BoxProps } from '@chakra-ui/react';
2
2
  export interface Segment {
3
- /** Color value - supports hex colors, CSS color names, and Chakra UI color tokens (e.g., 'primary.main', 'danger.solid') */
3
+ /**
4
+ * Colour token for the arc. Categories take `category.{hue}.fg`; a status
5
+ * colour (`danger.solid`, …) only when the segment means that status. Hex and
6
+ * CSS colour names still render but skip the theme (no dark mode).
7
+ */
4
8
  color: string;
9
+ /** Amount, in the same unit as `total`. */
5
10
  value: number;
6
11
  }
7
12
  export interface RadialProgressProps extends BoxProps {
13
+ /**
14
+ * Diameter in px; stroke, gaps and the centre text scale with it.
15
+ * @default 200
16
+ */
8
17
  size?: number;
18
+ /**
19
+ * The whole the segments are parts of, also shown as the centre number.
20
+ * Nothing renders when it is 0 or less.
21
+ * @default 100
22
+ */
9
23
  total?: number;
24
+ /** Unit after the centre number, e.g. `GB`. */
10
25
  unit?: string;
26
+ /**
27
+ * Arcs in order, clockwise from the top. Whatever `total` leaves over is
28
+ * drawn as a `bg.track` arc.
29
+ */
11
30
  segments?: Segment[];
31
+ /** Formats the centre number, e.g. thousands separators. */
12
32
  formatTotal?: (value: number) => string | number;
13
33
  }
14
34
  export interface ProcessedSegment extends Segment {
@@ -1 +1 @@
1
- {"version":3,"file":"RadialProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadialProgress/RadialProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB,4HAA4H;IAC5H,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb"}
1
+ {"version":3,"file":"RadialProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadialProgress/RadialProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb"}
@@ -6,7 +6,15 @@ import type { ButtonOwnProps } from '../Button/Button.types';
6
6
  * props minus the role (`variant` / `isDestructive`).
7
7
  */
8
8
  export type SeeMoreButtonOwnProps = Omit<ButtonOwnProps, 'variant' | 'isDestructive'> & {
9
+ /**
10
+ * How many items the list shows now. Printed as the first number of
11
+ * `더보기 (currentCount/maxCount)`.
12
+ */
9
13
  currentCount: number;
14
+ /**
15
+ * How many items there are in total. The button does not disable or hide
16
+ * itself when `currentCount` reaches this; the caller does.
17
+ */
10
18
  maxCount: number;
11
19
  };
12
20
  /**