@mindlogic-ai/logician-ui 5.0.0-alpha.1 → 5.0.0-alpha.11

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 (433) hide show
  1. package/dist/components/Avatar/Avatar.d.ts +68 -11
  2. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  3. package/dist/components/Avatar/Avatar.js +38 -5
  4. package/dist/components/Avatar/Avatar.js.map +1 -1
  5. package/dist/components/Avatar/Avatar.mjs +37 -5
  6. package/dist/components/Avatar/Avatar.mjs.map +1 -1
  7. package/dist/components/Avatar/index.d.ts +2 -2
  8. package/dist/components/Avatar/index.d.ts.map +1 -1
  9. package/dist/components/Badge/Badge.d.ts.map +1 -1
  10. package/dist/components/Badge/Badge.js +5 -3
  11. package/dist/components/Badge/Badge.js.map +1 -1
  12. package/dist/components/Badge/Badge.mjs +5 -3
  13. package/dist/components/Badge/Badge.mjs.map +1 -1
  14. package/dist/components/Badge/Badge.types.d.ts +7 -5
  15. package/dist/components/Badge/Badge.types.d.ts.map +1 -1
  16. package/dist/components/Banner/Banner.types.d.ts +24 -1
  17. package/dist/components/Banner/Banner.types.d.ts.map +1 -1
  18. package/dist/components/BottomSheet/BottomSheet.styles.d.ts +2 -2
  19. package/dist/components/Button/Button.d.ts.map +1 -1
  20. package/dist/components/Button/Button.js +10 -2
  21. package/dist/components/Button/Button.js.map +1 -1
  22. package/dist/components/Button/Button.mjs +10 -2
  23. package/dist/components/Button/Button.mjs.map +1 -1
  24. package/dist/components/Card/Card.types.d.ts +12 -0
  25. package/dist/components/Card/Card.types.d.ts.map +1 -1
  26. package/dist/components/ColorMode/ColorModeToggle.d.ts +7 -2
  27. package/dist/components/ColorMode/ColorModeToggle.d.ts.map +1 -1
  28. package/dist/components/ColorMode/ColorModeToggle.js +8 -3
  29. package/dist/components/ColorMode/ColorModeToggle.js.map +1 -1
  30. package/dist/components/ColorMode/ColorModeToggle.mjs +8 -3
  31. package/dist/components/ColorMode/ColorModeToggle.mjs.map +1 -1
  32. package/dist/components/Confetti/Confetti.types.d.ts +5 -1
  33. package/dist/components/Confetti/Confetti.types.d.ts.map +1 -1
  34. package/dist/components/Confetti/confettiColors.d.ts +5 -5
  35. package/dist/components/Confetti/confettiColors.js +5 -5
  36. package/dist/components/Confetti/confettiColors.mjs +5 -5
  37. package/dist/components/ErrorFallback/ErrorFallback.types.d.ts +6 -0
  38. package/dist/components/ErrorFallback/ErrorFallback.types.d.ts.map +1 -1
  39. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts +1 -1
  40. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -1
  41. package/dist/components/Form/FormModalFooter/FormModalFooter.js +2 -2
  42. package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -1
  43. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +2 -2
  44. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -1
  45. package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts +11 -1
  46. package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map +1 -1
  47. package/dist/components/Form/FormSection/CollapsibleFormSection.js +1 -0
  48. package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -1
  49. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +1 -0
  50. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -1
  51. package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
  52. package/dist/components/LineGraph/LineGraph.js +4 -5
  53. package/dist/components/LineGraph/LineGraph.js.map +1 -1
  54. package/dist/components/LineGraph/LineGraph.mjs +5 -6
  55. package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
  56. package/dist/components/LineGraph/LineGraph.types.d.ts +12 -2
  57. package/dist/components/LineGraph/LineGraph.types.d.ts.map +1 -1
  58. package/dist/components/LineGraph/seriesColors.d.ts +12 -6
  59. package/dist/components/LineGraph/seriesColors.d.ts.map +1 -1
  60. package/dist/components/LineGraph/seriesColors.js +8 -7
  61. package/dist/components/LineGraph/seriesColors.js.map +1 -1
  62. package/dist/components/LineGraph/seriesColors.mjs +8 -7
  63. package/dist/components/LineGraph/seriesColors.mjs.map +1 -1
  64. package/dist/components/Masonry/Masonry.types.d.ts +8 -3
  65. package/dist/components/Masonry/Masonry.types.d.ts.map +1 -1
  66. package/dist/components/Menu/MenuItem.types.d.ts +8 -0
  67. package/dist/components/Menu/MenuItem.types.d.ts.map +1 -1
  68. package/dist/components/Modal/ModalCloseButton.d.ts +1 -1
  69. package/dist/components/Modal/ModalCloseButton.js +1 -1
  70. package/dist/components/Modal/ModalCloseButton.mjs +1 -1
  71. package/dist/components/Pagination/Pagination.d.ts +11 -10
  72. package/dist/components/Pagination/Pagination.d.ts.map +1 -1
  73. package/dist/components/Pagination/Pagination.js +11 -10
  74. package/dist/components/Pagination/Pagination.js.map +1 -1
  75. package/dist/components/Pagination/Pagination.mjs +11 -10
  76. package/dist/components/Pagination/Pagination.mjs.map +1 -1
  77. package/dist/components/ProgressBar/ProgressBar.types.d.ts +9 -0
  78. package/dist/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
  79. package/dist/components/RadialProgress/RadialProgress.types.d.ts +21 -1
  80. package/dist/components/RadialProgress/RadialProgress.types.d.ts.map +1 -1
  81. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +8 -0
  82. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
  83. package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  84. package/dist/components/SegmentedControl/SegmentedControl.js +6 -7
  85. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  86. package/dist/components/SegmentedControl/SegmentedControl.mjs +6 -7
  87. package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  88. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts +2 -0
  89. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts.map +1 -1
  90. package/dist/components/Select/Select.d.ts +5 -1
  91. package/dist/components/Select/Select.d.ts.map +1 -1
  92. package/dist/components/Select/Select.js +2 -2
  93. package/dist/components/Select/Select.js.map +1 -1
  94. package/dist/components/Select/Select.mjs +3 -3
  95. package/dist/components/Select/Select.mjs.map +1 -1
  96. package/dist/components/Select/Select.styles.d.ts +38 -0
  97. package/dist/components/Select/Select.styles.d.ts.map +1 -1
  98. package/dist/components/Select/Select.styles.js +40 -0
  99. package/dist/components/Select/Select.styles.js.map +1 -1
  100. package/dist/components/Select/Select.styles.mjs +40 -2
  101. package/dist/components/Select/Select.styles.mjs.map +1 -1
  102. package/dist/components/Select/Select.types.d.ts +10 -0
  103. package/dist/components/Select/Select.types.d.ts.map +1 -1
  104. package/dist/components/Select/SelectField.d.ts +1 -1
  105. package/dist/components/Select/SelectField.d.ts.map +1 -1
  106. package/dist/components/Select/SelectField.js +3 -2
  107. package/dist/components/Select/SelectField.js.map +1 -1
  108. package/dist/components/Select/SelectField.mjs +3 -2
  109. package/dist/components/Select/SelectField.mjs.map +1 -1
  110. package/dist/components/Select/index.d.ts +1 -0
  111. package/dist/components/Select/index.d.ts.map +1 -1
  112. package/dist/components/Toast/Toast.styles.d.ts +6 -2
  113. package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
  114. package/dist/components/Toast/Toast.styles.js +18 -10
  115. package/dist/components/Toast/Toast.styles.js.map +1 -1
  116. package/dist/components/Toast/Toast.styles.mjs +18 -10
  117. package/dist/components/Toast/Toast.styles.mjs.map +1 -1
  118. package/dist/components/Typography/Caption.d.ts.map +1 -1
  119. package/dist/components/Typography/Caption.js +1 -1
  120. package/dist/components/Typography/Caption.js.map +1 -1
  121. package/dist/components/Typography/Caption.mjs +1 -1
  122. package/dist/components/Typography/Caption.mjs.map +1 -1
  123. package/dist/components/Typography/H1.d.ts.map +1 -1
  124. package/dist/components/Typography/H1.js +1 -1
  125. package/dist/components/Typography/H1.js.map +1 -1
  126. package/dist/components/Typography/H1.mjs +1 -1
  127. package/dist/components/Typography/H1.mjs.map +1 -1
  128. package/dist/components/Typography/H2.d.ts.map +1 -1
  129. package/dist/components/Typography/H2.js +1 -1
  130. package/dist/components/Typography/H2.js.map +1 -1
  131. package/dist/components/Typography/H2.mjs +1 -1
  132. package/dist/components/Typography/H2.mjs.map +1 -1
  133. package/dist/components/Typography/H3.d.ts.map +1 -1
  134. package/dist/components/Typography/H3.js +1 -1
  135. package/dist/components/Typography/H3.js.map +1 -1
  136. package/dist/components/Typography/H3.mjs +1 -1
  137. package/dist/components/Typography/H3.mjs.map +1 -1
  138. package/dist/components/Typography/H4.d.ts.map +1 -1
  139. package/dist/components/Typography/H4.js +1 -1
  140. package/dist/components/Typography/H4.js.map +1 -1
  141. package/dist/components/Typography/H4.mjs +1 -1
  142. package/dist/components/Typography/H4.mjs.map +1 -1
  143. package/dist/components/Typography/H5.d.ts.map +1 -1
  144. package/dist/components/Typography/H5.js +1 -1
  145. package/dist/components/Typography/H5.js.map +1 -1
  146. package/dist/components/Typography/H5.mjs +1 -1
  147. package/dist/components/Typography/H5.mjs.map +1 -1
  148. package/dist/components/Typography/Link.d.ts.map +1 -1
  149. package/dist/components/Typography/Link.js +1 -1
  150. package/dist/components/Typography/Link.js.map +1 -1
  151. package/dist/components/Typography/Link.mjs +1 -1
  152. package/dist/components/Typography/Link.mjs.map +1 -1
  153. package/dist/components/Typography/Overline.d.ts.map +1 -1
  154. package/dist/components/Typography/Overline.js +1 -1
  155. package/dist/components/Typography/Overline.js.map +1 -1
  156. package/dist/components/Typography/Overline.mjs +1 -1
  157. package/dist/components/Typography/Overline.mjs.map +1 -1
  158. package/dist/components/Typography/Subtext.d.ts.map +1 -1
  159. package/dist/components/Typography/Subtext.js +1 -1
  160. package/dist/components/Typography/Subtext.js.map +1 -1
  161. package/dist/components/Typography/Subtext.mjs +1 -1
  162. package/dist/components/Typography/Subtext.mjs.map +1 -1
  163. package/dist/components/Typography/Subtitle.d.ts.map +1 -1
  164. package/dist/components/Typography/Subtitle.js +1 -1
  165. package/dist/components/Typography/Subtitle.js.map +1 -1
  166. package/dist/components/Typography/Subtitle.mjs +1 -1
  167. package/dist/components/Typography/Subtitle.mjs.map +1 -1
  168. package/dist/components/Typography/Text.d.ts.map +1 -1
  169. package/dist/components/Typography/Text.js +1 -1
  170. package/dist/components/Typography/Text.js.map +1 -1
  171. package/dist/components/Typography/Text.mjs +1 -1
  172. package/dist/components/Typography/Text.mjs.map +1 -1
  173. package/dist/hooks/useLanguage.d.ts +5 -0
  174. package/dist/hooks/useLanguage.d.ts.map +1 -1
  175. package/dist/hooks/useLanguage.js +7 -3
  176. package/dist/hooks/useLanguage.js.map +1 -1
  177. package/dist/hooks/useLanguage.mjs +7 -4
  178. package/dist/hooks/useLanguage.mjs.map +1 -1
  179. package/dist/hooks/useTranslate.d.ts.map +1 -1
  180. package/dist/hooks/useTranslate.js +8 -5
  181. package/dist/hooks/useTranslate.js.map +1 -1
  182. package/dist/hooks/useTranslate.mjs +8 -5
  183. package/dist/hooks/useTranslate.mjs.map +1 -1
  184. package/dist/index.js +1 -0
  185. package/dist/index.js.map +1 -1
  186. package/dist/index.mjs +1 -1
  187. package/dist/theme/colors.d.ts +2 -2
  188. package/dist/theme/colors.d.ts.map +1 -1
  189. package/dist/theme/colors.js +37 -2
  190. package/dist/theme/colors.js.map +1 -1
  191. package/dist/theme/colors.mjs +38 -3
  192. package/dist/theme/colors.mjs.map +1 -1
  193. package/dist/theme/global.d.ts.map +1 -1
  194. package/dist/theme/global.js +18 -0
  195. package/dist/theme/global.js.map +1 -1
  196. package/dist/theme/global.mjs +18 -0
  197. package/dist/theme/global.mjs.map +1 -1
  198. package/dist/theme/index.d.ts.map +1 -1
  199. package/dist/theme/index.js +2 -0
  200. package/dist/theme/index.js.map +1 -1
  201. package/dist/theme/index.mjs +2 -0
  202. package/dist/theme/index.mjs.map +1 -1
  203. package/dist/theme/palette.generated.d.ts +106 -0
  204. package/dist/theme/palette.generated.d.ts.map +1 -1
  205. package/dist/theme/palette.generated.js +107 -0
  206. package/dist/theme/palette.generated.js.map +1 -1
  207. package/dist/theme/palette.generated.mjs +107 -1
  208. package/dist/theme/palette.generated.mjs.map +1 -1
  209. package/dist/theme/paletteSwatches.d.ts +20 -0
  210. package/dist/theme/paletteSwatches.d.ts.map +1 -1
  211. package/dist/theme/recipes/avatar.d.ts +30 -0
  212. package/dist/theme/recipes/avatar.d.ts.map +1 -0
  213. package/dist/theme/recipes/avatar.js +96 -0
  214. package/dist/theme/recipes/avatar.js.map +1 -0
  215. package/dist/theme/recipes/avatar.mjs +94 -0
  216. package/dist/theme/recipes/avatar.mjs.map +1 -0
  217. package/dist/translations/Defaults.translations.json.js +9 -0
  218. package/dist/translations/Defaults.translations.json.js.map +1 -1
  219. package/dist/translations/Defaults.translations.json.mjs +9 -1
  220. package/dist/translations/Defaults.translations.json.mjs.map +1 -1
  221. package/dist/utils/disabledControl.d.ts +8 -1
  222. package/dist/utils/disabledControl.d.ts.map +1 -1
  223. package/dist/utils/disabledControl.js +8 -1
  224. package/dist/utils/disabledControl.js.map +1 -1
  225. package/dist/utils/disabledControl.mjs +8 -1
  226. package/dist/utils/disabledControl.mjs.map +1 -1
  227. package/package.json +1 -1
  228. package/src/components/Accordion/Accordion.stories.tsx +85 -0
  229. package/src/components/Accordion/Accordion.usage.mdx +200 -0
  230. package/src/components/Appear/Appear.usage.mdx +107 -0
  231. package/src/components/Avatar/Avatar.recipe.test.tsx +171 -0
  232. package/src/components/Avatar/Avatar.stories.tsx +199 -24
  233. package/src/components/Avatar/Avatar.tsx +112 -21
  234. package/src/components/Avatar/Avatar.usage.mdx +185 -0
  235. package/src/components/Avatar/index.tsx +8 -1
  236. package/src/components/Badge/Badge.stories.tsx +193 -3
  237. package/src/components/Badge/Badge.tsx +5 -3
  238. package/src/components/Badge/Badge.types.ts +7 -5
  239. package/src/components/Badge/Badge.usage.mdx +265 -0
  240. package/src/components/Banner/Banner.stories.tsx +152 -2
  241. package/src/components/Banner/Banner.types.ts +30 -1
  242. package/src/components/Banner/Banner.usage.mdx +233 -0
  243. package/src/components/BottomSheet/BottomSheet.stories.tsx +168 -1
  244. package/src/components/BottomSheet/BottomSheet.test.tsx +2 -1
  245. package/src/components/BottomSheet/BottomSheet.usage.mdx +216 -0
  246. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +59 -0
  247. package/src/components/Breadcrumb/Breadcrumb.usage.mdx +181 -0
  248. package/src/components/Button/Button.stories.tsx +267 -3
  249. package/src/components/Button/Button.tsx +15 -2
  250. package/src/components/Button/Button.usage.mdx +344 -0
  251. package/src/components/Button/Button.variants.test.tsx +13 -1
  252. package/src/components/Card/Card.stories.tsx +106 -0
  253. package/src/components/Card/Card.types.ts +12 -0
  254. package/src/components/Card/Card.usage.mdx +216 -0
  255. package/src/components/Checkbox/Checkbox.stories.tsx +140 -13
  256. package/src/components/Checkbox/Checkbox.usage.mdx +214 -0
  257. package/src/components/Chip/Chip.usage.mdx +78 -0
  258. package/src/components/Code/Code.stories.tsx +60 -0
  259. package/src/components/Code/Code.usage.mdx +187 -0
  260. package/src/components/CodeTabs/CodeTabs.stories.tsx +53 -0
  261. package/src/components/CodeTabs/CodeTabs.usage.mdx +176 -0
  262. package/src/components/Collapsible/Collapsible.stories.tsx +58 -0
  263. package/src/components/Collapsible/Collapsible.usage.mdx +173 -0
  264. package/src/components/ColorMode/ColorMode.stories.tsx +50 -0
  265. package/src/components/ColorMode/ColorMode.usage.mdx +135 -0
  266. package/src/components/ColorMode/ColorModeToggle.tsx +10 -3
  267. package/src/components/Confetti/Confetti.types.ts +5 -1
  268. package/src/components/Confetti/Confetti.usage.mdx +111 -0
  269. package/src/components/Confetti/confettiColors.ts +5 -5
  270. package/src/components/Container/Container.stories.tsx +32 -0
  271. package/src/components/Container/Container.usage.mdx +130 -0
  272. package/src/components/CopyableCode/CopyableCode.stories.tsx +62 -0
  273. package/src/components/CopyableCode/CopyableCode.usage.mdx +168 -0
  274. package/src/components/CountBadge/CountBadge.stories.tsx +69 -0
  275. package/src/components/CountBadge/CountBadge.usage.mdx +215 -0
  276. package/src/components/CountUp/CountUp.usage.mdx +107 -0
  277. package/src/components/DatePicker/DatePicker.usage.mdx +177 -0
  278. package/src/components/DatePicker/RangeDatePicker.stories.tsx +87 -3
  279. package/src/components/ErrorFallback/ErrorFallback.types.ts +6 -0
  280. package/src/components/ErrorFallback/ErrorFallback.usage.mdx +127 -0
  281. package/src/components/ExpandableText/ExpandableText.stories.tsx +55 -0
  282. package/src/components/ExpandableText/ExpandableText.usage.mdx +176 -0
  283. package/src/components/FileInput/FileInput.stories.tsx +38 -1
  284. package/src/components/FileInput/FileInput.usage.mdx +178 -0
  285. package/src/components/FileItem/FileItem.stories.tsx +71 -0
  286. package/src/components/FileItem/FileItem.usage.mdx +180 -0
  287. package/src/components/FileList/FileList.stories.tsx +25 -0
  288. package/src/components/FileList/FileList.usage.mdx +165 -0
  289. package/src/components/FlyTo/FlyTo.usage.mdx +99 -0
  290. package/src/components/Form/Form.stories.tsx +149 -0
  291. package/src/components/Form/Form.usage.mdx +203 -0
  292. package/src/components/Form/FormModalFooter/FormModalFooter.stories.tsx +1 -1
  293. package/src/components/Form/FormModalFooter/FormModalFooter.test.tsx +19 -1
  294. package/src/components/Form/FormModalFooter/FormModalFooter.tsx +2 -0
  295. package/src/components/Form/FormModalFooter/FormModalFooter.types.ts +11 -1
  296. package/src/components/FormControl/FormControl.stories.tsx +35 -0
  297. package/src/components/FormControl/FormControl.usage.mdx +128 -0
  298. package/src/components/FormIntegration/FormIntegration.usage.mdx +158 -0
  299. package/src/components/FormLabel/FormLabel.stories.tsx +71 -0
  300. package/src/components/FormLabel/FormLabel.usage.mdx +125 -0
  301. package/src/components/Icon/Icon.stories.tsx +61 -1
  302. package/src/components/Icon/Icon.usage.mdx +158 -0
  303. package/src/components/IconButton/IconButton.stories.tsx +213 -5
  304. package/src/components/IconButton/IconButton.usage.mdx +275 -0
  305. package/src/components/InfoSprinkle/InfoSprinkle.stories.tsx +77 -1
  306. package/src/components/InfoSprinkle/InfoSprinkle.usage.mdx +189 -0
  307. package/src/components/InlineCode/InlineCode.stories.tsx +75 -0
  308. package/src/components/InlineCode/InlineCode.usage.mdx +142 -0
  309. package/src/components/Input/Input.stories.tsx +180 -0
  310. package/src/components/Input/Input.usage.mdx +278 -0
  311. package/src/components/LineGraph/LineGraph.stories.tsx +112 -0
  312. package/src/components/LineGraph/LineGraph.tsx +4 -5
  313. package/src/components/LineGraph/LineGraph.types.ts +12 -2
  314. package/src/components/LineGraph/LineGraph.usage.mdx +186 -0
  315. package/src/components/LineGraph/seriesColors.test.ts +11 -10
  316. package/src/components/LineGraph/seriesColors.ts +18 -14
  317. package/src/components/Loaders/Loaders.stories.tsx +93 -0
  318. package/src/components/Loaders/Loaders.usage.mdx +180 -0
  319. package/src/components/LogicianProvider/LogicianProvider.usage.mdx +98 -0
  320. package/src/components/Markdown/Markdown.stories.tsx +53 -0
  321. package/src/components/Markdown/Markdown.usage.mdx +182 -0
  322. package/src/components/Masonry/Masonry.stories.tsx +63 -1
  323. package/src/components/Masonry/Masonry.types.ts +8 -3
  324. package/src/components/Masonry/Masonry.usage.mdx +142 -0
  325. package/src/components/MaxLengthIndicator/MaxLengthIndicator.stories.tsx +57 -0
  326. package/src/components/MaxLengthIndicator/MaxLengthIndicator.usage.mdx +125 -0
  327. package/src/components/Menu/Menu.stories.tsx +146 -2
  328. package/src/components/Menu/Menu.usage.mdx +230 -0
  329. package/src/components/Menu/MenuItem.types.ts +8 -0
  330. package/src/components/Modal/Modal.stories.tsx +177 -1
  331. package/src/components/Modal/Modal.usage.mdx +262 -0
  332. package/src/components/Modal/ModalCloseButton.tsx +1 -1
  333. package/src/components/MonthPicker/MonthPicker.stories.tsx +30 -0
  334. package/src/components/MonthPicker/MonthPicker.usage.mdx +191 -0
  335. package/src/components/Pagination/Pagination.stories.tsx +90 -1
  336. package/src/components/Pagination/Pagination.tsx +11 -10
  337. package/src/components/Pagination/Pagination.usage.mdx +186 -0
  338. package/src/components/PasswordInput/PasswordInput.stories.tsx +51 -0
  339. package/src/components/PasswordInput/PasswordInput.usage.mdx +193 -0
  340. package/src/components/PinInput/PinInput.stories.tsx +91 -0
  341. package/src/components/PinInput/PinInput.usage.mdx +194 -0
  342. package/src/components/Popover/Popover.stories.tsx +104 -1
  343. package/src/components/Popover/Popover.usage.mdx +197 -0
  344. package/src/components/ProgressBar/ProgressBar.stories.tsx +92 -1
  345. package/src/components/ProgressBar/ProgressBar.types.ts +9 -0
  346. package/src/components/ProgressBar/ProgressBar.usage.mdx +210 -0
  347. package/src/components/Pulse/Pulse.usage.mdx +102 -0
  348. package/src/components/RadialProgress/RadialProgress.stories.tsx +74 -1
  349. package/src/components/RadialProgress/RadialProgress.types.ts +21 -1
  350. package/src/components/RadialProgress/RadialProgress.usage.mdx +153 -0
  351. package/src/components/Radio/Radio.stories.tsx +119 -0
  352. package/src/components/Radio/Radio.usage.mdx +187 -0
  353. package/src/components/Reveal/Reveal.usage.mdx +105 -0
  354. package/src/components/ScaledContext/ScaledContext.usage.mdx +111 -0
  355. package/src/components/SeeMoreButton/SeeMoreButton.stories.tsx +146 -2
  356. package/src/components/SeeMoreButton/SeeMoreButton.types.ts +8 -0
  357. package/src/components/SeeMoreButton/SeeMoreButton.usage.mdx +213 -0
  358. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +69 -0
  359. package/src/components/SegmentedControl/SegmentedControl.tsx +6 -7
  360. package/src/components/SegmentedControl/SegmentedControl.usage.mdx +209 -0
  361. package/src/components/SegmentedProgressBar/SegmentedProgressBar.stories.tsx +54 -0
  362. package/src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts +2 -0
  363. package/src/components/SegmentedProgressBar/SegmentedProgressBar.usage.mdx +145 -0
  364. package/src/components/Select/Comparison.stories.tsx +19 -0
  365. package/src/components/Select/Select.stories.tsx +264 -1
  366. package/src/components/Select/Select.styles.ts +41 -1
  367. package/src/components/Select/Select.tsx +13 -3
  368. package/src/components/Select/Select.types.ts +11 -0
  369. package/src/components/Select/Select.usage.mdx +278 -0
  370. package/src/components/Select/SelectField.tsx +7 -3
  371. package/src/components/Select/index.ts +1 -0
  372. package/src/components/Shake/Shake.usage.mdx +107 -0
  373. package/src/components/Slider/Slider.stories.tsx +116 -0
  374. package/src/components/Slider/Slider.usage.mdx +179 -0
  375. package/src/components/Spinner/Spinner.stories.tsx +64 -0
  376. package/src/components/Spinner/Spinner.usage.mdx +136 -0
  377. package/src/components/SwapTransition/SwapTransition.usage.mdx +102 -0
  378. package/src/components/Switch/Switch.stories.tsx +131 -6
  379. package/src/components/Switch/Switch.usage.mdx +199 -0
  380. package/src/components/Table/Table.stories.tsx +159 -1
  381. package/src/components/Table/Table.usage.mdx +235 -0
  382. package/src/components/Tabs/Tabs.stories.tsx +86 -0
  383. package/src/components/Tabs/Tabs.usage.mdx +219 -0
  384. package/src/components/Tag/Tag.stories.tsx +181 -4
  385. package/src/components/Tag/Tag.usage.mdx +257 -0
  386. package/src/components/Textarea/Textarea.stories.tsx +113 -0
  387. package/src/components/Textarea/Textarea.usage.mdx +186 -0
  388. package/src/components/Toast/Toast.stories.tsx +185 -3
  389. package/src/components/Toast/Toast.styles.ts +18 -10
  390. package/src/components/Toast/Toast.usage.mdx +265 -0
  391. package/src/components/Tooltip/Tooltip.stories.tsx +86 -1
  392. package/src/components/Tooltip/Tooltip.usage.mdx +211 -0
  393. package/src/components/Tree/Tree.stories.tsx +89 -0
  394. package/src/components/Tree/Tree.usage.mdx +207 -0
  395. package/src/components/Typography/Caption.tsx +0 -1
  396. package/src/components/Typography/H1.tsx +0 -1
  397. package/src/components/Typography/H2.tsx +0 -1
  398. package/src/components/Typography/H3.tsx +0 -1
  399. package/src/components/Typography/H4.tsx +0 -1
  400. package/src/components/Typography/H5.tsx +0 -1
  401. package/src/components/Typography/Link.tsx +0 -1
  402. package/src/components/Typography/Overline.tsx +0 -1
  403. package/src/components/Typography/Subtext.tsx +0 -1
  404. package/src/components/Typography/Subtitle.tsx +0 -1
  405. package/src/components/Typography/Text.tsx +0 -1
  406. package/src/components/Typography/Typography.stories.tsx +117 -0
  407. package/src/components/Typography/Typography.usage.mdx +257 -0
  408. package/src/components/Workflow/Workflow.usage.mdx +199 -0
  409. package/src/components/noRawScales.test.ts +5 -1
  410. package/src/foundations/BrandAssets.mdx +637 -0
  411. package/src/foundations/BrandAssets.stories.tsx +680 -0
  412. package/src/foundations/BrandColour.mdx +366 -0
  413. package/src/foundations/BrandColour.stories.tsx +343 -0
  414. package/src/guidelines/ComponentPageTemplate.mdx +84 -0
  415. package/src/guidelines/FeedbackActions.mdx +162 -23
  416. package/src/guidelines/_components/Lang.tsx +175 -0
  417. package/src/guidelines/_components/TokenTable.tsx +136 -0
  418. package/src/hooks/useLanguage.ts +8 -3
  419. package/src/hooks/useTranslate.test.tsx +46 -0
  420. package/src/hooks/useTranslate.ts +7 -5
  421. package/src/theme/BazePalette.stories.tsx +111 -1
  422. package/src/theme/Palette.stories.tsx +2 -2
  423. package/src/theme/SemanticTokens.mdx +87 -2
  424. package/src/theme/claude.md +16 -7
  425. package/src/theme/colors.ts +53 -7
  426. package/src/theme/contrast.test.ts +57 -0
  427. package/src/theme/global.ts +19 -0
  428. package/src/theme/index.ts +2 -0
  429. package/src/theme/palette.generated.ts +107 -0
  430. package/src/theme/paletteSwatches.ts +35 -0
  431. package/src/theme/recipes/avatar.ts +92 -0
  432. package/src/translations/Defaults.translations.json +7 -0
  433. package/src/utils/disabledControl.ts +8 -1
@@ -1,7 +1,24 @@
1
- import { Avatar as ChakraAvatar, AvatarRootProps as ChakraAvatarRootProps } from '@chakra-ui/react';
1
+ import { type ComponentProps, type ForwardRefExoticComponent, type ReactNode, type RefAttributes } from 'react';
2
+ import { AvatarGroupProps as ChakraAvatarGroupProps, AvatarRootProps as ChakraAvatarRootProps, AvatarRootProvider as ChakraAvatarRootProvider, type ConditionalValue } from '@chakra-ui/react';
2
3
  import { SystemHue } from '@/theme/colors';
3
- export type { AvatarFallbackProps, AvatarGroupProps, AvatarIconProps, AvatarImageProps, AvatarRootProps, } from '@chakra-ui/react';
4
- export type AvatarProps = ChakraAvatarRootProps & {
4
+ export type { AvatarFallbackProps, AvatarIconProps, AvatarImageProps, } from '@chakra-ui/react';
5
+ /**
6
+ * Chakra's variants plus Logician's `logo`. Chakra types `variant` from its
7
+ * own recipe, so the theme-level `logo` variant needs widening here.
8
+ */
9
+ export type AvatarVariant = 'subtle' | 'solid' | 'outline' | 'logo';
10
+ /** `P` with `variant` widened to {@link AvatarVariant}. */
11
+ type WithAvatarVariant<P> = Omit<P, 'variant'> & {
12
+ /**
13
+ * `subtle` (default): the `colorPalette` fill — a person's category hue, or
14
+ * the neutral pair. `logo`: the light `bg.logo` tile for model, chatbot and
15
+ * brand marks, the same in both modes.
16
+ */
17
+ variant?: ConditionalValue<AvatarVariant>;
18
+ };
19
+ export type AvatarRootProps = WithAvatarVariant<ChakraAvatarRootProps>;
20
+ export type AvatarRootProviderProps = WithAvatarVariant<ComponentProps<typeof ChakraAvatarRootProvider>>;
21
+ export type AvatarProps = AvatarRootProps & {
5
22
  src?: string;
6
23
  name?: string;
7
24
  /**
@@ -14,6 +31,15 @@ export type AvatarProps = ChakraAvatarRootProps & {
14
31
  */
15
32
  colorHue?: SystemHue;
16
33
  };
34
+ export interface AvatarGroupProps extends Omit<WithAvatarVariant<ChakraAvatarGroupProps>, 'children'> {
35
+ children?: ReactNode;
36
+ /**
37
+ * Show at most this many avatars; the rest collapse into a trailing "+N"
38
+ * counter in the neutral pair. Omit to show all. Chakra 3 dropped 2.x's
39
+ * `max`; this restores it.
40
+ */
41
+ max?: number;
42
+ }
17
43
  /**
18
44
  * A stable hash of `name` into one of `SYSTEM_HUE_NAMES`, so a given name
19
45
  * always lands on the same hue (no lookup table, nothing to keep in sync) and
@@ -24,15 +50,32 @@ export type AvatarProps = ChakraAvatarRootProps & {
24
50
  */
25
51
  export declare function hueForName(name: string): SystemHue;
26
52
  export declare function hueForName(name: string | undefined): SystemHue | undefined;
53
+ /**
54
+ * The `colorPalette` an avatar paints with: `category.<hue>` for a person
55
+ * (`colorHue`, else {@link hueForName}), `category.neutral` with no name. The
56
+ * avatar recipe maps `colorPalette.surface` / `colorPalette.fg` onto it.
57
+ */
58
+ export declare function avatarColorPalette(name: string | undefined, colorHue?: SystemHue): `category.${SystemHue | 'neutral'}`;
27
59
  /**
28
60
  * Fallback (initials / icon) colours: the person's hue when there is one,
29
61
  * otherwise the neutral pair Badge `neutral` uses.
62
+ *
63
+ * @deprecated The avatar recipe now paints the root from `colorPalette` (see
64
+ * {@link avatarColorPalette}); `Avatar` no longer calls this. Kept for
65
+ * callers that colour a non-avatar element to match a person. Removed in 6.0.
30
66
  */
31
67
  export declare function avatarFallbackColors(name: string | undefined, colorHue?: SystemHue): {
32
68
  bg: string;
33
69
  color: string;
34
70
  };
35
- export declare const Avatar: import("react").ForwardRefExoticComponent<ChakraAvatar.RootProps & {
71
+ export declare const Avatar: ForwardRefExoticComponent<Omit<ChakraAvatarRootProps, "variant"> & {
72
+ /**
73
+ * `subtle` (default): the `colorPalette` fill — a person's category hue, or
74
+ * the neutral pair. `logo`: the light `bg.logo` tile for model, chatbot and
75
+ * brand marks, the same in both modes.
76
+ */
77
+ variant?: ConditionalValue<AvatarVariant>;
78
+ } & {
36
79
  src?: string;
37
80
  name?: string;
38
81
  /**
@@ -44,13 +87,27 @@ export declare const Avatar: import("react").ForwardRefExoticComponent<ChakraAva
44
87
  * (`bg.muted` / `secondary.fgStrong`), not a hue.
45
88
  */
46
89
  colorHue?: SystemHue;
47
- } & import("react").RefAttributes<HTMLDivElement>> & {
48
- Root: import("react").ForwardRefExoticComponent<ChakraAvatar.RootProps & import("react").RefAttributes<HTMLDivElement>>;
49
- RootProvider: import("react").ForwardRefExoticComponent<import("node_modules/@chakra-ui/react/dist/types/components/avatar/avatar").AvatarRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
50
- Fallback: import("react").ForwardRefExoticComponent<ChakraAvatar.FallbackProps & import("react").RefAttributes<HTMLDivElement>>;
51
- Image: import("react").ForwardRefExoticComponent<ChakraAvatar.ImageProps & import("react").RefAttributes<HTMLImageElement>>;
52
- Icon: import("react").ForwardRefExoticComponent<ChakraAvatar.IconProps & import("react").RefAttributes<SVGElement>>;
53
- Group: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
90
+ } & RefAttributes<HTMLDivElement>> & {
91
+ Root: ForwardRefExoticComponent<Omit<ChakraAvatarRootProps, "variant"> & {
92
+ /**
93
+ * `subtle` (default): the `colorPalette` fill — a person's category hue, or
94
+ * the neutral pair. `logo`: the light `bg.logo` tile for model, chatbot and
95
+ * brand marks, the same in both modes.
96
+ */
97
+ variant?: ConditionalValue<AvatarVariant>;
98
+ } & RefAttributes<HTMLDivElement>>;
99
+ RootProvider: ForwardRefExoticComponent<Omit<import("node_modules/@chakra-ui/react/dist/types/components/avatar/avatar").AvatarRootProviderProps & RefAttributes<HTMLDivElement>, "variant"> & {
100
+ /**
101
+ * `subtle` (default): the `colorPalette` fill — a person's category hue, or
102
+ * the neutral pair. `logo`: the light `bg.logo` tile for model, chatbot and
103
+ * brand marks, the same in both modes.
104
+ */
105
+ variant?: ConditionalValue<AvatarVariant>;
106
+ } & RefAttributes<HTMLDivElement>>;
107
+ Fallback: ForwardRefExoticComponent<import("@chakra-ui/react").AvatarFallbackProps & RefAttributes<HTMLDivElement>>;
108
+ Image: ForwardRefExoticComponent<import("@chakra-ui/react").AvatarImageProps & RefAttributes<HTMLImageElement>>;
109
+ Icon: ForwardRefExoticComponent<import("@chakra-ui/react").AvatarIconProps & RefAttributes<SVGElement>>;
110
+ Group: ForwardRefExoticComponent<AvatarGroupProps & RefAttributes<HTMLDivElement>>;
54
111
  Context: (props: import("@ark-ui/react").AvatarContextProps) => import("react").ReactNode;
55
112
  };
56
113
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,IAAI,YAAY,EAOtB,eAAe,IAAI,qBAAqB,EAEzC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAoB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;AACpD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAgB5E;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAI/B;AA4BD,eAAO,MAAM,MAAM;UA7EX,MAAM;WACL,MAAM;IACb;;;;;;;OAOG;eACQ,SAAS;;;;;;;;;CA2EpB,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,yBAAyB,EAC9B,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,gBAAgB,IAAI,sBAAsB,EAI1C,eAAe,IAAI,qBAAqB,EACxC,kBAAkB,IAAI,wBAAwB,EAC9C,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAoB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,2DAA2D;AAC3D,KAAK,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IAC/C;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AACvE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CACrD,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAChD,CAAC;AAcF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,iBAAiB,CAAC,sBAAsB,CAAC,EACzC,UAAU,CACX;IACC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;AACpD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAgB5E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB,YAAY,SAAS,GAAG,SAAS,EAAE,CAGrC;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAI/B;AAkDD,eAAO,MAAM,MAAM;IA3JjB;;;;OAIG;cACO,gBAAgB,CAAC,aAAa,CAAC;;UAqBnC,MAAM;WACL,MAAM;IACb;;;;;;;OAOG;eACQ,SAAS;;;QApCpB;;;;WAIG;kBACO,gBAAgB,CAAC,aAAa,CAAC;;;QALzC;;;;WAIG;kBACO,gBAAgB,CAAC,aAAa,CAAC;;;;;;;CA8JzC,CAAC"}
@@ -6,6 +6,10 @@ var React = require('react');
6
6
  var react = require('@chakra-ui/react');
7
7
  var colors = require('../../theme/colors.js');
8
8
 
9
+ // Chakra's parts, typed for the `logo` variant.
10
+ const AvatarRoot = react.AvatarRoot;
11
+ const AvatarRootProvider = react.AvatarRootProvider;
12
+ const ChakraAvatarGroupTyped = react.AvatarGroup;
9
13
  function hueForName(name) {
10
14
  // No name, no identity to colour: `undefined` so the caller falls back to
11
15
  // the neutral pair. `SYSTEM_HUE_NAMES[0]` is red, and a red placeholder
@@ -21,9 +25,22 @@ function hueForName(name) {
21
25
  const index = Math.abs(hash) % colors.SYSTEM_HUE_NAMES.length;
22
26
  return colors.SYSTEM_HUE_NAMES[index];
23
27
  }
28
+ /**
29
+ * The `colorPalette` an avatar paints with: `category.<hue>` for a person
30
+ * (`colorHue`, else {@link hueForName}), `category.neutral` with no name. The
31
+ * avatar recipe maps `colorPalette.surface` / `colorPalette.fg` onto it.
32
+ */
33
+ function avatarColorPalette(name, colorHue) {
34
+ const hue = colorHue ?? hueForName(name);
35
+ return hue ? `category.${hue}` : 'category.neutral';
36
+ }
24
37
  /**
25
38
  * Fallback (initials / icon) colours: the person's hue when there is one,
26
39
  * otherwise the neutral pair Badge `neutral` uses.
40
+ *
41
+ * @deprecated The avatar recipe now paints the root from `colorPalette` (see
42
+ * {@link avatarColorPalette}); `Avatar` no longer calls this. Kept for
43
+ * callers that colour a non-avatar element to match a person. Removed in 6.0.
27
44
  */
28
45
  function avatarFallbackColors(name, colorHue) {
29
46
  const hue = colorHue ?? hueForName(name);
@@ -31,23 +48,39 @@ function avatarFallbackColors(name, colorHue) {
31
48
  return { bg: 'bg.muted', color: 'secondary.fgStrong' };
32
49
  return { bg: `category.${hue}.surface`, color: `category.${hue}.fg` };
33
50
  }
51
+ /**
52
+ * Chakra's `AvatarGroup` (overlapping avatars; `size` / `variant` reach every
53
+ * child through the recipe props context) with the `max` overflow cap. The
54
+ * counter is always the neutral `subtle` pair, whatever the group's variant:
55
+ * it is a count, not a person or a logo.
56
+ */
57
+ const AvatarGroup = React.forwardRef(({ max, children, ...rest }, ref) => {
58
+ const items = React.Children.toArray(children);
59
+ const visible = typeof max === 'number' ? items.slice(0, Math.max(0, max)) : items;
60
+ const overflow = items.length - visible.length;
61
+ return (jsxRuntime.jsxs(ChakraAvatarGroupTyped, { ref: ref, ...rest, children: [visible, overflow > 0 && (jsxRuntime.jsx(AvatarRoot, { colorPalette: "category.neutral", variant: "subtle", children: jsxRuntime.jsxs(react.AvatarFallback, { children: ["+", overflow] }) }))] }));
62
+ });
63
+ AvatarGroup.displayName = 'AvatarGroup';
34
64
  const AvatarComponent = React.forwardRef((props, ref) => {
35
65
  const { src, name, colorHue, ...rest } = props;
36
- const fallback = avatarFallbackColors(name, colorHue);
37
- return (jsxRuntime.jsxs(react.Avatar.Root, { ref: ref, borderWidth: "1px", borderColor: "border.subtle", overflow: "hidden", bgColor: "transparent", ...rest, children: [jsxRuntime.jsx(react.Avatar.Fallback, { name: name, bg: fallback.bg, color: fallback.color }), jsxRuntime.jsx(react.Avatar.Image, { src: src })] }));
66
+ // Fill, text colour, border and the full-circle fallback all come from
67
+ // the avatar recipe (src/theme/recipes/avatar.ts); only the palette is
68
+ // chosen here. A caller's own `colorPalette` still wins.
69
+ return (jsxRuntime.jsxs(AvatarRoot, { ref: ref, colorPalette: avatarColorPalette(name, colorHue), ...rest, children: [jsxRuntime.jsx(react.AvatarFallback, { name: name }), jsxRuntime.jsx(react.AvatarImage, { src: src })] }));
38
70
  });
39
71
  AvatarComponent.displayName = 'Avatar';
40
72
  const Avatar = Object.assign(AvatarComponent, {
41
- Root: react.AvatarRoot,
42
- RootProvider: react.AvatarRootProvider,
73
+ Root: AvatarRoot,
74
+ RootProvider: AvatarRootProvider,
43
75
  Fallback: react.AvatarFallback,
44
76
  Image: react.AvatarImage,
45
77
  Icon: react.AvatarIcon,
46
- Group: react.AvatarGroup,
78
+ Group: AvatarGroup,
47
79
  Context: react.AvatarContext,
48
80
  });
49
81
 
50
82
  exports.Avatar = Avatar;
83
+ exports.avatarColorPalette = avatarColorPalette;
51
84
  exports.avatarFallbackColors = avatarFallbackColors;
52
85
  exports.hueForName = hueForName;
53
86
  //# sourceMappingURL=Avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["SYSTEM_HUE_NAMES","forwardRef","_jsxs","ChakraAvatar","_jsx","AvatarRoot","AvatarRootProvider","AvatarFallback","AvatarImage","AvatarIcon","AvatarGroup","AvatarContext"],"mappings":";;;;;;;;AA+CM,SAAU,UAAU,CAAC,IAAwB,EAAA;;;;AAIjD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,SAAS;IAC3B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;;;AAGvC,QAAA,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C;AACA,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAGA,uBAAgB,CAAC,MAAM;AACtD,IAAA,OAAOA,uBAAgB,CAAC,KAAK,CAAC;AAChC;AAEA;;;AAGG;AACG,SAAU,oBAAoB,CAClC,IAAwB,EACxB,QAAoB,EAAA;IAEpB,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;AACxC,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAChE,IAAA,OAAO,EAAE,EAAE,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,QAAA,CAAU,EAAE,KAAK,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,GAAA,CAAK,EAAE;AACvE;AAEA,MAAM,eAAe,GAAGC,gBAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAC9C,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,EAAE,QAAQ,CAAC;AACrD,IAAA,QACEC,eAAA,CAACC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,eAAe,EAC3B,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,YAAY,CAAC,QAAQ,EAAA,EACpB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,QAAQ,CAAC,EAAE,EACf,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAA,CACrB,EACFC,cAAA,CAACD,YAAY,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA,EAAA,CACd;AAExB,CAAC,CACF;AAED,eAAe,CAAC,WAAW,GAAG,QAAQ;MAEzB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACnD,IAAA,IAAI,EAAEE,gBAAU;AAChB,IAAA,YAAY,EAAEC,wBAAkB;AAChC,IAAA,QAAQ,EAAEC,oBAAc;AACxB,IAAA,KAAK,EAAEC,iBAAW;AAClB,IAAA,IAAI,EAAEC,gBAAU;AAChB,IAAA,KAAK,EAAEC,iBAAW;AAClB,IAAA,OAAO,EAAEC,mBAAa;AACvB,CAAA;;;;;;"}
1
+ {"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["ChakraAvatarRoot","ChakraAvatarRootProvider","ChakraAvatarGroup","SYSTEM_HUE_NAMES","forwardRef","Children","_jsxs","_jsx","AvatarFallback","AvatarImage","AvatarIcon","AvatarContext"],"mappings":"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"}
@@ -1,9 +1,13 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { forwardRef } from 'react';
4
- import { Avatar as Avatar$1, AvatarContext, AvatarGroup, AvatarIcon, AvatarImage, AvatarFallback, AvatarRootProvider, AvatarRoot } from '@chakra-ui/react';
3
+ import { forwardRef, Children } from 'react';
4
+ import { AvatarGroup as AvatarGroup$1, AvatarRoot as AvatarRoot$1, AvatarFallback, AvatarImage, AvatarContext, AvatarIcon, AvatarRootProvider as AvatarRootProvider$1 } from '@chakra-ui/react';
5
5
  import { SYSTEM_HUE_NAMES } from '../../theme/colors.mjs';
6
6
 
7
+ // Chakra's parts, typed for the `logo` variant.
8
+ const AvatarRoot = AvatarRoot$1;
9
+ const AvatarRootProvider = AvatarRootProvider$1;
10
+ const ChakraAvatarGroupTyped = AvatarGroup$1;
7
11
  function hueForName(name) {
8
12
  // No name, no identity to colour: `undefined` so the caller falls back to
9
13
  // the neutral pair. `SYSTEM_HUE_NAMES[0]` is red, and a red placeholder
@@ -19,9 +23,22 @@ function hueForName(name) {
19
23
  const index = Math.abs(hash) % SYSTEM_HUE_NAMES.length;
20
24
  return SYSTEM_HUE_NAMES[index];
21
25
  }
26
+ /**
27
+ * The `colorPalette` an avatar paints with: `category.<hue>` for a person
28
+ * (`colorHue`, else {@link hueForName}), `category.neutral` with no name. The
29
+ * avatar recipe maps `colorPalette.surface` / `colorPalette.fg` onto it.
30
+ */
31
+ function avatarColorPalette(name, colorHue) {
32
+ const hue = colorHue ?? hueForName(name);
33
+ return hue ? `category.${hue}` : 'category.neutral';
34
+ }
22
35
  /**
23
36
  * Fallback (initials / icon) colours: the person's hue when there is one,
24
37
  * otherwise the neutral pair Badge `neutral` uses.
38
+ *
39
+ * @deprecated The avatar recipe now paints the root from `colorPalette` (see
40
+ * {@link avatarColorPalette}); `Avatar` no longer calls this. Kept for
41
+ * callers that colour a non-avatar element to match a person. Removed in 6.0.
25
42
  */
26
43
  function avatarFallbackColors(name, colorHue) {
27
44
  const hue = colorHue ?? hueForName(name);
@@ -29,10 +46,25 @@ function avatarFallbackColors(name, colorHue) {
29
46
  return { bg: 'bg.muted', color: 'secondary.fgStrong' };
30
47
  return { bg: `category.${hue}.surface`, color: `category.${hue}.fg` };
31
48
  }
49
+ /**
50
+ * Chakra's `AvatarGroup` (overlapping avatars; `size` / `variant` reach every
51
+ * child through the recipe props context) with the `max` overflow cap. The
52
+ * counter is always the neutral `subtle` pair, whatever the group's variant:
53
+ * it is a count, not a person or a logo.
54
+ */
55
+ const AvatarGroup = forwardRef(({ max, children, ...rest }, ref) => {
56
+ const items = Children.toArray(children);
57
+ const visible = typeof max === 'number' ? items.slice(0, Math.max(0, max)) : items;
58
+ const overflow = items.length - visible.length;
59
+ return (jsxs(ChakraAvatarGroupTyped, { ref: ref, ...rest, children: [visible, overflow > 0 && (jsx(AvatarRoot, { colorPalette: "category.neutral", variant: "subtle", children: jsxs(AvatarFallback, { children: ["+", overflow] }) }))] }));
60
+ });
61
+ AvatarGroup.displayName = 'AvatarGroup';
32
62
  const AvatarComponent = forwardRef((props, ref) => {
33
63
  const { src, name, colorHue, ...rest } = props;
34
- const fallback = avatarFallbackColors(name, colorHue);
35
- return (jsxs(Avatar$1.Root, { ref: ref, borderWidth: "1px", borderColor: "border.subtle", overflow: "hidden", bgColor: "transparent", ...rest, children: [jsx(Avatar$1.Fallback, { name: name, bg: fallback.bg, color: fallback.color }), jsx(Avatar$1.Image, { src: src })] }));
64
+ // Fill, text colour, border and the full-circle fallback all come from
65
+ // the avatar recipe (src/theme/recipes/avatar.ts); only the palette is
66
+ // chosen here. A caller's own `colorPalette` still wins.
67
+ return (jsxs(AvatarRoot, { ref: ref, colorPalette: avatarColorPalette(name, colorHue), ...rest, children: [jsx(AvatarFallback, { name: name }), jsx(AvatarImage, { src: src })] }));
36
68
  });
37
69
  AvatarComponent.displayName = 'Avatar';
38
70
  const Avatar = Object.assign(AvatarComponent, {
@@ -45,5 +77,5 @@ const Avatar = Object.assign(AvatarComponent, {
45
77
  Context: AvatarContext,
46
78
  });
47
79
 
48
- export { Avatar, avatarFallbackColors, hueForName };
80
+ export { Avatar, avatarColorPalette, avatarFallbackColors, hueForName };
49
81
  //# sourceMappingURL=Avatar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraAvatar","_jsx"],"mappings":";;;;;;AA+CM,SAAU,UAAU,CAAC,IAAwB,EAAA;;;;AAIjD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,SAAS;IAC3B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;;;AAGvC,QAAA,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C;AACA,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,MAAM;AACtD,IAAA,OAAO,gBAAgB,CAAC,KAAK,CAAC;AAChC;AAEA;;;AAGG;AACG,SAAU,oBAAoB,CAClC,IAAwB,EACxB,QAAoB,EAAA;IAEpB,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;AACxC,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAChE,IAAA,OAAO,EAAE,EAAE,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,QAAA,CAAU,EAAE,KAAK,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,GAAA,CAAK,EAAE;AACvE;AAEA,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAC9C,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,EAAE,QAAQ,CAAC;AACrD,IAAA,QACEA,IAAA,CAACC,QAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,eAAe,EAC3B,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAACD,QAAY,CAAC,QAAQ,EAAA,EACpB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,QAAQ,CAAC,EAAE,EACf,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAA,CACrB,EACFC,GAAA,CAACD,QAAY,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA,EAAA,CACd;AAExB,CAAC,CACF;AAED,eAAe,CAAC,WAAW,GAAG,QAAQ;MAEzB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACnD,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,OAAO,EAAE,aAAa;AACvB,CAAA;;;;"}
1
+ {"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["ChakraAvatarRoot","ChakraAvatarRootProvider","ChakraAvatarGroup","_jsxs","_jsx"],"mappings":"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"}
@@ -1,3 +1,3 @@
1
- export type { AvatarFallbackProps, AvatarGroupProps, AvatarIconProps, AvatarImageProps, AvatarProps, AvatarRootProps, } from './Avatar';
2
- export { Avatar, avatarFallbackColors, hueForName } from './Avatar';
1
+ export type { AvatarFallbackProps, AvatarGroupProps, AvatarIconProps, AvatarImageProps, AvatarProps, AvatarRootProps, AvatarRootProviderProps, AvatarVariant, } from './Avatar';
2
+ export { Avatar, avatarColorPalette, avatarFallbackColors, hueForName, } from './Avatar';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,eAAe,GAChB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACX,MAAM,UAAU,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAwC9C,eAAO,MAAM,KAAK,6DAAgD,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AA0C9C,eAAO,MAAM,KAAK,6DAAgD,CAAC"}
@@ -10,9 +10,11 @@ var Badge_styles = require('./Badge.styles.js');
10
10
  /**
11
11
  * Badge — a small, non-interactive label.
12
12
  *
13
- * `neutral` (default) is the grey-wash everyday badge; `success` / `warning` /
14
- * `danger` / `info` report a status. For an unread/notification number use
15
- * `CountBadge`; for a removable or selectable label use `Tag`.
13
+ * `neutral` (default) is the everyday badge; `success` / `warning` /
14
+ * `danger` / `info` carry a well-defined meaning (a status, or for `info` a
15
+ * system fact such as scope or permission). For an unread/notification number
16
+ * use `CountBadge`; for a removable, selectable or category-only label use
17
+ * `Tag`.
16
18
  *
17
19
  * @example
18
20
  * ```tsx
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["forwardRef","resolveBadgeVariant","_jsx","ChakraBadge","baseStyles","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA;;;;;;;;;;;;;;;AAeG;AACH,MAAM,SAAS,GAAGA,gBAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB,EAC3D,GAAqC,KACnC;AACF,IAAA,MAAM,QAAQ,GAAGC,gCAAmB,CAAC,OAAO,CAAC;IAC7C,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,uBAAU,EAAA,GACVC,0BAAa,CAAC,QAAQ,CAAC,EAC3B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAGC,uBAAW,CAAwB,SAAS;;;;"}
1
+ {"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["forwardRef","resolveBadgeVariant","_jsx","ChakraBadge","baseStyles","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,SAAS,GAAGA,gBAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB,EAC3D,GAAqC,KACnC;AACF,IAAA,MAAM,QAAQ,GAAGC,gCAAmB,CAAC,OAAO,CAAC;IAC7C,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,uBAAU,EAAA,GACVC,0BAAa,CAAC,QAAQ,CAAC,EAC3B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAGC,uBAAW,CAAwB,SAAS;;;;"}
@@ -8,9 +8,11 @@ import { resolveBadgeVariant, variantStyles, baseStyles } from './Badge.styles.m
8
8
  /**
9
9
  * Badge — a small, non-interactive label.
10
10
  *
11
- * `neutral` (default) is the grey-wash everyday badge; `success` / `warning` /
12
- * `danger` / `info` report a status. For an unread/notification number use
13
- * `CountBadge`; for a removable or selectable label use `Tag`.
11
+ * `neutral` (default) is the everyday badge; `success` / `warning` /
12
+ * `danger` / `info` carry a well-defined meaning (a status, or for `info` a
13
+ * system fact such as scope or permission). For an unread/notification number
14
+ * use `CountBadge`; for a removable, selectable or category-only label use
15
+ * `Tag`.
14
16
  *
15
17
  * @example
16
18
  * ```tsx
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.mjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;AAOA;;;;;;;;;;;;;;;AAeG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB,EAC3D,GAAqC,KACnC;AACF,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC7C,QACEA,GAAA,CAACC,OAAW,EAAA,EAAA,GACN,UAAU,EAAA,GACV,aAAa,CAAC,QAAQ,CAAC,EAC3B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAG,WAAW,CAAwB,SAAS;;;;"}
1
+ {"version":3,"file":"Badge.mjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB,EAC3D,GAAqC,KACnC;AACF,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC7C,QACEA,GAAA,CAACC,OAAW,EAAA,EAAA,GACN,UAAU,EAAA,GACV,aAAa,CAAC,QAAQ,CAAC,EAC3B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAG,WAAW,CAAwB,SAAS;;;;"}
@@ -4,11 +4,13 @@ import type { PolymorphicProps } from '../../types/polymorphic';
4
4
  /**
5
5
  * Badge variants (5.0).
6
6
  *
7
- * - `neutral` (default): neutral `bg.muted` with `secondary.fgStrong`
8
- * text — the everyday label ("Pro", "Beta", "Draft").
9
- * - `success` / `warning` / `danger` / `info`: the status family's soft
10
- * `{status}.bg` surface with `{status}.fg` text. Use these ONLY when the
11
- * badge reports a status — never as decoration.
7
+ * - `neutral` (default): `bg.muted` + `secondary.fgStrong` — an attribute
8
+ * with no state ("Pro", "Beta", "Draft").
9
+ * - `success` / `warning` / `danger` / `info`: `{status}.bg` + `{status}.fg`,
10
+ * for a meaning every user shares and that is well defined. `info` is a
11
+ * non-error system fact: scope ("이 그룹만"), permission, read-only, "New".
12
+ * A label that only classifies or groups is a `Tag` with `category`, never
13
+ * a status colour. The same label gets the same variant on every screen.
12
14
  *
13
15
  * **Breaking in 5.0:** `primary` and `secondary` were removed. At runtime they
14
16
  * still render (as `neutral`) and warn once in development.
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAC1D,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC"}
1
+ {"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAC1D,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC"}
@@ -1,8 +1,31 @@
1
1
  import { BoxProps } from '@chakra-ui/react';
2
2
  export type BannerSize = 'sm' | 'md' | 'lg';
3
+ /**
4
+ * Banner variants (5.0).
5
+ *
6
+ * - `info` (default): a system fact the reader should know before acting
7
+ * (a setting that is locked, where a value comes from). Nothing is wrong.
8
+ * - `success`: something finished and the result stays relevant on this
9
+ * screen.
10
+ * - `warning`: it still works, but read this first (irreversible step,
11
+ * something expiring).
12
+ * - `danger`: it failed or is blocked, and the reader has to do something.
13
+ * - `neutral`: a brand notice with no status (`primary.main` accent bar).
14
+ */
15
+ export type BannerVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
3
16
  export interface BannerProps extends BoxProps {
4
- variant?: 'info' | 'success' | 'warning' | 'danger' | 'neutral';
17
+ /**
18
+ * Meaning of the message. Status variants only for a status every reader
19
+ * shares; `neutral` for a notice with none.
20
+ * @default 'info'
21
+ */
22
+ variant?: BannerVariant;
23
+ /** Hide the leading status icon. The text must still say the status. */
5
24
  hideIcon?: boolean;
25
+ /**
26
+ * `sm` = subtext, `md` = body text, `lg` = h5 text style.
27
+ * @default 'md'
28
+ */
6
29
  size?: BannerSize;
7
30
  }
8
31
  //# sourceMappingURL=Banner.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}
1
+ {"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}
@@ -3,7 +3,7 @@
3
3
  * (`header` / `body` / `footer`) that have no machine behaviour of their own —
4
4
  * the same extension Chakra makes for its dialog-backed `Drawer`.
5
5
  */
6
- export declare const bottomSheetAnatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">;
6
+ export declare const bottomSheetAnatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "body" | "footer" | "header" | "title" | "description" | "positioner" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">;
7
7
  /**
8
8
  * The BottomSheet's slot recipe.
9
9
  *
@@ -28,5 +28,5 @@ export declare const bottomSheetAnatomy: import("@zag-js/anatomy").AnatomyInstan
28
28
  * drops to `motion.instant` so the sheet lands on its snap point without
29
29
  * travelling there.
30
30
  */
31
- export declare const bottomSheetSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">>;
31
+ export declare const bottomSheetSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "description" | "positioner" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "body" | "footer" | "header" | "title" | "description" | "positioner" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">>;
32
32
  //# sourceMappingURL=BottomSheet.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAA8B,MAAM,gBAAgB,CAAC;AA8J5E,eAAO,MAAM,MAAM,gEAA0C,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAA8B,MAAM,gBAAgB,CAAC;AA0K5E,eAAO,MAAM,MAAM,gEAA0C,CAAC"}
@@ -4,6 +4,7 @@
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var react = require('@chakra-ui/react');
7
+ var useTranslate = require('../../hooks/useTranslate.js');
7
8
  var focusRing = require('../../utils/focusRing.js');
8
9
  var mergeCss = require('../../utils/mergeCss.js');
9
10
  var polymorphic = require('../../types/polymorphic.js');
@@ -31,7 +32,14 @@ const ButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDe
31
32
  // 4.x callers (untyped JS, `as any`) can still hand us `colorPalette` and
32
33
  // an old variant name. Strip it so it never reaches Chakra's own recipe,
33
34
  // and map the pair onto a 5.0 role — see `Button.legacy.ts`.
34
- const { colorPalette: legacyPalette, ...rest } = restWithLegacy;
35
+ const { colorPalette: legacyPalette, loadingText: loadingTextProp, ...rest } = restWithLegacy;
36
+ // A busy button says what it is doing: 처리 중 unless the call site names
37
+ // the verb (저장 중). `loadingText={null}` opts out — spinner only, and the
38
+ // button keeps its width.
39
+ const translate = useTranslate.useTranslate();
40
+ const loadingText = loadingTextProp === undefined
41
+ ? translate('processing')
42
+ : (loadingTextProp ?? undefined);
35
43
  let variant = variantProp ?? 'subtle';
36
44
  let isDestructive = isDestructiveProp;
37
45
  if (Button_legacy.isLegacyButtonProps('button', legacyPalette, variantProp)) {
@@ -104,7 +112,7 @@ const ButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDe
104
112
  // Two clocks on one element — the press is faster than the colour
105
113
  // change — so the shorthand is written out and only the reduced-motion
106
114
  // guard comes from the vocabulary.
107
- transition: Button_styles.buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, ...rest,
115
+ transition: Button_styles.buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, loadingText: loadingText, ...rest,
108
116
  // The `action` icon rule lives in `css` (a nested selector cannot be a
109
117
  // style prop); merged so a call site's `css` adds to it.
110
118
  css: mergeCss.mergeCss(base.css, cssProp), children: children }));
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","isLegacyButtonProps","resolveLegacyButtonVariant","warnLegacyButtonProps","getButtonStyles","_jsx","ChakraButton","mergeCss","focusRing","buttonTransition","polymorphic"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","useTranslate","isLegacyButtonProps","resolveLegacyButtonVariant","warnLegacyButtonProps","getButtonStyles","_jsx","ChakraButton","mergeCss","focusRing","buttonTransition","polymorphic"],"mappings":"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"}
@@ -2,6 +2,7 @@
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import { Button as Button$1 } from '@chakra-ui/react';
5
+ import { useTranslate } from '../../hooks/useTranslate.mjs';
5
6
  import { focusRing } from '../../utils/focusRing.mjs';
6
7
  import { mergeCss } from '../../utils/mergeCss.mjs';
7
8
  import { polymorphic } from '../../types/polymorphic.mjs';
@@ -29,7 +30,14 @@ const ButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestruct
29
30
  // 4.x callers (untyped JS, `as any`) can still hand us `colorPalette` and
30
31
  // an old variant name. Strip it so it never reaches Chakra's own recipe,
31
32
  // and map the pair onto a 5.0 role — see `Button.legacy.ts`.
32
- const { colorPalette: legacyPalette, ...rest } = restWithLegacy;
33
+ const { colorPalette: legacyPalette, loadingText: loadingTextProp, ...rest } = restWithLegacy;
34
+ // A busy button says what it is doing: 처리 중 unless the call site names
35
+ // the verb (저장 중). `loadingText={null}` opts out — spinner only, and the
36
+ // button keeps its width.
37
+ const translate = useTranslate();
38
+ const loadingText = loadingTextProp === undefined
39
+ ? translate('processing')
40
+ : (loadingTextProp ?? undefined);
33
41
  let variant = variantProp ?? 'subtle';
34
42
  let isDestructive = isDestructiveProp;
35
43
  if (isLegacyButtonProps('button', legacyPalette, variantProp)) {
@@ -102,7 +110,7 @@ const ButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestruct
102
110
  // Two clocks on one element — the press is faster than the colour
103
111
  // change — so the shorthand is written out and only the reduced-motion
104
112
  // guard comes from the vocabulary.
105
- transition: buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, ...rest,
113
+ transition: buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, loadingText: loadingText, ...rest,
106
114
  // The `action` icon rule lives in `css` (a nested selector cannot be a
107
115
  // style prop); merged so a call site's `css` adds to it.
108
116
  css: mergeCss(base.css, cssProp), children: children }));
@@ -1 +1 @@
1
- {"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;;;;AAeA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,GAAG,KAAK,EACxC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,OAAO,EACZ,GAAG,cAAc,EAClB,EACD,GAAG,KACD;;;;IAIF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,GAC5C,cAAoE;AAEtE,IAAA,IAAI,OAAO,GAAkB,WAAW,IAAI,QAAQ;IACpD,IAAI,aAAa,GAAG,iBAAiB;IACrC,IAAI,mBAAmB,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,CAAC,EAAE;QAC7D,MAAM,QAAQ,GAAG,0BAA0B,CACzC,QAAQ,EACR,aAAa,EACb,WAAW,CACZ;QACD,qBAAqB,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,CAAC;AACrE,QAAA,OAAO,GAAG,QAAQ,CAAC,OAAO;AAC1B,QAAA,aAAa,GAAG,aAAa,IAAI,QAAQ,CAAC,aAAa;IACzD;IAEA,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC;;;IAIpD,MAAM,MAAM,GAAG;AACb,UAAE;AACE,YAAA,GAAG,IAAI;AACP,YAAA,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,SAAS,EAAE,QAAQ;;;;;;AAMnB,gBAAA,MAAM,EAAE,4CAA4C;;AAEpD,gBAAA,KAAK,EAAE,EAAE,MAAM,EAAE,4CAA4C,EAAE;AAChE,aAAA;;AAED,YAAA,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;;;;AAI9D,YAAA,SAAS,EAAE;gBACT,GAAI,IAAI,CAAC,SAAoB;AAC7B,gBAAA,SAAS,EAAE,KAAK;AAChB,gBAAA,MAAM,EAAE,MAAM;AACf,aAAA;AACF;UACD,IAAI;AAER;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM;;;;;;;;AAQV,QAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;AAM7C,QAAA,SAAS,EAAE,QAAQ,CACjB,WAAW,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS;;;QAGpD,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,aAAa,EAAE,EACrD,YAAY,CACb,KACG,SAAS,EACb,MAAM,EAAC,SAAS;;;AAGhB,QAAA,KAAK,EAAC,GAAG;;;;AAIT,QAAA,UAAU,EAAE,gBAAgB,EAC5B,cAAc,EAAC,WAAW,EAC1B,GAAG,EAAE,GAAG,kBACM,OAAO,EAAA,kBAAA,EACH,aAAa,IAAI,SAAS,KACxC,IAAI;;;AAGR,QAAA,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAoC,EAAE,OAAO,CAAC,EAAA,QAAA,EAEhE,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,WAAW,CAAiB,UAAU;;;;"}
1
+ {"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,GAAG,KAAK,EACxC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,OAAO,EACZ,GAAG,cAAc,EAClB,EACD,GAAG,KACD;;;;AAIF,IAAA,MAAM,EACJ,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,eAAe,EAC5B,GAAG,IAAI,EACR,GAAG,cAAoE;;;;AAIxE,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,WAAW,GACf,eAAe,KAAK;AAClB,UAAE,SAAS,CAAC,YAAY;AACxB,WAAG,eAAe,IAAI,SAAS,CAAC;AAEpC,IAAA,IAAI,OAAO,GAAkB,WAAW,IAAI,QAAQ;IACpD,IAAI,aAAa,GAAG,iBAAiB;IACrC,IAAI,mBAAmB,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,CAAC,EAAE;QAC7D,MAAM,QAAQ,GAAG,0BAA0B,CACzC,QAAQ,EACR,aAAa,EACb,WAAW,CACZ;QACD,qBAAqB,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,CAAC;AACrE,QAAA,OAAO,GAAG,QAAQ,CAAC,OAAO;AAC1B,QAAA,aAAa,GAAG,aAAa,IAAI,QAAQ,CAAC,aAAa;IACzD;IAEA,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC;;;IAIpD,MAAM,MAAM,GAAG;AACb,UAAE;AACE,YAAA,GAAG,IAAI;AACP,YAAA,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,SAAS,EAAE,QAAQ;;;;;;AAMnB,gBAAA,MAAM,EAAE,4CAA4C;;AAEpD,gBAAA,KAAK,EAAE,EAAE,MAAM,EAAE,4CAA4C,EAAE;AAChE,aAAA;;AAED,YAAA,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;;;;AAI9D,YAAA,SAAS,EAAE;gBACT,GAAI,IAAI,CAAC,SAAoB;AAC7B,gBAAA,SAAS,EAAE,KAAK;AAChB,gBAAA,MAAM,EAAE,MAAM;AACf,aAAA;AACF;UACD,IAAI;AAER;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM;;;;;;;;AAQV,QAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;AAM7C,QAAA,SAAS,EAAE,QAAQ,CACjB,WAAW,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS;;;QAGpD,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,aAAa,EAAE,EACrD,YAAY,CACb,KACG,SAAS,EACb,MAAM,EAAC,SAAS;;;AAGhB,QAAA,KAAK,EAAC,GAAG;;;;QAIT,UAAU,EAAE,gBAAgB,EAC5B,cAAc,EAAC,WAAW,EAC1B,GAAG,EAAE,GAAG,kBACM,OAAO,EAAA,kBAAA,EACH,aAAa,IAAI,SAAS,EAC5C,WAAW,EAAE,WAAW,EAAA,GACpB,IAAI;;;AAGR,QAAA,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAoC,EAAE,OAAO,CAAC,EAAA,QAAA,EAEhE,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,WAAW,CAAiB,UAAU;;;;"}
@@ -3,7 +3,19 @@ import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
3
3
  import type { PolymorphicProps } from '../../types/polymorphic';
4
4
  export type CardVariant = 'default' | 'wash' | 'elevated';
5
5
  export type CardOwnProps = Omit<ChakraCardRootProps, 'as'> & {
6
+ /**
7
+ * The whole card is one target: pointer cursor, and on hover the ground
8
+ * steps to `bg.subtle` and the border to `border.strong`. Styling only —
9
+ * render it as the control with `as` (`as={NextLink}`, `as="button"`).
10
+ */
6
11
  clickable?: boolean;
12
+ /**
13
+ * `default`: `bg.surface` with a `border.subtle` hairline — most content.
14
+ * `wash`: `bg.muted`, no border — a block that summarises or concludes (an
15
+ * AI summary, a purchase total). `elevated`: a soft `sm` shadow — a
16
+ * standalone card that should read as a raised object.
17
+ * @default 'default'
18
+ */
7
19
  variant?: CardVariant;
8
20
  };
9
21
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,QAAQ,EACR,YAAY,CACb,CAAC"}
1
+ {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,QAAQ,EACR,YAAY,CACb,CAAC"}