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

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 (880) hide show
  1. package/MIGRATION-5.0.md +155 -0
  2. package/USAGE.md +1 -1
  3. package/codemods/5.0/README.md +244 -0
  4. package/codemods/5.0/__testfixtures__/badge-variants.input.tsx +20 -0
  5. package/codemods/5.0/__testfixtures__/badge-variants.output.tsx +21 -0
  6. package/codemods/5.0/__testfixtures__/button-variants.input.tsx +124 -0
  7. package/codemods/5.0/__testfixtures__/button-variants.output.tsx +116 -0
  8. package/codemods/5.0/__testfixtures__/card-gradient.input.tsx +12 -0
  9. package/codemods/5.0/__testfixtures__/card-gradient.output.tsx +16 -0
  10. package/codemods/5.0/__testfixtures__/index.input.tsx +43 -0
  11. package/codemods/5.0/__testfixtures__/index.output.tsx +53 -0
  12. package/codemods/5.0/__testfixtures__/tag-chip-conflict.input.tsx +10 -0
  13. package/codemods/5.0/__testfixtures__/tag-chip-conflict.output.tsx +12 -0
  14. package/codemods/5.0/__testfixtures__/tag-chip-merge.input.tsx +42 -0
  15. package/codemods/5.0/__testfixtures__/tag-chip-merge.output.tsx +44 -0
  16. package/codemods/5.0/__testfixtures__/tag-chip.input.tsx +67 -0
  17. package/codemods/5.0/__testfixtures__/tag-chip.output.tsx +99 -0
  18. package/codemods/5.0/__testfixtures__/token-renames.input.tsx +88 -0
  19. package/codemods/5.0/__testfixtures__/token-renames.output.tsx +88 -0
  20. package/codemods/5.0/badge-variants.js +91 -0
  21. package/codemods/5.0/button-variants.js +234 -0
  22. package/codemods/5.0/card-gradient.js +72 -0
  23. package/codemods/5.0/codemods.test.ts +441 -0
  24. package/codemods/5.0/index.js +220 -0
  25. package/codemods/5.0/lib/shared.js +273 -0
  26. package/codemods/5.0/tag-chip.js +436 -0
  27. package/codemods/5.0/token-renames.js +231 -0
  28. package/codemods/vitest.config.ts +22 -0
  29. package/dist/components/Avatar/Avatar.d.ts +37 -0
  30. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  31. package/dist/components/Avatar/Avatar.js +31 -2
  32. package/dist/components/Avatar/Avatar.js.map +1 -1
  33. package/dist/components/Avatar/Avatar.mjs +30 -3
  34. package/dist/components/Avatar/Avatar.mjs.map +1 -1
  35. package/dist/components/Avatar/index.d.ts +1 -1
  36. package/dist/components/Avatar/index.d.ts.map +1 -1
  37. package/dist/components/Badge/Badge.d.ts.map +1 -1
  38. package/dist/components/Badge/Badge.js +10 -6
  39. package/dist/components/Badge/Badge.js.map +1 -1
  40. package/dist/components/Badge/Badge.mjs +11 -7
  41. package/dist/components/Badge/Badge.mjs.map +1 -1
  42. package/dist/components/Badge/Badge.styles.d.ts +17 -3
  43. package/dist/components/Badge/Badge.styles.d.ts.map +1 -1
  44. package/dist/components/Badge/Badge.styles.js +51 -45
  45. package/dist/components/Badge/Badge.styles.js.map +1 -1
  46. package/dist/components/Badge/Badge.styles.mjs +50 -46
  47. package/dist/components/Badge/Badge.styles.mjs.map +1 -1
  48. package/dist/components/Badge/Badge.types.d.ts +16 -12
  49. package/dist/components/Badge/Badge.types.d.ts.map +1 -1
  50. package/dist/components/Badge/index.d.ts +2 -2
  51. package/dist/components/Badge/index.d.ts.map +1 -1
  52. package/dist/components/Banner/Banner.styles.d.ts +7 -3
  53. package/dist/components/Banner/Banner.styles.d.ts.map +1 -1
  54. package/dist/components/Banner/Banner.styles.js +43 -27
  55. package/dist/components/Banner/Banner.styles.js.map +1 -1
  56. package/dist/components/Banner/Banner.styles.mjs +44 -28
  57. package/dist/components/Banner/Banner.styles.mjs.map +1 -1
  58. package/dist/components/Banner/Banner.types.d.ts +1 -1
  59. package/dist/components/Banner/Banner.types.d.ts.map +1 -1
  60. package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts.map +1 -1
  61. package/dist/components/BottomSheet/BottomSheetCloseButton.js +1 -1
  62. package/dist/components/BottomSheet/BottomSheetCloseButton.js.map +1 -1
  63. package/dist/components/BottomSheet/BottomSheetCloseButton.mjs +1 -1
  64. package/dist/components/BottomSheet/BottomSheetCloseButton.mjs.map +1 -1
  65. package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.js +1 -1
  66. package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.js.map +1 -1
  67. package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.mjs +1 -1
  68. package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.mjs.map +1 -1
  69. package/dist/components/Button/Button.d.ts.map +1 -1
  70. package/dist/components/Button/Button.js +33 -14
  71. package/dist/components/Button/Button.js.map +1 -1
  72. package/dist/components/Button/Button.legacy.d.ts +53 -0
  73. package/dist/components/Button/Button.legacy.d.ts.map +1 -0
  74. package/dist/components/Button/Button.legacy.js +131 -0
  75. package/dist/components/Button/Button.legacy.js.map +1 -0
  76. package/dist/components/Button/Button.legacy.mjs +127 -0
  77. package/dist/components/Button/Button.legacy.mjs.map +1 -0
  78. package/dist/components/Button/Button.mjs +33 -14
  79. package/dist/components/Button/Button.mjs.map +1 -1
  80. package/dist/components/Button/Button.styles.d.ts +38 -26
  81. package/dist/components/Button/Button.styles.d.ts.map +1 -1
  82. package/dist/components/Button/Button.styles.js +142 -378
  83. package/dist/components/Button/Button.styles.js.map +1 -1
  84. package/dist/components/Button/Button.styles.mjs +141 -379
  85. package/dist/components/Button/Button.styles.mjs.map +1 -1
  86. package/dist/components/Button/Button.types.d.ts +45 -37
  87. package/dist/components/Button/Button.types.d.ts.map +1 -1
  88. package/dist/components/Button/index.d.ts +2 -2
  89. package/dist/components/Button/index.d.ts.map +1 -1
  90. package/dist/components/Card/Card.d.ts.map +1 -1
  91. package/dist/components/Card/Card.js +1 -7
  92. package/dist/components/Card/Card.js.map +1 -1
  93. package/dist/components/Card/Card.mjs +1 -7
  94. package/dist/components/Card/Card.mjs.map +1 -1
  95. package/dist/components/Card/Card.styles.d.ts +1 -12
  96. package/dist/components/Card/Card.styles.d.ts.map +1 -1
  97. package/dist/components/Card/Card.styles.js +6 -13
  98. package/dist/components/Card/Card.styles.js.map +1 -1
  99. package/dist/components/Card/Card.styles.mjs +6 -13
  100. package/dist/components/Card/Card.styles.mjs.map +1 -1
  101. package/dist/components/Card/Card.types.d.ts +1 -5
  102. package/dist/components/Card/Card.types.d.ts.map +1 -1
  103. package/dist/components/Checkbox/CheckboxControl.d.ts.map +1 -1
  104. package/dist/components/Checkbox/CheckboxControl.js +14 -8
  105. package/dist/components/Checkbox/CheckboxControl.js.map +1 -1
  106. package/dist/components/Checkbox/CheckboxControl.mjs +14 -8
  107. package/dist/components/Checkbox/CheckboxControl.mjs.map +1 -1
  108. package/dist/components/Chip/Chip.d.ts +5 -1
  109. package/dist/components/Chip/Chip.d.ts.map +1 -1
  110. package/dist/components/Chip/Chip.js +24 -18
  111. package/dist/components/Chip/Chip.js.map +1 -1
  112. package/dist/components/Chip/Chip.mjs +24 -18
  113. package/dist/components/Chip/Chip.mjs.map +1 -1
  114. package/dist/components/Chip/Chip.types.d.ts +38 -23
  115. package/dist/components/Chip/Chip.types.d.ts.map +1 -1
  116. package/dist/components/Chip/index.d.ts +0 -1
  117. package/dist/components/Chip/index.d.ts.map +1 -1
  118. package/dist/components/Code/Code.d.ts.map +1 -1
  119. package/dist/components/Code/Code.js +2 -2
  120. package/dist/components/Code/Code.js.map +1 -1
  121. package/dist/components/Code/Code.mjs +2 -2
  122. package/dist/components/Code/Code.mjs.map +1 -1
  123. package/dist/components/CodeTabs/CodeTabs.d.ts.map +1 -1
  124. package/dist/components/CodeTabs/CodeTabs.js +16 -2
  125. package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
  126. package/dist/components/CodeTabs/CodeTabs.mjs +16 -2
  127. package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
  128. package/dist/components/CodeTabs/CodeTabs.styles.d.ts +27 -0
  129. package/dist/components/CodeTabs/CodeTabs.styles.d.ts.map +1 -0
  130. package/dist/components/CodeTabs/CodeTabs.styles.js +32 -0
  131. package/dist/components/CodeTabs/CodeTabs.styles.js.map +1 -0
  132. package/dist/components/CodeTabs/CodeTabs.styles.mjs +30 -0
  133. package/dist/components/CodeTabs/CodeTabs.styles.mjs.map +1 -0
  134. package/dist/components/CodeTabs/CopyButton.d.ts.map +1 -1
  135. package/dist/components/CodeTabs/CopyButton.js +6 -3
  136. package/dist/components/CodeTabs/CopyButton.js.map +1 -1
  137. package/dist/components/CodeTabs/CopyButton.mjs +6 -3
  138. package/dist/components/CodeTabs/CopyButton.mjs.map +1 -1
  139. package/dist/components/Confetti/Confetti.d.ts +6 -9
  140. package/dist/components/Confetti/Confetti.d.ts.map +1 -1
  141. package/dist/components/Confetti/Confetti.js +8 -42
  142. package/dist/components/Confetti/Confetti.js.map +1 -1
  143. package/dist/components/Confetti/Confetti.mjs +8 -42
  144. package/dist/components/Confetti/Confetti.mjs.map +1 -1
  145. package/dist/components/Confetti/confettiColors.d.ts +25 -0
  146. package/dist/components/Confetti/confettiColors.d.ts.map +1 -0
  147. package/dist/components/Confetti/confettiColors.js +43 -0
  148. package/dist/components/Confetti/confettiColors.js.map +1 -0
  149. package/dist/components/Confetti/confettiColors.mjs +40 -0
  150. package/dist/components/Confetti/confettiColors.mjs.map +1 -0
  151. package/dist/components/CopyableCode/CopyableCode.d.ts.map +1 -1
  152. package/dist/components/CopyableCode/CopyableCode.js +2 -1
  153. package/dist/components/CopyableCode/CopyableCode.js.map +1 -1
  154. package/dist/components/CopyableCode/CopyableCode.mjs +2 -1
  155. package/dist/components/CopyableCode/CopyableCode.mjs.map +1 -1
  156. package/dist/components/CountBadge/CountBadge.d.ts +41 -0
  157. package/dist/components/CountBadge/CountBadge.d.ts.map +1 -0
  158. package/dist/components/CountBadge/CountBadge.js +60 -0
  159. package/dist/components/CountBadge/CountBadge.js.map +1 -0
  160. package/dist/components/CountBadge/CountBadge.mjs +58 -0
  161. package/dist/components/CountBadge/CountBadge.mjs.map +1 -0
  162. package/dist/components/CountBadge/CountBadge.styles.d.ts +13 -0
  163. package/dist/components/CountBadge/CountBadge.styles.d.ts.map +1 -0
  164. package/dist/components/CountBadge/CountBadge.styles.js +42 -0
  165. package/dist/components/CountBadge/CountBadge.styles.js.map +1 -0
  166. package/dist/components/CountBadge/CountBadge.styles.mjs +37 -0
  167. package/dist/components/CountBadge/CountBadge.styles.mjs.map +1 -0
  168. package/dist/components/CountBadge/CountBadge.types.d.ts +33 -0
  169. package/dist/components/CountBadge/CountBadge.types.d.ts.map +1 -0
  170. package/dist/components/CountBadge/index.d.ts +3 -0
  171. package/dist/components/CountBadge/index.d.ts.map +1 -0
  172. package/dist/components/DatePicker/RangeDatePicker.js +9 -7
  173. package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
  174. package/dist/components/DatePicker/RangeDatePicker.mjs +9 -7
  175. package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
  176. package/dist/components/DatePicker/SingleDatePicker.js +6 -4
  177. package/dist/components/DatePicker/SingleDatePicker.js.map +1 -1
  178. package/dist/components/DatePicker/SingleDatePicker.mjs +6 -4
  179. package/dist/components/DatePicker/SingleDatePicker.mjs.map +1 -1
  180. package/dist/components/ErrorFallback/ErrorFallback.d.ts.map +1 -1
  181. package/dist/components/ErrorFallback/ErrorFallback.js +5 -4
  182. package/dist/components/ErrorFallback/ErrorFallback.js.map +1 -1
  183. package/dist/components/ErrorFallback/ErrorFallback.mjs +5 -4
  184. package/dist/components/ErrorFallback/ErrorFallback.mjs.map +1 -1
  185. package/dist/components/ExpandableText/ExpandableText.js +1 -1
  186. package/dist/components/ExpandableText/ExpandableText.js.map +1 -1
  187. package/dist/components/ExpandableText/ExpandableText.mjs +1 -1
  188. package/dist/components/ExpandableText/ExpandableText.mjs.map +1 -1
  189. package/dist/components/FileItem/FileItem.d.ts.map +1 -1
  190. package/dist/components/FileItem/FileItem.js +2 -2
  191. package/dist/components/FileItem/FileItem.js.map +1 -1
  192. package/dist/components/FileItem/FileItem.mjs +2 -2
  193. package/dist/components/FileItem/FileItem.mjs.map +1 -1
  194. package/dist/components/Form/FieldError/FieldError.d.ts +1 -1
  195. package/dist/components/Form/FieldError/FieldError.js +2 -2
  196. package/dist/components/Form/FieldError/FieldError.js.map +1 -1
  197. package/dist/components/Form/FieldError/FieldError.mjs +2 -2
  198. package/dist/components/Form/FieldError/FieldError.mjs.map +1 -1
  199. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -1
  200. package/dist/components/Form/FormModalFooter/FormModalFooter.js +19 -1
  201. package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -1
  202. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +19 -1
  203. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -1
  204. package/dist/components/Form/FormSection/CollapsibleFormSection.js +1 -0
  205. package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -1
  206. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +1 -0
  207. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -1
  208. package/dist/components/FormLabel/FormLabel.js +1 -1
  209. package/dist/components/FormLabel/FormLabel.js.map +1 -1
  210. package/dist/components/FormLabel/FormLabel.mjs +1 -1
  211. package/dist/components/FormLabel/FormLabel.mjs.map +1 -1
  212. package/dist/components/Icon/_utils/createIcon.d.ts +2 -2
  213. package/dist/components/Icon/_utils/createIcon.js +2 -2
  214. package/dist/components/Icon/_utils/createIcon.mjs +2 -2
  215. package/dist/components/Icon/_utils/createIconGroup.d.ts +1 -1
  216. package/dist/components/Icon/_utils/createIconGroup.js +1 -1
  217. package/dist/components/Icon/_utils/createIconGroup.mjs +1 -1
  218. package/dist/components/IconButton/IconButton.d.ts.map +1 -1
  219. package/dist/components/IconButton/IconButton.js +20 -10
  220. package/dist/components/IconButton/IconButton.js.map +1 -1
  221. package/dist/components/IconButton/IconButton.mjs +20 -10
  222. package/dist/components/IconButton/IconButton.mjs.map +1 -1
  223. package/dist/components/IconButton/IconButton.styles.d.ts +24 -8
  224. package/dist/components/IconButton/IconButton.styles.d.ts.map +1 -1
  225. package/dist/components/IconButton/IconButton.styles.js +77 -11
  226. package/dist/components/IconButton/IconButton.styles.js.map +1 -1
  227. package/dist/components/IconButton/IconButton.styles.mjs +77 -13
  228. package/dist/components/IconButton/IconButton.styles.mjs.map +1 -1
  229. package/dist/components/IconButton/IconButton.types.d.ts +25 -20
  230. package/dist/components/IconButton/IconButton.types.d.ts.map +1 -1
  231. package/dist/components/IconButton/index.d.ts +1 -1
  232. package/dist/components/IconButton/index.d.ts.map +1 -1
  233. package/dist/components/InlineCode/InlineCode.js +6 -6
  234. package/dist/components/InlineCode/InlineCode.js.map +1 -1
  235. package/dist/components/InlineCode/InlineCode.mjs +6 -6
  236. package/dist/components/InlineCode/InlineCode.mjs.map +1 -1
  237. package/dist/components/Input/Input.d.ts.map +1 -1
  238. package/dist/components/Input/Input.js +12 -10
  239. package/dist/components/Input/Input.js.map +1 -1
  240. package/dist/components/Input/Input.mjs +12 -10
  241. package/dist/components/Input/Input.mjs.map +1 -1
  242. package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
  243. package/dist/components/LineGraph/LineGraph.js +28 -8
  244. package/dist/components/LineGraph/LineGraph.js.map +1 -1
  245. package/dist/components/LineGraph/LineGraph.mjs +28 -8
  246. package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
  247. package/dist/components/LineGraph/seriesColors.d.ts +22 -0
  248. package/dist/components/LineGraph/seriesColors.d.ts.map +1 -0
  249. package/dist/components/LineGraph/seriesColors.js +26 -0
  250. package/dist/components/LineGraph/seriesColors.js.map +1 -0
  251. package/dist/components/LineGraph/seriesColors.mjs +23 -0
  252. package/dist/components/LineGraph/seriesColors.mjs.map +1 -0
  253. package/dist/components/Loaders/LoaderStatus.d.ts +21 -0
  254. package/dist/components/Loaders/LoaderStatus.d.ts.map +1 -0
  255. package/dist/components/Loaders/LoaderStatus.js +29 -0
  256. package/dist/components/Loaders/LoaderStatus.js.map +1 -0
  257. package/dist/components/Loaders/LoaderStatus.mjs +27 -0
  258. package/dist/components/Loaders/LoaderStatus.mjs.map +1 -0
  259. package/dist/components/Loaders/Loaders.styles.d.ts +21 -0
  260. package/dist/components/Loaders/Loaders.styles.d.ts.map +1 -0
  261. package/dist/components/Loaders/Loaders.styles.js +33 -0
  262. package/dist/components/Loaders/Loaders.styles.js.map +1 -0
  263. package/dist/components/Loaders/Loaders.styles.mjs +29 -0
  264. package/dist/components/Loaders/Loaders.styles.mjs.map +1 -0
  265. package/dist/components/Loaders/Loaders.translations.json.js +19 -0
  266. package/dist/components/Loaders/Loaders.translations.json.js.map +1 -0
  267. package/dist/components/Loaders/Loaders.translations.json.mjs +14 -0
  268. package/dist/components/Loaders/Loaders.translations.json.mjs.map +1 -0
  269. package/dist/components/Loaders/PageLoader.d.ts +10 -2
  270. package/dist/components/Loaders/PageLoader.d.ts.map +1 -1
  271. package/dist/components/Loaders/PageLoader.js +6 -3
  272. package/dist/components/Loaders/PageLoader.js.map +1 -1
  273. package/dist/components/Loaders/PageLoader.mjs +7 -4
  274. package/dist/components/Loaders/PageLoader.mjs.map +1 -1
  275. package/dist/components/Loaders/SectionLoader.d.ts +2 -4
  276. package/dist/components/Loaders/SectionLoader.d.ts.map +1 -1
  277. package/dist/components/Loaders/SectionLoader.js +5 -2
  278. package/dist/components/Loaders/SectionLoader.js.map +1 -1
  279. package/dist/components/Loaders/SectionLoader.mjs +6 -3
  280. package/dist/components/Loaders/SectionLoader.mjs.map +1 -1
  281. package/dist/components/Loaders/ThinkingDots.d.ts +10 -0
  282. package/dist/components/Loaders/ThinkingDots.d.ts.map +1 -0
  283. package/dist/components/Loaders/ThinkingDots.js +20 -0
  284. package/dist/components/Loaders/ThinkingDots.js.map +1 -0
  285. package/dist/components/Loaders/ThinkingDots.mjs +18 -0
  286. package/dist/components/Loaders/ThinkingDots.mjs.map +1 -0
  287. package/dist/components/Loaders/index.d.ts +2 -1
  288. package/dist/components/Loaders/index.d.ts.map +1 -1
  289. package/dist/components/LogicianProvider/LogicianProvider.d.ts +12 -0
  290. package/dist/components/LogicianProvider/LogicianProvider.d.ts.map +1 -1
  291. package/dist/components/LogicianProvider/LogicianProvider.js +15 -5
  292. package/dist/components/LogicianProvider/LogicianProvider.js.map +1 -1
  293. package/dist/components/LogicianProvider/LogicianProvider.mjs +16 -6
  294. package/dist/components/LogicianProvider/LogicianProvider.mjs.map +1 -1
  295. package/dist/components/Menu/MenuItem.d.ts.map +1 -1
  296. package/dist/components/Menu/MenuItem.js +10 -6
  297. package/dist/components/Menu/MenuItem.js.map +1 -1
  298. package/dist/components/Menu/MenuItem.mjs +10 -6
  299. package/dist/components/Menu/MenuItem.mjs.map +1 -1
  300. package/dist/components/Menu/MenuList.js +1 -1
  301. package/dist/components/Menu/MenuList.js.map +1 -1
  302. package/dist/components/Menu/MenuList.mjs +1 -1
  303. package/dist/components/Menu/MenuList.mjs.map +1 -1
  304. package/dist/components/Modal/Modal.d.ts +1 -1
  305. package/dist/components/Modal/Modal.d.ts.map +1 -1
  306. package/dist/components/Modal/Modal.js +2 -2
  307. package/dist/components/Modal/Modal.js.map +1 -1
  308. package/dist/components/Modal/Modal.mjs +2 -2
  309. package/dist/components/Modal/Modal.mjs.map +1 -1
  310. package/dist/components/Modal/Modal.types.d.ts +12 -0
  311. package/dist/components/Modal/Modal.types.d.ts.map +1 -1
  312. package/dist/components/Modal/ModalContext.d.ts +2 -0
  313. package/dist/components/Modal/ModalContext.d.ts.map +1 -1
  314. package/dist/components/Modal/ModalContext.js +1 -0
  315. package/dist/components/Modal/ModalContext.js.map +1 -1
  316. package/dist/components/Modal/ModalContext.mjs +1 -0
  317. package/dist/components/Modal/ModalContext.mjs.map +1 -1
  318. package/dist/components/Modal/ModalHeader.d.ts +20 -1
  319. package/dist/components/Modal/ModalHeader.d.ts.map +1 -1
  320. package/dist/components/Modal/ModalHeader.js +46 -2
  321. package/dist/components/Modal/ModalHeader.js.map +1 -1
  322. package/dist/components/Modal/ModalHeader.mjs +47 -3
  323. package/dist/components/Modal/ModalHeader.mjs.map +1 -1
  324. package/dist/components/Modal/index.d.ts +2 -2
  325. package/dist/components/Modal/index.d.ts.map +1 -1
  326. package/dist/components/MonthPicker/MonthButton/MonthButton.d.ts.map +1 -1
  327. package/dist/components/MonthPicker/MonthButton/MonthButton.js +10 -9
  328. package/dist/components/MonthPicker/MonthButton/MonthButton.js.map +1 -1
  329. package/dist/components/MonthPicker/MonthButton/MonthButton.mjs +10 -9
  330. package/dist/components/MonthPicker/MonthButton/MonthButton.mjs.map +1 -1
  331. package/dist/components/Pagination/Pagination.d.ts.map +1 -1
  332. package/dist/components/Pagination/Pagination.js +1 -1
  333. package/dist/components/Pagination/Pagination.js.map +1 -1
  334. package/dist/components/Pagination/Pagination.mjs +1 -1
  335. package/dist/components/Pagination/Pagination.mjs.map +1 -1
  336. package/dist/components/PinInput/PinInput.d.ts.map +1 -1
  337. package/dist/components/PinInput/PinInput.js +5 -1
  338. package/dist/components/PinInput/PinInput.js.map +1 -1
  339. package/dist/components/PinInput/PinInput.mjs +5 -1
  340. package/dist/components/PinInput/PinInput.mjs.map +1 -1
  341. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  342. package/dist/components/ProgressBar/ProgressBar.mjs +1 -1
  343. package/dist/components/RadialProgress/RadialProgress.d.ts.map +1 -1
  344. package/dist/components/RadialProgress/RadialProgress.js +4 -7
  345. package/dist/components/RadialProgress/RadialProgress.js.map +1 -1
  346. package/dist/components/RadialProgress/RadialProgress.mjs +4 -7
  347. package/dist/components/RadialProgress/RadialProgress.mjs.map +1 -1
  348. package/dist/components/RadialProgress/RadialProgress.types.d.ts +1 -1
  349. package/dist/components/RadialProgress/RadialProgress.types.d.ts.map +1 -1
  350. package/dist/components/Radio/RadioControl.d.ts.map +1 -1
  351. package/dist/components/Radio/RadioControl.js +26 -5
  352. package/dist/components/Radio/RadioControl.js.map +1 -1
  353. package/dist/components/Radio/RadioControl.mjs +26 -5
  354. package/dist/components/Radio/RadioControl.mjs.map +1 -1
  355. package/dist/components/Radio/RadioGroup.js +1 -1
  356. package/dist/components/Radio/RadioGroup.js.map +1 -1
  357. package/dist/components/Radio/RadioGroup.mjs +1 -1
  358. package/dist/components/Radio/RadioGroup.mjs.map +1 -1
  359. package/dist/components/SeeMoreButton/SeeMoreButton.d.ts.map +1 -1
  360. package/dist/components/SeeMoreButton/SeeMoreButton.js +8 -3
  361. package/dist/components/SeeMoreButton/SeeMoreButton.js.map +1 -1
  362. package/dist/components/SeeMoreButton/SeeMoreButton.mjs +8 -3
  363. package/dist/components/SeeMoreButton/SeeMoreButton.mjs.map +1 -1
  364. package/dist/components/SeeMoreButton/SeeMoreButton.styles.d.ts +20 -10
  365. package/dist/components/SeeMoreButton/SeeMoreButton.styles.d.ts.map +1 -1
  366. package/dist/components/SeeMoreButton/SeeMoreButton.styles.js +13 -5
  367. package/dist/components/SeeMoreButton/SeeMoreButton.styles.js.map +1 -1
  368. package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs +13 -5
  369. package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs.map +1 -1
  370. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +6 -2
  371. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
  372. package/dist/components/Select/Select.styles.d.ts +13 -12
  373. package/dist/components/Select/Select.styles.d.ts.map +1 -1
  374. package/dist/components/Select/Select.styles.js +20 -14
  375. package/dist/components/Select/Select.styles.js.map +1 -1
  376. package/dist/components/Select/Select.styles.mjs +20 -14
  377. package/dist/components/Select/Select.styles.mjs.map +1 -1
  378. package/dist/components/Slider/SliderThumb/SliderThumb.js +1 -1
  379. package/dist/components/Slider/SliderThumb/SliderThumb.js.map +1 -1
  380. package/dist/components/Slider/SliderThumb/SliderThumb.mjs +1 -1
  381. package/dist/components/Slider/SliderThumb/SliderThumb.mjs.map +1 -1
  382. package/dist/components/Slider/SliderThumbs/SliderThumbs.js +1 -1
  383. package/dist/components/Slider/SliderThumbs/SliderThumbs.js.map +1 -1
  384. package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs +1 -1
  385. package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs.map +1 -1
  386. package/dist/components/Switch/SwitchControl.d.ts.map +1 -1
  387. package/dist/components/Switch/SwitchControl.js +8 -2
  388. package/dist/components/Switch/SwitchControl.js.map +1 -1
  389. package/dist/components/Switch/SwitchControl.mjs +8 -2
  390. package/dist/components/Switch/SwitchControl.mjs.map +1 -1
  391. package/dist/components/Table/Table.types.d.ts +1 -1
  392. package/dist/components/Tabs/Tab/Tab.d.ts.map +1 -1
  393. package/dist/components/Tabs/Tab/Tab.js +1 -1
  394. package/dist/components/Tabs/Tab/Tab.js.map +1 -1
  395. package/dist/components/Tabs/Tab/Tab.mjs +1 -1
  396. package/dist/components/Tabs/Tab/Tab.mjs.map +1 -1
  397. package/dist/components/Tabs/Tab/Tab.styles.d.ts +10 -12
  398. package/dist/components/Tabs/Tab/Tab.styles.d.ts.map +1 -1
  399. package/dist/components/Tabs/Tab/Tab.styles.js +8 -10
  400. package/dist/components/Tabs/Tab/Tab.styles.js.map +1 -1
  401. package/dist/components/Tabs/Tab/Tab.styles.mjs +8 -10
  402. package/dist/components/Tabs/Tab/Tab.styles.mjs.map +1 -1
  403. package/dist/components/Tag/Tag.d.ts.map +1 -1
  404. package/dist/components/Tag/Tag.js +41 -14
  405. package/dist/components/Tag/Tag.js.map +1 -1
  406. package/dist/components/Tag/Tag.mjs +43 -16
  407. package/dist/components/Tag/Tag.mjs.map +1 -1
  408. package/dist/components/Tag/Tag.styles.d.ts +55 -17
  409. package/dist/components/Tag/Tag.styles.d.ts.map +1 -1
  410. package/dist/components/Tag/Tag.styles.js +148 -128
  411. package/dist/components/Tag/Tag.styles.js.map +1 -1
  412. package/dist/components/Tag/Tag.styles.mjs +145 -126
  413. package/dist/components/Tag/Tag.styles.mjs.map +1 -1
  414. package/dist/components/Tag/Tag.types.d.ts +50 -29
  415. package/dist/components/Tag/Tag.types.d.ts.map +1 -1
  416. package/dist/components/Tag/TagCloseButton/TagCloseButton.d.ts +5 -0
  417. package/dist/components/Tag/TagCloseButton/TagCloseButton.d.ts.map +1 -1
  418. package/dist/components/Tag/TagCloseButton/TagCloseButton.js +7 -1
  419. package/dist/components/Tag/TagCloseButton/TagCloseButton.js.map +1 -1
  420. package/dist/components/Tag/TagCloseButton/TagCloseButton.mjs +7 -1
  421. package/dist/components/Tag/TagCloseButton/TagCloseButton.mjs.map +1 -1
  422. package/dist/components/Tag/index.d.ts +3 -2
  423. package/dist/components/Tag/index.d.ts.map +1 -1
  424. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  425. package/dist/components/Textarea/Textarea.js +12 -10
  426. package/dist/components/Textarea/Textarea.js.map +1 -1
  427. package/dist/components/Textarea/Textarea.mjs +12 -10
  428. package/dist/components/Textarea/Textarea.mjs.map +1 -1
  429. package/dist/components/Toast/Toast.js +1 -1
  430. package/dist/components/Toast/Toast.mjs +1 -1
  431. package/dist/components/Toast/Toast.styles.d.ts +5 -3
  432. package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
  433. package/dist/components/Toast/Toast.styles.js +54 -35
  434. package/dist/components/Toast/Toast.styles.js.map +1 -1
  435. package/dist/components/Toast/Toast.styles.mjs +54 -35
  436. package/dist/components/Toast/Toast.styles.mjs.map +1 -1
  437. package/dist/components/Toast/Toast.types.d.ts +8 -1
  438. package/dist/components/Toast/Toast.types.d.ts.map +1 -1
  439. package/dist/components/Toast/ToastIcon/ToastIcon.d.ts.map +1 -1
  440. package/dist/components/Toast/ToastIcon/ToastIcon.js +6 -4
  441. package/dist/components/Toast/ToastIcon/ToastIcon.js.map +1 -1
  442. package/dist/components/Toast/ToastIcon/ToastIcon.mjs +6 -4
  443. package/dist/components/Toast/ToastIcon/ToastIcon.mjs.map +1 -1
  444. package/dist/components/Toast/Toaster.d.ts.map +1 -1
  445. package/dist/components/Toast/Toaster.js +12 -1
  446. package/dist/components/Toast/Toaster.js.map +1 -1
  447. package/dist/components/Toast/Toaster.mjs +12 -1
  448. package/dist/components/Toast/Toaster.mjs.map +1 -1
  449. package/dist/components/Toast/useToast.d.ts +2 -2
  450. package/dist/components/Toast/useToast.d.ts.map +1 -1
  451. package/dist/components/Toast/useToast.js +42 -8
  452. package/dist/components/Toast/useToast.js.map +1 -1
  453. package/dist/components/Toast/useToast.mjs +43 -9
  454. package/dist/components/Toast/useToast.mjs.map +1 -1
  455. package/dist/components/Tooltip/Tooltip.js +2 -2
  456. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  457. package/dist/components/Tooltip/Tooltip.mjs +2 -2
  458. package/dist/components/Tooltip/Tooltip.mjs.map +1 -1
  459. package/dist/components/Tree/TreeBranchControl.js +1 -1
  460. package/dist/components/Tree/TreeBranchControl.js.map +1 -1
  461. package/dist/components/Tree/TreeBranchControl.mjs +1 -1
  462. package/dist/components/Tree/TreeBranchControl.mjs.map +1 -1
  463. package/dist/components/Tree/TreeItem.js +1 -1
  464. package/dist/components/Tree/TreeItem.js.map +1 -1
  465. package/dist/components/Tree/TreeItem.mjs +1 -1
  466. package/dist/components/Tree/TreeItem.mjs.map +1 -1
  467. package/dist/components/Typography/Caption.js +5 -5
  468. package/dist/components/Typography/Caption.js.map +1 -1
  469. package/dist/components/Typography/Caption.mjs +5 -5
  470. package/dist/components/Typography/Caption.mjs.map +1 -1
  471. package/dist/components/Typography/Link.d.ts +10 -16
  472. package/dist/components/Typography/Link.d.ts.map +1 -1
  473. package/dist/components/Typography/Link.js +24 -29
  474. package/dist/components/Typography/Link.js.map +1 -1
  475. package/dist/components/Typography/Link.mjs +24 -29
  476. package/dist/components/Typography/Link.mjs.map +1 -1
  477. package/dist/components/Typography/Overline.js +2 -2
  478. package/dist/components/Typography/Overline.js.map +1 -1
  479. package/dist/components/Typography/Overline.mjs +2 -2
  480. package/dist/components/Typography/Overline.mjs.map +1 -1
  481. package/dist/components/Workflow/Workflow.js +1 -1
  482. package/dist/components/Workflow/Workflow.js.map +1 -1
  483. package/dist/components/Workflow/Workflow.mjs +1 -1
  484. package/dist/components/Workflow/Workflow.mjs.map +1 -1
  485. package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.d.ts.map +1 -1
  486. package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.js +7 -6
  487. package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.js.map +1 -1
  488. package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.mjs +7 -6
  489. package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.mjs.map +1 -1
  490. package/dist/components/Workflow/canvas/Canvas/Canvas.js +8 -8
  491. package/dist/components/Workflow/canvas/Canvas/Canvas.js.map +1 -1
  492. package/dist/components/Workflow/canvas/Canvas/Canvas.mjs +8 -8
  493. package/dist/components/Workflow/canvas/Canvas/Canvas.mjs.map +1 -1
  494. package/dist/components/Workflow/canvas/Canvas/Canvas.styles.d.ts +2 -2
  495. package/dist/components/Workflow/canvas/Canvas/Canvas.styles.d.ts.map +1 -1
  496. package/dist/components/Workflow/canvas/Canvas/Canvas.styles.js +13 -12
  497. package/dist/components/Workflow/canvas/Canvas/Canvas.styles.js.map +1 -1
  498. package/dist/components/Workflow/canvas/Canvas/Canvas.styles.mjs +13 -12
  499. package/dist/components/Workflow/canvas/Canvas/Canvas.styles.mjs.map +1 -1
  500. package/dist/components/Workflow/canvas/Canvas/LabeledEdge.js +1 -1
  501. package/dist/components/Workflow/canvas/Canvas/LabeledEdge.js.map +1 -1
  502. package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs +1 -1
  503. package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs.map +1 -1
  504. package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js +1 -1
  505. package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js.map +1 -1
  506. package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs +1 -1
  507. package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs.map +1 -1
  508. package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.d.ts.map +1 -1
  509. package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js +1 -1
  510. package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js.map +1 -1
  511. package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs +1 -1
  512. package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs.map +1 -1
  513. package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js +2 -2
  514. package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js.map +1 -1
  515. package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs +2 -2
  516. package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs.map +1 -1
  517. package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.js +5 -4
  518. package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.js.map +1 -1
  519. package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.mjs +5 -4
  520. package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.mjs.map +1 -1
  521. package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js +2 -2
  522. package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js.map +1 -1
  523. package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs +2 -2
  524. package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs.map +1 -1
  525. package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js +1 -1
  526. package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js.map +1 -1
  527. package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs +1 -1
  528. package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs.map +1 -1
  529. package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.js +1 -1
  530. package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.js.map +1 -1
  531. package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.mjs +1 -1
  532. package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.mjs.map +1 -1
  533. package/dist/components/Workflow/canvas/IconTile/IconTile.styles.d.ts +11 -3
  534. package/dist/components/Workflow/canvas/IconTile/IconTile.styles.d.ts.map +1 -1
  535. package/dist/components/Workflow/canvas/IconTile/IconTile.styles.js +29 -13
  536. package/dist/components/Workflow/canvas/IconTile/IconTile.styles.js.map +1 -1
  537. package/dist/components/Workflow/canvas/IconTile/IconTile.styles.mjs +29 -13
  538. package/dist/components/Workflow/canvas/IconTile/IconTile.styles.mjs.map +1 -1
  539. package/dist/components/Workflow/canvas/IssueList/IssueList.js +2 -2
  540. package/dist/components/Workflow/canvas/IssueList/IssueList.js.map +1 -1
  541. package/dist/components/Workflow/canvas/IssueList/IssueList.mjs +2 -2
  542. package/dist/components/Workflow/canvas/IssueList/IssueList.mjs.map +1 -1
  543. package/dist/components/Workflow/canvas/NodePalette/NodePalette.d.ts.map +1 -1
  544. package/dist/components/Workflow/canvas/NodePalette/NodePalette.js +2 -2
  545. package/dist/components/Workflow/canvas/NodePalette/NodePalette.js.map +1 -1
  546. package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs +2 -2
  547. package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs.map +1 -1
  548. package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.d.ts.map +1 -1
  549. package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.js +1 -1
  550. package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.js.map +1 -1
  551. package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs +1 -1
  552. package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs.map +1 -1
  553. package/dist/components/Workflow/canvas/NodeShell/NodeShell.d.ts.map +1 -1
  554. package/dist/components/Workflow/canvas/NodeShell/NodeShell.js +42 -32
  555. package/dist/components/Workflow/canvas/NodeShell/NodeShell.js.map +1 -1
  556. package/dist/components/Workflow/canvas/NodeShell/NodeShell.mjs +42 -32
  557. package/dist/components/Workflow/canvas/NodeShell/NodeShell.mjs.map +1 -1
  558. package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.d.ts +9 -4
  559. package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.d.ts.map +1 -1
  560. package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.js +8 -8
  561. package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.js.map +1 -1
  562. package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.mjs +7 -7
  563. package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.mjs.map +1 -1
  564. package/dist/components/Workflow/canvas/NodeShell/NodeShell.types.d.ts +2 -0
  565. package/dist/components/Workflow/canvas/NodeShell/NodeShell.types.d.ts.map +1 -1
  566. package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.d.ts +5 -4
  567. package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.d.ts.map +1 -1
  568. package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.js +1 -1
  569. package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.js.map +1 -1
  570. package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.mjs +1 -1
  571. package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.mjs.map +1 -1
  572. package/dist/components/Workflow/canvas/colorVar.d.ts +20 -0
  573. package/dist/components/Workflow/canvas/colorVar.d.ts.map +1 -0
  574. package/dist/components/Workflow/canvas/colorVar.js +32 -0
  575. package/dist/components/Workflow/canvas/colorVar.js.map +1 -0
  576. package/dist/components/Workflow/canvas/colorVar.mjs +29 -0
  577. package/dist/components/Workflow/canvas/colorVar.mjs.map +1 -0
  578. package/dist/components/Workflow/canvas/issueSeverity.d.ts +6 -4
  579. package/dist/components/Workflow/canvas/issueSeverity.d.ts.map +1 -1
  580. package/dist/components/Workflow/canvas/issueSeverity.js +6 -4
  581. package/dist/components/Workflow/canvas/issueSeverity.js.map +1 -1
  582. package/dist/components/Workflow/canvas/issueSeverity.mjs +6 -4
  583. package/dist/components/Workflow/canvas/issueSeverity.mjs.map +1 -1
  584. package/dist/components/Workflow/canvas/workflowLabelProps.d.ts +1 -1
  585. package/dist/components/Workflow/canvas/workflowLabelProps.js +1 -1
  586. package/dist/components/Workflow/canvas/workflowLabelProps.mjs +1 -1
  587. package/dist/index.d.ts +5 -2
  588. package/dist/index.d.ts.map +1 -1
  589. package/dist/index.js +24 -9
  590. package/dist/index.js.map +1 -1
  591. package/dist/index.mjs +11 -8
  592. package/dist/index.mjs.map +1 -1
  593. package/dist/theme/colors.d.ts +43 -1139
  594. package/dist/theme/colors.d.ts.map +1 -1
  595. package/dist/theme/colors.js +336 -760
  596. package/dist/theme/colors.js.map +1 -1
  597. package/dist/theme/colors.mjs +334 -761
  598. package/dist/theme/colors.mjs.map +1 -1
  599. package/dist/theme/deprecatedColorTokens.json.js +69 -0
  600. package/dist/theme/deprecatedColorTokens.json.js.map +1 -0
  601. package/dist/theme/deprecatedColorTokens.json.mjs +64 -0
  602. package/dist/theme/deprecatedColorTokens.json.mjs.map +1 -0
  603. package/dist/theme/global.d.ts +3 -2
  604. package/dist/theme/global.d.ts.map +1 -1
  605. package/dist/theme/global.js +12 -18
  606. package/dist/theme/global.js.map +1 -1
  607. package/dist/theme/global.mjs +12 -18
  608. package/dist/theme/global.mjs.map +1 -1
  609. package/dist/theme/index.d.ts +34 -1
  610. package/dist/theme/index.d.ts.map +1 -1
  611. package/dist/theme/index.js +143 -81
  612. package/dist/theme/index.js.map +1 -1
  613. package/dist/theme/index.mjs +144 -84
  614. package/dist/theme/index.mjs.map +1 -1
  615. package/dist/theme/palette.generated.d.ts +887 -0
  616. package/dist/theme/palette.generated.d.ts.map +1 -0
  617. package/dist/theme/palette.generated.js +898 -0
  618. package/dist/theme/palette.generated.js.map +1 -0
  619. package/dist/theme/palette.generated.mjs +893 -0
  620. package/dist/theme/palette.generated.mjs.map +1 -0
  621. package/dist/theme/paletteSwatches.d.ts +22 -0
  622. package/dist/theme/paletteSwatches.d.ts.map +1 -0
  623. package/dist/theme/recipes/table.js +2 -2
  624. package/dist/theme/recipes/table.js.map +1 -1
  625. package/dist/theme/recipes/table.mjs +2 -2
  626. package/dist/theme/recipes/table.mjs.map +1 -1
  627. package/dist/utils/disabledControl.d.ts +27 -0
  628. package/dist/utils/disabledControl.d.ts.map +1 -0
  629. package/dist/utils/disabledControl.js +33 -0
  630. package/dist/utils/disabledControl.js.map +1 -0
  631. package/dist/utils/disabledControl.mjs +30 -0
  632. package/dist/utils/disabledControl.mjs.map +1 -0
  633. package/dist/utils/focusRing.d.ts +7 -1
  634. package/dist/utils/focusRing.d.ts.map +1 -1
  635. package/dist/utils/focusRing.js +8 -1
  636. package/dist/utils/focusRing.js.map +1 -1
  637. package/dist/utils/focusRing.mjs +8 -2
  638. package/dist/utils/focusRing.mjs.map +1 -1
  639. package/dist/utils/isDev.d.ts +22 -0
  640. package/dist/utils/isDev.d.ts.map +1 -0
  641. package/dist/utils/isDev.js +34 -0
  642. package/dist/utils/isDev.js.map +1 -0
  643. package/dist/utils/isDev.mjs +32 -0
  644. package/dist/utils/isDev.mjs.map +1 -0
  645. package/eslint/index.js +28 -0
  646. package/eslint/rules/no-deprecated-tokens.js +128 -0
  647. package/eslint/rules/no-deprecated-tokens.test.ts +130 -0
  648. package/package.json +16 -7
  649. package/src/components/Accordion/Accordion.stories.tsx +20 -12
  650. package/src/components/Appear/Appear.stories.tsx +6 -13
  651. package/src/components/Avatar/Avatar.hue.test.ts +67 -0
  652. package/src/components/Avatar/Avatar.stories.tsx +79 -23
  653. package/src/components/Avatar/Avatar.tsx +56 -2
  654. package/src/components/Avatar/index.tsx +1 -1
  655. package/src/components/Badge/Badge.stories.tsx +24 -50
  656. package/src/components/Badge/Badge.styles.ts +56 -50
  657. package/src/components/Badge/Badge.tsx +11 -7
  658. package/src/components/Badge/Badge.types.ts +18 -14
  659. package/src/components/Badge/index.ts +7 -1
  660. package/src/components/Banner/Banner.stories.tsx +10 -3
  661. package/src/components/Banner/Banner.styles.ts +43 -27
  662. package/src/components/Banner/Banner.types.ts +1 -1
  663. package/src/components/BottomSheet/BottomSheet.stories.tsx +3 -4
  664. package/src/components/BottomSheet/BottomSheetCloseButton.tsx +0 -1
  665. package/src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx +1 -1
  666. package/src/components/Button/Button.legacy.ts +181 -0
  667. package/src/components/Button/Button.lift.test.tsx +6 -14
  668. package/src/components/Button/Button.press.test.tsx +20 -15
  669. package/src/components/Button/Button.stories.tsx +140 -346
  670. package/src/components/Button/Button.styles.ts +158 -392
  671. package/src/components/Button/Button.tsx +49 -17
  672. package/src/components/Button/Button.types.ts +53 -37
  673. package/src/components/Button/Button.variants.test.tsx +158 -0
  674. package/src/components/Button/index.tsx +2 -0
  675. package/src/components/Card/Card.styles.ts +6 -13
  676. package/src/components/Card/Card.tsx +1 -6
  677. package/src/components/Card/Card.types.ts +1 -5
  678. package/src/components/Checkbox/CheckboxControl.tsx +17 -10
  679. package/src/components/Chip/Chip.stories.tsx +17 -230
  680. package/src/components/Chip/Chip.tsx +40 -24
  681. package/src/components/Chip/Chip.types.ts +38 -26
  682. package/src/components/Chip/index.ts +0 -6
  683. package/src/components/Code/Code.tsx +2 -3
  684. package/src/components/CodeTabs/CodeTabs.contrast.test.tsx +109 -0
  685. package/src/components/CodeTabs/CodeTabs.styles.ts +26 -0
  686. package/src/components/CodeTabs/CodeTabs.tsx +16 -4
  687. package/src/components/CodeTabs/CopyButton.tsx +6 -4
  688. package/src/components/Confetti/Confetti.stories.tsx +1 -1
  689. package/src/components/Confetti/Confetti.tsx +8 -43
  690. package/src/components/Confetti/confettiColors.test.ts +47 -0
  691. package/src/components/Confetti/confettiColors.ts +41 -0
  692. package/src/components/Container/Container.stories.tsx +1 -1
  693. package/src/components/CopyableCode/CopyableCode.tsx +1 -2
  694. package/src/components/CountBadge/CountBadge.stories.tsx +109 -0
  695. package/src/components/CountBadge/CountBadge.styles.ts +40 -0
  696. package/src/components/CountBadge/CountBadge.test.tsx +57 -0
  697. package/src/components/CountBadge/CountBadge.tsx +112 -0
  698. package/src/components/CountBadge/CountBadge.types.ts +34 -0
  699. package/src/components/CountBadge/index.ts +2 -0
  700. package/src/components/DatePicker/RangeDatePicker.tsx +8 -8
  701. package/src/components/DatePicker/SingleDatePicker.tsx +5 -5
  702. package/src/components/ErrorFallback/ErrorFallback.lift.test.tsx +45 -0
  703. package/src/components/ErrorFallback/ErrorFallback.tsx +16 -31
  704. package/src/components/ExpandableText/ExpandableText.tsx +1 -1
  705. package/src/components/FileItem/FileItem.tsx +1 -4
  706. package/src/components/FlyTo/FlyTo.stories.tsx +6 -1
  707. package/src/components/Form/FieldError/FieldError.tsx +2 -2
  708. package/src/components/Form/FormFooter/FormFooter.stories.tsx +4 -4
  709. package/src/components/Form/FormModalFooter/FormModalFooter.tsx +5 -6
  710. package/src/components/Form/FormSection/FormSection.stories.tsx +1 -1
  711. package/src/components/FormIntegration/FormIntegration.stories.tsx +4 -4
  712. package/src/components/FormLabel/FormLabel.tsx +1 -1
  713. package/src/components/Icon/ICON_MANAGEMENT.md +7 -7
  714. package/src/components/Icon/Icon.stories.tsx +220 -116
  715. package/src/components/Icon/_utils/createIcon.tsx +2 -2
  716. package/src/components/Icon/_utils/createIconGroup.tsx +1 -1
  717. package/src/components/IconButton/IconButton.stories.tsx +63 -216
  718. package/src/components/IconButton/IconButton.styles.ts +104 -27
  719. package/src/components/IconButton/IconButton.tsx +39 -12
  720. package/src/components/IconButton/IconButton.types.ts +30 -20
  721. package/src/components/IconButton/index.tsx +1 -0
  722. package/src/components/InlineCode/InlineCode.tsx +6 -6
  723. package/src/components/Input/Input.stories.tsx +10 -10
  724. package/src/components/Input/Input.tsx +12 -10
  725. package/src/components/LineGraph/LineGraph.tsx +24 -6
  726. package/src/components/LineGraph/seriesColors.test.ts +40 -0
  727. package/src/components/LineGraph/seriesColors.ts +42 -0
  728. package/src/components/Loaders/LoaderStatus.tsx +25 -0
  729. package/src/components/Loaders/Loaders.styles.ts +28 -0
  730. package/src/components/Loaders/Loaders.test.tsx +63 -0
  731. package/src/components/Loaders/Loaders.translations.json +9 -0
  732. package/src/components/Loaders/PageLoader.stories.tsx +15 -1
  733. package/src/components/Loaders/PageLoader.tsx +28 -4
  734. package/src/components/Loaders/SectionLoader.stories.tsx +10 -3
  735. package/src/components/Loaders/SectionLoader.tsx +16 -3
  736. package/src/components/Loaders/ThinkingDots.tsx +27 -0
  737. package/src/components/Loaders/index.ts +2 -1
  738. package/src/components/LogicianProvider/LogicianProvider.stories.tsx +28 -43
  739. package/src/components/LogicianProvider/LogicianProvider.tsx +35 -5
  740. package/src/components/Masonry/Masonry.stories.tsx +17 -5
  741. package/src/components/Menu/Menu.stories.tsx +58 -20
  742. package/src/components/Menu/MenuItem.highlight.test.tsx +72 -0
  743. package/src/components/Menu/MenuItem.tsx +9 -6
  744. package/src/components/Menu/MenuList.tsx +1 -1
  745. package/src/components/Modal/Modal.stories.tsx +76 -25
  746. package/src/components/Modal/Modal.tsx +5 -1
  747. package/src/components/Modal/Modal.types.ts +13 -0
  748. package/src/components/Modal/ModalContext.ts +4 -0
  749. package/src/components/Modal/ModalHeader.a11y.test.tsx +51 -0
  750. package/src/components/Modal/ModalHeader.tsx +73 -3
  751. package/src/components/Modal/index.tsx +2 -2
  752. package/src/components/MonthPicker/MonthButton/MonthButton.tsx +9 -14
  753. package/src/components/MonthPicker/MonthPicker.stories.tsx +13 -9
  754. package/src/components/Pagination/Pagination.stories.tsx +5 -6
  755. package/src/components/Pagination/Pagination.tsx +0 -2
  756. package/src/components/PinInput/PinInput.tsx +9 -5
  757. package/src/components/Popover/Popover.stories.tsx +5 -5
  758. package/src/components/ProgressBar/ProgressBar.tsx +1 -1
  759. package/src/components/Pulse/Pulse.stories.tsx +1 -1
  760. package/src/components/RadialProgress/RadialProgress.tsx +4 -7
  761. package/src/components/RadialProgress/RadialProgress.types.ts +1 -1
  762. package/src/components/Radio/Radio.stories.tsx +1 -1
  763. package/src/components/Radio/RadioControl.indicator.test.tsx +72 -0
  764. package/src/components/Radio/RadioControl.tsx +34 -6
  765. package/src/components/Radio/RadioGroup.tsx +1 -1
  766. package/src/components/Reveal/Reveal.stories.tsx +5 -1
  767. package/src/components/ScaledContext/ScaledContext.stories.tsx +21 -14
  768. package/src/components/SeeMoreButton/SeeMoreButton.border.test.tsx +51 -0
  769. package/src/components/SeeMoreButton/SeeMoreButton.stories.tsx +8 -0
  770. package/src/components/SeeMoreButton/SeeMoreButton.styles.ts +14 -6
  771. package/src/components/SeeMoreButton/SeeMoreButton.tsx +11 -2
  772. package/src/components/SeeMoreButton/SeeMoreButton.types.ts +9 -2
  773. package/src/components/SegmentedProgressBar/SegmentedProgressBar.stories.tsx +48 -31
  774. package/src/components/Select/Combobox.stories.tsx +1 -1
  775. package/src/components/Select/Comparison.stories.tsx +1 -1
  776. package/src/components/Select/Select.stories.tsx +22 -22
  777. package/src/components/Select/Select.styles.ts +20 -14
  778. package/src/components/Shake/Shake.stories.tsx +10 -12
  779. package/src/components/Slider/Slider.stories.tsx +43 -9
  780. package/src/components/Slider/SliderThumb/SliderThumb.tsx +1 -1
  781. package/src/components/Slider/SliderThumbs/SliderThumbs.tsx +1 -1
  782. package/src/components/SwapTransition/SwapTransition.stories.tsx +3 -4
  783. package/src/components/Switch/SwitchControl.tsx +8 -0
  784. package/src/components/Table/Table.stories.tsx +36 -20
  785. package/src/components/Table/Table.types.ts +1 -1
  786. package/src/components/Tabs/Tab/Tab.styles.ts +8 -10
  787. package/src/components/Tabs/Tab/Tab.tsx +1 -0
  788. package/src/components/Tabs/Tabs.stories.tsx +38 -26
  789. package/src/components/Tag/Tag.legacy.test.tsx +179 -0
  790. package/src/components/Tag/Tag.stories.tsx +107 -148
  791. package/src/components/Tag/Tag.styles.ts +186 -135
  792. package/src/components/Tag/Tag.test.tsx +115 -0
  793. package/src/components/Tag/Tag.tsx +103 -21
  794. package/src/components/Tag/Tag.types.ts +52 -29
  795. package/src/components/Tag/TagCloseButton/TagCloseButton.tsx +19 -1
  796. package/src/components/Tag/index.ts +5 -3
  797. package/src/components/Textarea/Textarea.stories.tsx +6 -1
  798. package/src/components/Textarea/Textarea.tsx +13 -11
  799. package/src/components/Toast/Toast.action.test.tsx +13 -0
  800. package/src/components/Toast/Toast.stories.tsx +17 -7
  801. package/src/components/Toast/Toast.styles.ts +54 -35
  802. package/src/components/Toast/Toast.tsx +1 -1
  803. package/src/components/Toast/Toast.types.ts +9 -1
  804. package/src/components/Toast/Toast.update.test.tsx +124 -0
  805. package/src/components/Toast/ToastIcon/ToastIcon.tsx +6 -4
  806. package/src/components/Toast/Toaster.tsx +14 -2
  807. package/src/components/Toast/useToast.tsx +54 -14
  808. package/src/components/Tooltip/Tooltip.stories.tsx +12 -12
  809. package/src/components/Tooltip/Tooltip.tsx +2 -2
  810. package/src/components/Tree/Tree.GuideElbow.stories.tsx +2 -2
  811. package/src/components/Tree/TreeBranchControl.tsx +1 -1
  812. package/src/components/Tree/TreeBranchIndentGuide.test.tsx +2 -2
  813. package/src/components/Tree/TreeItem.tsx +1 -1
  814. package/src/components/Typography/Caption.tsx +5 -5
  815. package/src/components/Typography/Link.tsx +27 -29
  816. package/src/components/Typography/Overline.tsx +2 -2
  817. package/src/components/Workflow/README.md +58 -52
  818. package/src/components/Workflow/Workflow.translations.json +1 -1
  819. package/src/components/Workflow/Workflow.tsx +1 -1
  820. package/src/components/Workflow/canvas/Canvas/BranchLabelBadge.tsx +7 -6
  821. package/src/components/Workflow/canvas/Canvas/Canvas.styles.ts +14 -12
  822. package/src/components/Workflow/canvas/Canvas/Canvas.tsx +9 -9
  823. package/src/components/Workflow/canvas/Canvas/LabeledEdge.tsx +2 -2
  824. package/src/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.tsx +4 -4
  825. package/src/components/Workflow/canvas/DrawerShell/DrawerHeader.tsx +2 -4
  826. package/src/components/Workflow/canvas/DrawerShell/DrawerIssues.tsx +2 -2
  827. package/src/components/Workflow/canvas/DrawerShell/DrawerShell.tsx +6 -6
  828. package/src/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.tsx +4 -4
  829. package/src/components/Workflow/canvas/FieldWrapper/FieldWrapper.tsx +2 -2
  830. package/src/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.tsx +12 -12
  831. package/src/components/Workflow/canvas/IconTile/IconTile.styles.ts +29 -13
  832. package/src/components/Workflow/canvas/IssueList/IssueList.tsx +3 -3
  833. package/src/components/Workflow/canvas/NodePalette/NodePalette.tsx +6 -7
  834. package/src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx +1 -2
  835. package/src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts +6 -8
  836. package/src/components/Workflow/canvas/NodeShell/NodeShell.test.tsx +79 -0
  837. package/src/components/Workflow/canvas/NodeShell/NodeShell.tsx +46 -37
  838. package/src/components/Workflow/canvas/NodeShell/NodeShell.types.ts +2 -0
  839. package/src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx +6 -5
  840. package/src/components/Workflow/canvas/canvasStroke.test.ts +84 -0
  841. package/src/components/Workflow/canvas/colorVar.ts +26 -0
  842. package/src/components/Workflow/canvas/issueSeverity.ts +7 -5
  843. package/src/components/Workflow/canvas/workflowLabelProps.ts +1 -1
  844. package/src/components/Workflow/stories/Workflow.stories.tsx +4 -5
  845. package/src/components/a11y.kwcag.test.tsx +64 -83
  846. package/src/components/claude.md +40 -58
  847. package/src/components/noRawScales.test.ts +152 -0
  848. package/src/components/noSandBackground.test.ts +282 -0
  849. package/src/index.ts +18 -1
  850. package/src/stories/SizeComparison.stories.tsx +1 -1
  851. package/src/theme/BazePalette.stories.tsx +202 -0
  852. package/src/theme/Borders.stories.tsx +9 -9
  853. package/src/theme/Motion.stories.tsx +19 -19
  854. package/src/theme/MotionCases.stories.tsx +1 -1
  855. package/src/theme/Palette.stories.tsx +101 -515
  856. package/src/theme/SemanticTokens.mdx +61 -242
  857. package/src/theme/Surfaces.stories.tsx +3 -3
  858. package/src/theme/chakraTokens.test.ts +115 -0
  859. package/src/theme/claude.md +111 -502
  860. package/src/theme/colors.ts +403 -822
  861. package/src/theme/contrast.test.ts +344 -0
  862. package/src/theme/cssVarNames.test.ts +36 -0
  863. package/src/theme/deprecatedColorTokens.json +95 -0
  864. package/src/theme/global.ts +12 -19
  865. package/src/theme/index.ts +154 -82
  866. package/src/theme/palette.generated.ts +893 -0
  867. package/src/theme/paletteSwatches.test.ts +42 -0
  868. package/src/theme/paletteSwatches.ts +80 -0
  869. package/src/theme/recipes/table.ts +2 -2
  870. package/src/utils/disabledControl.ts +27 -0
  871. package/src/utils/focusRing.ts +9 -2
  872. package/src/utils/isDev.test.ts +41 -0
  873. package/src/utils/isDev.ts +27 -0
  874. package/dist/components/Chip/Chip.styles.d.ts +0 -20
  875. package/dist/components/Chip/Chip.styles.d.ts.map +0 -1
  876. package/dist/components/Chip/Chip.styles.js +0 -143
  877. package/dist/components/Chip/Chip.styles.js.map +0 -1
  878. package/dist/components/Chip/Chip.styles.mjs +0 -137
  879. package/dist/components/Chip/Chip.styles.mjs.map +0 -1
  880. package/src/components/Chip/Chip.styles.ts +0 -147
@@ -1 +1 @@
1
- {"version":3,"file":"PageLoader.mjs","sources":["../../../src/components/Loaders/PageLoader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAIO,MAAM,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,GAAG,IAAI,EAC4B,KAAI;IACvC,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,QAAQ,EAAC,OAAO,EAChB,CAAC,EAAC,OAAO;;;AAGT,QAAA,CAAC,EAAC,QAAQ,EACV,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,SAAS,GAAG,GAAG,GAAG,CAAC,EAC5B,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,SAAS,EAC5B,EAAE,EAAC,WAAW,EACd,MAAM,EAAE,IAAI,KACR,IAAI,EAAA,QAAA,EAERA,GAAA,CAAC,GAAG,IAAC,QAAQ,EAAC,UAAU,EAAA,QAAA,EACtBA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,EAAA,CAC9D,EAAA,CACD;AAEX;;;;"}
1
+ {"version":3,"file":"PageLoader.mjs","sources":["../../../src/components/Loaders/PageLoader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAmBO,MAAM,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,KAAK,EACL,GAAG,IAAI,EACK,KAAI;AAChB,IAAA,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC;IACrE,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,QAAQ,EAAC,OAAO,EAChB,CAAC,EAAC,OAAO;;;QAGT,CAAC,EAAC,QAAQ,EACV,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,SAAS,GAAG,GAAG,GAAG,CAAC,EAC5B,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,SAAS,EAC5B,EAAE,EAAC,WAAW,EACd,MAAM,EAAE,IAAI,EAAA,GACR,WAAW,EAAA,GACX,IAAI,EAAA,QAAA,EAAA,CAEP,UAAU,EACV,OAAO,KAAK,UAAU,IACrBC,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,KAEhBA,GAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAC,UAAU,YACtBA,GAAA,CAAC,OAAO,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,EAAA,CAC9D,CACP,CAAA,EAAA,CACI;AAEX;;;;"}
@@ -1,5 +1,3 @@
1
- import { FlexProps } from '@chakra-ui/react';
2
- export declare const SectionLoader: ({ isLoading, ...rest }: FlexProps & {
3
- isLoading: boolean;
4
- }) => import("react/jsx-runtime").JSX.Element;
1
+ import type { LoaderProps } from './PageLoader';
2
+ export declare const SectionLoader: ({ isLoading, variant, label, ...rest }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
5
3
  //# sourceMappingURL=SectionLoader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SectionLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAInD,eAAO,MAAM,aAAa,GAAI,wBAG3B,SAAS,GAAG;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,4CAoBpC,CAAC"}
1
+ {"version":3,"file":"SectionLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,aAAa,GAAI,wCAK3B,WAAW,4CA2Bb,CAAC"}
@@ -4,11 +4,14 @@
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var react = require('@chakra-ui/react');
6
6
  var Spinner = require('../Spinner/Spinner.js');
7
+ var LoaderStatus = require('./LoaderStatus.js');
8
+ var ThinkingDots = require('./ThinkingDots.js');
7
9
 
8
- const SectionLoader = ({ isLoading, ...rest }) => {
10
+ const SectionLoader = ({ isLoading, variant = 'default', label, ...rest }) => {
11
+ const { statusProps, statusText } = LoaderStatus.useLoaderStatus(isLoading, label);
9
12
  if (!isLoading)
10
13
  return;
11
- return (jsxRuntime.jsx(react.Flex, { position: "absolute", w: "100%", h: "100%", top: 0, left: 0, align: "center", justify: "center", bg: "bg.canvas", animationStyle: "feedback", transitionProperty: "opacity", zIndex: 9999, ...rest, children: jsxRuntime.jsx(Spinner.Spinner, { boxSize: "60px", borderWidth: "6px" }) }));
14
+ return (jsxRuntime.jsxs(react.Flex, { position: "absolute", w: "100%", h: "100%", top: 0, left: 0, align: "center", justify: "center", bg: "bg.canvas", animationStyle: "feedback", transitionProperty: "opacity", zIndex: 9999, ...statusProps, ...rest, children: [statusText, variant === 'thinking' ? (jsxRuntime.jsx(ThinkingDots.ThinkingDots, {})) : (jsxRuntime.jsx(Spinner.Spinner, { boxSize: "60px", borderWidth: "6px" }))] }));
12
15
  };
13
16
 
14
17
  exports.SectionLoader = SectionLoader;
@@ -1 +1 @@
1
- {"version":3,"file":"SectionLoader.js","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"sourcesContent":[null],"names":["_jsx","Flex","Spinner"],"mappings":";;;;;;;AAIO,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,IAAI,EAC4B,KAAI;AACvC,IAAA,IAAI,CAAC,SAAS;QAAE;AAChB,IAAA,QACEA,cAAA,CAACC,UAAI,EAAA,EACH,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,WAAW,EACd,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,SAAS,EAC5B,MAAM,EAAE,IAAI,EAAA,GACR,IAAI,EAAA,QAAA,EAERD,cAAA,CAACE,eAAO,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAA,CAAG,EAAA,CACvC;AAEX;;;;"}
1
+ {"version":3,"file":"SectionLoader.js","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"sourcesContent":[null],"names":["useLoaderStatus","_jsxs","Flex","_jsx","ThinkingDots","Spinner"],"mappings":";;;;;;;;;AAQO,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,KAAK,EACL,GAAG,IAAI,EACK,KAAI;AAChB,IAAA,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAGA,4BAAe,CAAC,SAAS,EAAE,KAAK,CAAC;AACrE,IAAA,IAAI,CAAC,SAAS;QAAE;AAChB,IAAA,QACEC,eAAA,CAACC,UAAI,EAAA,EACH,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,WAAW,EACd,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,SAAS,EAC5B,MAAM,EAAE,IAAI,EAAA,GACR,WAAW,KACX,IAAI,EAAA,QAAA,EAAA,CAEP,UAAU,EACV,OAAO,KAAK,UAAU,IACrBC,cAAA,CAACC,yBAAY,EAAA,EAAA,CAAG,KAEhBD,cAAA,CAACE,eAAO,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,GAAG,CAC7C,CAAA,EAAA,CACI;AAEX;;;;"}
@@ -1,12 +1,15 @@
1
1
  "use client";
2
- import { jsx } from 'react/jsx-runtime';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { Flex } from '@chakra-ui/react';
4
4
  import { Spinner } from '../Spinner/Spinner.mjs';
5
+ import { useLoaderStatus } from './LoaderStatus.mjs';
6
+ import { ThinkingDots } from './ThinkingDots.mjs';
5
7
 
6
- const SectionLoader = ({ isLoading, ...rest }) => {
8
+ const SectionLoader = ({ isLoading, variant = 'default', label, ...rest }) => {
9
+ const { statusProps, statusText } = useLoaderStatus(isLoading, label);
7
10
  if (!isLoading)
8
11
  return;
9
- return (jsx(Flex, { position: "absolute", w: "100%", h: "100%", top: 0, left: 0, align: "center", justify: "center", bg: "bg.canvas", animationStyle: "feedback", transitionProperty: "opacity", zIndex: 9999, ...rest, children: jsx(Spinner, { boxSize: "60px", borderWidth: "6px" }) }));
12
+ return (jsxs(Flex, { position: "absolute", w: "100%", h: "100%", top: 0, left: 0, align: "center", justify: "center", bg: "bg.canvas", animationStyle: "feedback", transitionProperty: "opacity", zIndex: 9999, ...statusProps, ...rest, children: [statusText, variant === 'thinking' ? (jsx(ThinkingDots, {})) : (jsx(Spinner, { boxSize: "60px", borderWidth: "6px" }))] }));
10
13
  };
11
14
 
12
15
  export { SectionLoader };
@@ -1 +1 @@
1
- {"version":3,"file":"SectionLoader.mjs","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAIO,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,IAAI,EAC4B,KAAI;AACvC,IAAA,IAAI,CAAC,SAAS;QAAE;AAChB,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,WAAW,EACd,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,SAAS,EAC5B,MAAM,EAAE,IAAI,EAAA,GACR,IAAI,EAAA,QAAA,EAERA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAA,CAAG,EAAA,CACvC;AAEX;;;;"}
1
+ {"version":3,"file":"SectionLoader.mjs","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAQO,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,KAAK,EACL,GAAG,IAAI,EACK,KAAI;AAChB,IAAA,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC;AACrE,IAAA,IAAI,CAAC,SAAS;QAAE;AAChB,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,WAAW,EACd,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,SAAS,EAC5B,MAAM,EAAE,IAAI,EAAA,GACR,WAAW,KACX,IAAI,EAAA,QAAA,EAAA,CAEP,UAAU,EACV,OAAO,KAAK,UAAU,IACrBC,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,KAEhBA,GAAA,CAAC,OAAO,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,GAAG,CAC7C,CAAA,EAAA,CACI;AAEX;;;;"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Three coral (`action.mark`) dots pulsing in sequence — the `thinking`
3
+ * loader variant. ARIA lives on the loader shell that renders this, not
4
+ * here, so it stays a pure decoration.
5
+ */
6
+ export declare const ThinkingDots: {
7
+ (): import("react/jsx-runtime").JSX.Element;
8
+ displayName: string;
9
+ };
10
+ //# sourceMappingURL=ThinkingDots.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThinkingDots.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/ThinkingDots.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;CAexB,CAAC"}
@@ -0,0 +1,20 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var react = require('@chakra-ui/react');
6
+ var Loaders_styles = require('./Loaders.styles.js');
7
+
8
+ /**
9
+ * Three coral (`action.mark`) dots pulsing in sequence — the `thinking`
10
+ * loader variant. ARIA lives on the loader shell that renders this, not
11
+ * here, so it stays a pure decoration.
12
+ */
13
+ const ThinkingDots = () => (jsxRuntime.jsx(react.HStack, { gap: "1.5", "aria-hidden": "true", children: [0, 1, 2].map((index) => (jsxRuntime.jsx(react.Box, { boxSize: "8px", borderRadius: "full", bg: "action.mark", css: {
14
+ ...Loaders_styles.thinkingDotAnimation,
15
+ animationDelay: `calc(${Loaders_styles.THINKING_DOT_STAGGER} * ${index})`,
16
+ } }, index))) }));
17
+ ThinkingDots.displayName = 'ThinkingDots';
18
+
19
+ exports.ThinkingDots = ThinkingDots;
20
+ //# sourceMappingURL=ThinkingDots.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThinkingDots.js","sources":["../../../src/components/Loaders/ThinkingDots.tsx"],"sourcesContent":[null],"names":["_jsx","HStack","Box","thinkingDotAnimation","THINKING_DOT_STAGGER"],"mappings":";;;;;;;AAIA;;;;AAIG;MACU,YAAY,GAAG,OAC1BA,cAAA,CAACC,YAAM,EAAA,EAAC,GAAG,EAAC,KAAK,iBAAa,MAAM,EAAA,QAAA,EACjC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,MACnBD,cAAA,CAACE,SAAG,EAAA,EAEF,OAAO,EAAC,KAAK,EACb,YAAY,EAAC,MAAM,EACnB,EAAE,EAAC,aAAa,EAChB,GAAG,EAAE;AACH,YAAA,GAAGC,mCAAoB;AACvB,YAAA,cAAc,EAAE,CAAA,KAAA,EAAQC,mCAAoB,CAAA,GAAA,EAAM,KAAK,CAAA,CAAA,CAAG;AAC3D,SAAA,EAAA,EAPI,KAAK,CAQV,CACH,CAAC,EAAA,CACK;AAGX,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
@@ -0,0 +1,18 @@
1
+ "use client";
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { HStack, Box } from '@chakra-ui/react';
4
+ import { THINKING_DOT_STAGGER, thinkingDotAnimation } from './Loaders.styles.mjs';
5
+
6
+ /**
7
+ * Three coral (`action.mark`) dots pulsing in sequence — the `thinking`
8
+ * loader variant. ARIA lives on the loader shell that renders this, not
9
+ * here, so it stays a pure decoration.
10
+ */
11
+ const ThinkingDots = () => (jsx(HStack, { gap: "1.5", "aria-hidden": "true", children: [0, 1, 2].map((index) => (jsx(Box, { boxSize: "8px", borderRadius: "full", bg: "action.mark", css: {
12
+ ...thinkingDotAnimation,
13
+ animationDelay: `calc(${THINKING_DOT_STAGGER} * ${index})`,
14
+ } }, index))) }));
15
+ ThinkingDots.displayName = 'ThinkingDots';
16
+
17
+ export { ThinkingDots };
18
+ //# sourceMappingURL=ThinkingDots.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThinkingDots.mjs","sources":["../../../src/components/Loaders/ThinkingDots.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAIA;;;;AAIG;MACU,YAAY,GAAG,OAC1BA,GAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAC,KAAK,iBAAa,MAAM,EAAA,QAAA,EACjC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,MACnBA,GAAA,CAAC,GAAG,EAAA,EAEF,OAAO,EAAC,KAAK,EACb,YAAY,EAAC,MAAM,EACnB,EAAE,EAAC,aAAa,EAChB,GAAG,EAAE;AACH,YAAA,GAAG,oBAAoB;AACvB,YAAA,cAAc,EAAE,CAAA,KAAA,EAAQ,oBAAoB,CAAA,GAAA,EAAM,KAAK,CAAA,CAAA,CAAG;AAC3D,SAAA,EAAA,EAPI,KAAK,CAQV,CACH,CAAC,EAAA,CACK;AAGX,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
@@ -1,3 +1,4 @@
1
- export { PageLoader } from './PageLoader';
1
+ export { type LoaderProps, type LoaderVariant, PageLoader } from './PageLoader';
2
2
  export { SectionLoader } from './SectionLoader';
3
+ export { ThinkingDots } from './ThinkingDots';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import type { SystemConfig } from '@chakra-ui/react';
3
3
  import type { ColorMode } from '@/components/ColorMode';
4
4
  import type { SupportedLanguage } from '@/components/MonthPicker/constants';
5
+ import { type LogicianThemeOptions } from '../../theme';
5
6
  export interface LogicianProviderProps {
6
7
  /**
7
8
  * Optional custom configuration to extend or override the default Logician UI system.
@@ -41,6 +42,17 @@ export interface LogicianProviderProps {
41
42
  * ```
42
43
  */
43
44
  config?: SystemConfig;
45
+ /**
46
+ * Palette options for the built-in theme — which raw scale fills the
47
+ * neutral/secondary semantic steps. Omit for BAZE (`{ neutral: 'ink',
48
+ * secondary: 'sand' }`).
49
+ *
50
+ * @example
51
+ * ```tsx
52
+ * <LogicianProvider theme={{ neutral: 'slate' }}>…</LogicianProvider>
53
+ * ```
54
+ */
55
+ theme?: LogicianThemeOptions;
44
56
  /**
45
57
  * Language code for internationalization.
46
58
  * Used by date pickers, month pickers, and other locale-aware components.
@@ -1 +1 @@
1
- {"version":3,"file":"LogicianProvider.d.ts","sourceRoot":"","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAsB5E,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAExC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2C5D,CAAC"}
1
+ {"version":3,"file":"LogicianProvider.d.ts","sourceRoot":"","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAG5E,OAAO,EAGL,KAAK,oBAAoB,EAG1B,MAAM,aAAa,CAAC;AAmBrB,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAE7B;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAExC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuD5D,CAAC"}
@@ -45,19 +45,29 @@ function injectFontLinks() {
45
45
  * }
46
46
  * ```
47
47
  */
48
- const LogicianProvider = ({ config, language = 'en', loadFonts = true, defaultColorMode = 'system', forcedColorMode, enableColorMode = true, children, }) => {
48
+ const LogicianProvider = ({ config, theme, language = 'en', loadFonts = true, defaultColorMode = 'system', forcedColorMode, enableColorMode = true, children, }) => {
49
49
  React.useEffect(() => {
50
50
  if (loadFonts) {
51
51
  injectFontLinks();
52
52
  }
53
53
  }, [loadFonts]);
54
+ const neutral = theme?.neutral;
55
+ const secondary = theme?.secondary;
54
56
  const system = React.useMemo(() => {
55
- if (!config) {
57
+ const isDefaultPalette = (neutral ?? 'ink') === 'ink' && (secondary ?? 'sand') === 'sand';
58
+ if (!config && isDefaultPalette) {
56
59
  return index.system;
57
60
  }
58
- // Merge defaultConfig, logicianConfig, and user config
59
- return react.createSystem(react.defaultConfig, index.logicianConfig, config);
60
- }, [config]);
61
+ const base = isDefaultPalette
62
+ ? index.logicianConfig
63
+ : index.createLogicianTheme({ neutral, secondary });
64
+ // Merge defaultConfig, the Logician palette config, and user config. The
65
+ // user's `{ base }` colour overrides are copied to `_light` so they still
66
+ // win over the library's `_light` roles (see normalizeSemanticOverrides).
67
+ return config
68
+ ? react.createSystem(react.defaultConfig, base, index.normalizeSemanticOverrides(config))
69
+ : react.createSystem(react.defaultConfig, base);
70
+ }, [config, neutral, secondary]);
61
71
  const languageValue = React.useMemo(() => ({ language }), [language]);
62
72
  const tree = (jsxRuntime.jsx(useLanguage.LanguageContext.Provider, { value: languageValue, children: jsxRuntime.jsx(react.ChakraProvider, { value: system, children: children }) }));
63
73
  if (!enableColorMode) {
@@ -1 +1 @@
1
- {"version":3,"file":"LogicianProvider.js","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"sourcesContent":[null],"names":["useEffect","useMemo","defaultSystem","createSystem","defaultConfig","logicianConfig","_jsx","LanguageContext","ChakraProvider","ColorModeProvider"],"mappings":";;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAG;;IAEvB,mHAAmH;;IAEnH,2EAA2E;CAC5E;AAED,SAAS,eAAe,GAAA;AACtB,IAAA,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAChC,QAAA,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAA,WAAA,EAAc,IAAI,IAAI,CAAC;YAAE;QACpD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC3C,QAAA,IAAI,CAAC,GAAG,GAAG,YAAY;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACjC,IAAA,CAAC,CAAC;AACJ;AAuFA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,IAAI,EAChB,gBAAgB,GAAG,QAAQ,EAC3B,eAAe,EACf,eAAe,GAAG,IAAI,EACtB,QAAQ,GACT,KAAI;IACHA,eAAS,CAAC,MAAK;QACb,IAAI,SAAS,EAAE;AACb,YAAA,eAAe,EAAE;QACnB;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,MAAM,GAAGC,aAAO,CAAC,MAAK;QAC1B,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAOC,YAAa;QACtB;;QAEA,OAAOC,kBAAY,CAACC,mBAAa,EAAEC,oBAAc,EAAE,MAAM,CAAC;AAC5D,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,aAAa,GAAGJ,aAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAE/D,MAAM,IAAI,IACRK,cAAA,CAACC,2BAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,YAC5CD,cAAA,CAACE,oBAAc,EAAA,EAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,EAAA,CAAkB,EAAA,CACjC,CAC5B;IAED,IAAI,CAAC,eAAe,EAAE;AACpB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACEF,cAAA,CAACG,mCAAiB,EAAA,EAChB,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAAA,QAAA,EAE3B,IAAI,EAAA,CACa;AAExB;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
1
+ {"version":3,"file":"LogicianProvider.js","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"sourcesContent":[null],"names":["useEffect","useMemo","defaultSystem","logicianConfig","createLogicianTheme","createSystem","defaultConfig","normalizeSemanticOverrides","_jsx","LanguageContext","ChakraProvider","ColorModeProvider"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,gBAAgB,GAAG;;IAEvB,mHAAmH;;IAEnH,2EAA2E;CAC5E;AAED,SAAS,eAAe,GAAA;AACtB,IAAA,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAChC,QAAA,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAA,WAAA,EAAc,IAAI,IAAI,CAAC;YAAE;QACpD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC3C,QAAA,IAAI,CAAC,GAAG,GAAG,YAAY;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACjC,IAAA,CAAC,CAAC;AACJ;AAmGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,IAAI,EAChB,gBAAgB,GAAG,QAAQ,EAC3B,eAAe,EACf,eAAe,GAAG,IAAI,EACtB,QAAQ,GACT,KAAI;IACHA,eAAS,CAAC,MAAK;QACb,IAAI,SAAS,EAAE;AACb,YAAA,eAAe,EAAE;QACnB;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO;AAC9B,IAAA,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS;AAClC,IAAA,MAAM,MAAM,GAAGC,aAAO,CAAC,MAAK;AAC1B,QAAA,MAAM,gBAAgB,GACpB,CAAC,OAAO,IAAI,KAAK,MAAM,KAAK,IAAI,CAAC,SAAS,IAAI,MAAM,MAAM,MAAM;AAClE,QAAA,IAAI,CAAC,MAAM,IAAI,gBAAgB,EAAE;AAC/B,YAAA,OAAOC,YAAa;QACtB;QACA,MAAM,IAAI,GAAG;AACX,cAAEC;cACAC,yBAAmB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;;;;AAI/C,QAAA,OAAO;cACHC,kBAAY,CAACC,mBAAa,EAAE,IAAI,EAAEC,gCAA0B,CAAC,MAAM,CAAC;AACtE,cAAEF,kBAAY,CAACC,mBAAa,EAAE,IAAI,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;AAEhC,IAAA,MAAM,aAAa,GAAGL,aAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAE/D,MAAM,IAAI,IACRO,cAAA,CAACC,2BAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,YAC5CD,cAAA,CAACE,oBAAc,EAAA,EAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,EAAA,CAAkB,EAAA,CACjC,CAC5B;IAED,IAAI,CAAC,eAAe,EAAE;AACpB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACEF,cAAA,CAACG,mCAAiB,EAAA,EAChB,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAAA,QAAA,EAE3B,IAAI,EAAA,CACa;AAExB;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
@@ -6,7 +6,7 @@ import { ColorModeProvider } from '../ColorMode/ColorModeProvider.mjs';
6
6
  import '../ColorMode/ColorModeToggle.mjs';
7
7
  import 'next-themes';
8
8
  import { LanguageContext } from '../../hooks/useLanguage.mjs';
9
- import { system, logicianConfig } from '../../theme/index.mjs';
9
+ import { system, logicianConfig, createLogicianTheme, normalizeSemanticOverrides } from '../../theme/index.mjs';
10
10
 
11
11
  const FONT_STYLESHEETS = [
12
12
  // Pretendard Variable — covers Korean + Latin with dynamic subsetting
@@ -43,19 +43,29 @@ function injectFontLinks() {
43
43
  * }
44
44
  * ```
45
45
  */
46
- const LogicianProvider = ({ config, language = 'en', loadFonts = true, defaultColorMode = 'system', forcedColorMode, enableColorMode = true, children, }) => {
46
+ const LogicianProvider = ({ config, theme, language = 'en', loadFonts = true, defaultColorMode = 'system', forcedColorMode, enableColorMode = true, children, }) => {
47
47
  useEffect(() => {
48
48
  if (loadFonts) {
49
49
  injectFontLinks();
50
50
  }
51
51
  }, [loadFonts]);
52
+ const neutral = theme?.neutral;
53
+ const secondary = theme?.secondary;
52
54
  const system$1 = useMemo(() => {
53
- if (!config) {
55
+ const isDefaultPalette = (neutral ?? 'ink') === 'ink' && (secondary ?? 'sand') === 'sand';
56
+ if (!config && isDefaultPalette) {
54
57
  return system;
55
58
  }
56
- // Merge defaultConfig, logicianConfig, and user config
57
- return createSystem(defaultConfig, logicianConfig, config);
58
- }, [config]);
59
+ const base = isDefaultPalette
60
+ ? logicianConfig
61
+ : createLogicianTheme({ neutral, secondary });
62
+ // Merge defaultConfig, the Logician palette config, and user config. The
63
+ // user's `{ base }` colour overrides are copied to `_light` so they still
64
+ // win over the library's `_light` roles (see normalizeSemanticOverrides).
65
+ return config
66
+ ? createSystem(defaultConfig, base, normalizeSemanticOverrides(config))
67
+ : createSystem(defaultConfig, base);
68
+ }, [config, neutral, secondary]);
59
69
  const languageValue = useMemo(() => ({ language }), [language]);
60
70
  const tree = (jsx(LanguageContext.Provider, { value: languageValue, children: jsx(ChakraProvider, { value: system$1, children: children }) }));
61
71
  if (!enableColorMode) {
@@ -1 +1 @@
1
- {"version":3,"file":"LogicianProvider.mjs","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"sourcesContent":[null],"names":["system","defaultSystem","_jsx"],"mappings":";;;;;;;;;;AAYA,MAAM,gBAAgB,GAAG;;IAEvB,mHAAmH;;IAEnH,2EAA2E;CAC5E;AAED,SAAS,eAAe,GAAA;AACtB,IAAA,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAChC,QAAA,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAA,WAAA,EAAc,IAAI,IAAI,CAAC;YAAE;QACpD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC3C,QAAA,IAAI,CAAC,GAAG,GAAG,YAAY;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACjC,IAAA,CAAC,CAAC;AACJ;AAuFA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,IAAI,EAChB,gBAAgB,GAAG,QAAQ,EAC3B,eAAe,EACf,eAAe,GAAG,IAAI,EACtB,QAAQ,GACT,KAAI;IACH,SAAS,CAAC,MAAK;QACb,IAAI,SAAS,EAAE;AACb,YAAA,eAAe,EAAE;QACnB;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAMA,QAAM,GAAG,OAAO,CAAC,MAAK;QAC1B,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAOC,MAAa;QACtB;;QAEA,OAAO,YAAY,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC;AAC5D,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAE/D,MAAM,IAAI,IACRC,GAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,YAC5CA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAEF,QAAM,YAAG,QAAQ,EAAA,CAAkB,EAAA,CACjC,CAC5B;IAED,IAAI,CAAC,eAAe,EAAE;AACpB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACEE,GAAA,CAAC,iBAAiB,EAAA,EAChB,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAAA,QAAA,EAE3B,IAAI,EAAA,CACa;AAExB;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
1
+ {"version":3,"file":"LogicianProvider.mjs","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"sourcesContent":[null],"names":["system","defaultSystem","_jsx"],"mappings":";;;;;;;;;;AAkBA,MAAM,gBAAgB,GAAG;;IAEvB,mHAAmH;;IAEnH,2EAA2E;CAC5E;AAED,SAAS,eAAe,GAAA;AACtB,IAAA,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAChC,QAAA,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAA,WAAA,EAAc,IAAI,IAAI,CAAC;YAAE;QACpD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC3C,QAAA,IAAI,CAAC,GAAG,GAAG,YAAY;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACjC,IAAA,CAAC,CAAC;AACJ;AAmGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,IAAI,EAChB,gBAAgB,GAAG,QAAQ,EAC3B,eAAe,EACf,eAAe,GAAG,IAAI,EACtB,QAAQ,GACT,KAAI;IACH,SAAS,CAAC,MAAK;QACb,IAAI,SAAS,EAAE;AACb,YAAA,eAAe,EAAE;QACnB;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO;AAC9B,IAAA,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS;AAClC,IAAA,MAAMA,QAAM,GAAG,OAAO,CAAC,MAAK;AAC1B,QAAA,MAAM,gBAAgB,GACpB,CAAC,OAAO,IAAI,KAAK,MAAM,KAAK,IAAI,CAAC,SAAS,IAAI,MAAM,MAAM,MAAM;AAClE,QAAA,IAAI,CAAC,MAAM,IAAI,gBAAgB,EAAE;AAC/B,YAAA,OAAOC,MAAa;QACtB;QACA,MAAM,IAAI,GAAG;AACX,cAAE;cACA,mBAAmB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;;;;AAI/C,QAAA,OAAO;cACH,YAAY,CAAC,aAAa,EAAE,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAAC;AACtE,cAAE,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;AAEhC,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAE/D,MAAM,IAAI,IACRC,GAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,YAC5CA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAEF,QAAM,YAAG,QAAQ,EAAA,CAAkB,EAAA,CACjC,CAC5B;IAED,IAAI,CAAC,eAAe,EAAE;AACpB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACEE,GAAA,CAAC,iBAAiB,EAAA,EAChB,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAAA,QAAA,EAE3B,IAAI,EAAA,CACa;AAExB;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AA4CjE,eAAO,MAAM,QAAQ,+DAAqD,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AA+CjE,eAAO,MAAM,QAAQ,+DAAqD,CAAC"}
@@ -11,13 +11,17 @@ const MenuItemImpl = ({ variant = MenuItem_types.ItemVariant.Default, value, chi
11
11
  const isDangerVariant = variant === MenuItem_types.ItemVariant.Danger;
12
12
  return (jsxRuntime.jsxs(react.Menu.Item, { value: value,
13
13
  // Map item text/hover onto semantic tokens so they flip with the mode.
14
- // Was gray.1000 / hover gray.1500 / hover bg gray.50 — none flipped, so
15
- // items rendered dim and hover went near-black on a dark menu.
16
- color: isDangerVariant ? 'danger.main' : 'fg.muted', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer",
14
+ color: isDangerVariant ? 'danger.fg' : 'fg.muted', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer",
17
15
  // Same as `Button`: the style prop outranks the recipe's disabled cursor.
18
- _disabled: { cursor: 'not-allowed' }, _hover: {
19
- color: isDangerVariant ? 'danger.main' : 'fg.default',
20
- backgroundColor: isDangerVariant ? 'danger.lightest' : 'bg.subtle',
16
+ _disabled: { cursor: 'not-allowed' },
17
+ // `_highlighted`, not `_hover`: Zag keeps DOM focus on the menu content
18
+ // and marks the active row with `data-highlighted` (aria-activedescendant),
19
+ // setting it on pointer move as well as on arrow keys. A `_hover`-only
20
+ // block left keyboard navigation on Chakra's recipe `bg.emphasized/60`,
21
+ // and the danger row never showed `danger.bg`.
22
+ _highlighted: {
23
+ color: isDangerVariant ? 'danger.fg' : 'fg.default',
24
+ backgroundColor: isDangerVariant ? 'danger.bg' : 'primary.wash',
21
25
  }, ...focusRing.focusRing, ...rest, children: [icon, children, rightIcon && jsxRuntime.jsx(react.Spacer, {}), rightIcon] }));
22
26
  };
23
27
  /** Type-level polymorphism over the same runtime — see the note on `Button`. */
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.js","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["ItemVariant","_jsxs","Menu","focusRing","_jsx","Spacer","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,GAAGA,0BAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAKA,0BAAW,CAAC,MAAM;IAEtD,QACEC,gBAACC,UAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK;;;;AAIZ,QAAA,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,UAAU,EACnD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS;;QAEhB,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EACpC,MAAM,EAAE;YACN,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,YAAY;YACrD,eAAe,EAAE,eAAe,GAAG,iBAAiB,GAAG,WAAW;AACnE,SAAA,EAAA,GACGC,mBAAS,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,EACJ,QAAQ,EACR,SAAS,IAAIC,eAACC,YAAM,EAAA,EAAA,CAAG,EACvB,SAAS,CAAA,EAAA,CACA;AAEhB,CAAC;AAED;AACA,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAGC,uBAAW,CAA0B,YAAY;;;;"}
1
+ {"version":3,"file":"MenuItem.js","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["ItemVariant","_jsxs","Menu","focusRing","_jsx","Spacer","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,GAAGA,0BAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAKA,0BAAW,CAAC,MAAM;IAEtD,QACEC,gBAACC,UAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK;;AAEZ,QAAA,KAAK,EAAE,eAAe,GAAG,WAAW,GAAG,UAAU,EACjD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS;;AAEhB,QAAA,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE;;;;;;AAMpC,QAAA,YAAY,EAAE;YACZ,KAAK,EAAE,eAAe,GAAG,WAAW,GAAG,YAAY;YACnD,eAAe,EAAE,eAAe,GAAG,WAAW,GAAG,cAAc;AAChE,SAAA,EAAA,GACGC,mBAAS,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,EACJ,QAAQ,EACR,SAAS,IAAIC,eAACC,YAAM,EAAA,EAAA,CAAG,EACvB,SAAS,CAAA,EAAA,CACA;AAEhB,CAAC;AAED;AACA,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAGC,uBAAW,CAA0B,YAAY;;;;"}
@@ -9,13 +9,17 @@ const MenuItemImpl = ({ variant = ItemVariant.Default, value, children, icon, ri
9
9
  const isDangerVariant = variant === ItemVariant.Danger;
10
10
  return (jsxs(Menu.Item, { value: value,
11
11
  // Map item text/hover onto semantic tokens so they flip with the mode.
12
- // Was gray.1000 / hover gray.1500 / hover bg gray.50 — none flipped, so
13
- // items rendered dim and hover went near-black on a dark menu.
14
- color: isDangerVariant ? 'danger.main' : 'fg.muted', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer",
12
+ color: isDangerVariant ? 'danger.fg' : 'fg.muted', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer",
15
13
  // Same as `Button`: the style prop outranks the recipe's disabled cursor.
16
- _disabled: { cursor: 'not-allowed' }, _hover: {
17
- color: isDangerVariant ? 'danger.main' : 'fg.default',
18
- backgroundColor: isDangerVariant ? 'danger.lightest' : 'bg.subtle',
14
+ _disabled: { cursor: 'not-allowed' },
15
+ // `_highlighted`, not `_hover`: Zag keeps DOM focus on the menu content
16
+ // and marks the active row with `data-highlighted` (aria-activedescendant),
17
+ // setting it on pointer move as well as on arrow keys. A `_hover`-only
18
+ // block left keyboard navigation on Chakra's recipe `bg.emphasized/60`,
19
+ // and the danger row never showed `danger.bg`.
20
+ _highlighted: {
21
+ color: isDangerVariant ? 'danger.fg' : 'fg.default',
22
+ backgroundColor: isDangerVariant ? 'danger.bg' : 'primary.wash',
19
23
  }, ...focusRing, ...rest, children: [icon, children, rightIcon && jsx(Spacer, {}), rightIcon] }));
20
24
  };
21
25
  /** Type-level polymorphism over the same runtime — see the note on `Button`. */
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.mjs","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAOA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,GAAG,WAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAK,WAAW,CAAC,MAAM;IAEtD,QACEA,KAAC,IAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK;;;;AAIZ,QAAA,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,UAAU,EACnD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS;;QAEhB,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EACpC,MAAM,EAAE;YACN,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,YAAY;YACrD,eAAe,EAAE,eAAe,GAAG,iBAAiB,GAAG,WAAW;AACnE,SAAA,EAAA,GACG,SAAS,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,EACJ,QAAQ,EACR,SAAS,IAAIC,IAAC,MAAM,EAAA,EAAA,CAAG,EACvB,SAAS,CAAA,EAAA,CACA;AAEhB,CAAC;AAED;AACA,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAG,WAAW,CAA0B,YAAY;;;;"}
1
+ {"version":3,"file":"MenuItem.mjs","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAOA,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,GAAG,WAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAK,WAAW,CAAC,MAAM;IAEtD,QACEA,KAAC,IAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK;;AAEZ,QAAA,KAAK,EAAE,eAAe,GAAG,WAAW,GAAG,UAAU,EACjD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS;;AAEhB,QAAA,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE;;;;;;AAMpC,QAAA,YAAY,EAAE;YACZ,KAAK,EAAE,eAAe,GAAG,WAAW,GAAG,YAAY;YACnD,eAAe,EAAE,eAAe,GAAG,WAAW,GAAG,cAAc;AAChE,SAAA,EAAA,GACG,SAAS,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,EACJ,QAAQ,EACR,SAAS,IAAIC,IAAC,MAAM,EAAA,EAAA,CAAG,EACvB,SAAS,CAAA,EAAA,CACA;AAEhB,CAAC;AAED;AACA,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAG,WAAW,CAA0B,YAAY;;;;"}
@@ -26,7 +26,7 @@ const MenuList = React.forwardRef(({ children, portalled = true, stagger = false
26
26
  // Light keeps its original near-white halo; dark uses a real dark
27
27
  // shadow so the menu doesn't glow against the dark canvas.
28
28
  boxShadow: {
29
- base: '0 5px 20px 1px {colors.gray.50}',
29
+ base: '0 5px 20px 1px {colors.neutral.1}',
30
30
  _dark: '0 5px 20px 1px rgba(0, 0, 0, 0.5)',
31
31
  }, p: "1.5",
32
32
  // Chakra's recipe opens the menu in 150ms and closes it in 100 —
@@ -1 +1 @@
1
- {"version":3,"file":"MenuList.js","sources":["../../../src/components/Menu/MenuList.tsx"],"sourcesContent":[null],"names":["forwardRef","useMenuContext","Children","isValidElement","cloneElement","staggerProps","_jsx","Menu","ScaledContext","Portal"],"mappings":";;;;;;;;;;AA0BO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAChE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,yBAAc,EAAE;;;;;;;;IASzC,MAAM,IAAI,GAAG;AACX,UAAEC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAClCC,oBAAc,CAAC,KAAK;cAChBC,kBAAY,CAAC,KAAK,EAAEC,yBAAY,CAAC,KAAK,CAAC;cACvC,KAAK;UAEX,QAAQ;IAEZ,MAAM,OAAO,IACXC,cAAA,CAACC,UAAI,CAAC,UAAU,EAAA,EAAA,QAAA,EACdD,cAAA,CAACC,UAAI,CAAC,OAAO,EAAA,EACX,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,IAAI;;;AAGjB,YAAA,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,iCAAiC;AACvC,gBAAA,KAAK,EAAE,mCAAmC;aAC3C,EACD,CAAC,EAAC,KAAK;;;;;AAKP,YAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,IAAI,EAAA,QAAA,EAERD,eAACE,2BAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,IAAI,GAAiB,EAAA,CAChD,EAAA,CACC,CACnB;AAED,IAAA,OAAO,SAAS,GAAGF,cAAA,CAACG,YAAM,EAAA,EAAA,QAAA,EAAE,OAAO,EAAA,CAAU,GAAG,OAAO;AACzD,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,WAAW;;;;"}
1
+ {"version":3,"file":"MenuList.js","sources":["../../../src/components/Menu/MenuList.tsx"],"sourcesContent":[null],"names":["forwardRef","useMenuContext","Children","isValidElement","cloneElement","staggerProps","_jsx","Menu","ScaledContext","Portal"],"mappings":";;;;;;;;;;AA0BO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAChE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,yBAAc,EAAE;;;;;;;;IASzC,MAAM,IAAI,GAAG;AACX,UAAEC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAClCC,oBAAc,CAAC,KAAK;cAChBC,kBAAY,CAAC,KAAK,EAAEC,yBAAY,CAAC,KAAK,CAAC;cACvC,KAAK;UAEX,QAAQ;IAEZ,MAAM,OAAO,IACXC,cAAA,CAACC,UAAI,CAAC,UAAU,EAAA,EAAA,QAAA,EACdD,cAAA,CAACC,UAAI,CAAC,OAAO,EAAA,EACX,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,IAAI;;;AAGjB,YAAA,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,mCAAmC;AACzC,gBAAA,KAAK,EAAE,mCAAmC;aAC3C,EACD,CAAC,EAAC,KAAK;;;;;AAKP,YAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,IAAI,EAAA,QAAA,EAERD,eAACE,2BAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,IAAI,GAAiB,EAAA,CAChD,EAAA,CACC,CACnB;AAED,IAAA,OAAO,SAAS,GAAGF,cAAA,CAACG,YAAM,EAAA,EAAA,QAAA,EAAE,OAAO,EAAA,CAAU,GAAG,OAAO;AACzD,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,WAAW;;;;"}
@@ -24,7 +24,7 @@ const MenuList = forwardRef(({ children, portalled = true, stagger = false, ...r
24
24
  // Light keeps its original near-white halo; dark uses a real dark
25
25
  // shadow so the menu doesn't glow against the dark canvas.
26
26
  boxShadow: {
27
- base: '0 5px 20px 1px {colors.gray.50}',
27
+ base: '0 5px 20px 1px {colors.neutral.1}',
28
28
  _dark: '0 5px 20px 1px rgba(0, 0, 0, 0.5)',
29
29
  }, p: "1.5",
30
30
  // Chakra's recipe opens the menu in 150ms and closes it in 100 —
@@ -1 +1 @@
1
- {"version":3,"file":"MenuList.mjs","sources":["../../../src/components/Menu/MenuList.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;AA0BO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAChE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE;;;;;;;;IASzC,MAAM,IAAI,GAAG;AACX,UAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAClC,cAAc,CAAC,KAAK;cAChB,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;cACvC,KAAK;UAEX,QAAQ;IAEZ,MAAM,OAAO,IACXA,GAAA,CAAC,IAAI,CAAC,UAAU,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,IAAI,CAAC,OAAO,EAAA,EACX,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,IAAI;;;AAGjB,YAAA,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,iCAAiC;AACvC,gBAAA,KAAK,EAAE,mCAAmC;aAC3C,EACD,CAAC,EAAC,KAAK;;;;;AAKP,YAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,IAAI,EAAA,QAAA,EAERA,IAAC,aAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,IAAI,GAAiB,EAAA,CAChD,EAAA,CACC,CACnB;AAED,IAAA,OAAO,SAAS,GAAGA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAE,OAAO,EAAA,CAAU,GAAG,OAAO;AACzD,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,WAAW;;;;"}
1
+ {"version":3,"file":"MenuList.mjs","sources":["../../../src/components/Menu/MenuList.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;AA0BO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAChE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE;;;;;;;;IASzC,MAAM,IAAI,GAAG;AACX,UAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAClC,cAAc,CAAC,KAAK;cAChB,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;cACvC,KAAK;UAEX,QAAQ;IAEZ,MAAM,OAAO,IACXA,GAAA,CAAC,IAAI,CAAC,UAAU,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,IAAI,CAAC,OAAO,EAAA,EACX,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,IAAI;;;AAGjB,YAAA,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,mCAAmC;AACzC,gBAAA,KAAK,EAAE,mCAAmC;aAC3C,EACD,CAAC,EAAC,KAAK;;;;;AAKP,YAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,IAAI,EAAA,QAAA,EAERA,IAAC,aAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,IAAI,GAAiB,EAAA,CAChD,EAAA,CACC,CACnB;AAED,IAAA,OAAO,SAAS,GAAGA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAE,OAAO,EAAA,CAAU,GAAG,OAAO;AACzD,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,WAAW;;;;"}
@@ -1,3 +1,3 @@
1
1
  import { ModalProps } from './Modal.types';
2
- export declare const Modal: ({ children, open, onOpenChange, portalProps, fullScreenOnMobile, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Modal: ({ children, open, onOpenChange, portalProps, fullScreenOnMobile, headerTone, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;
3
3
  //# sourceMappingURL=Modal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,eAAO,MAAM,KAAK,GAAI,4EAOnB,UAAU,4CAuBZ,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,eAAO,MAAM,KAAK,GAAI,wFAQnB,UAAU,4CA0BZ,CAAC"}
@@ -6,8 +6,8 @@ var React = require('react');
6
6
  var react = require('@chakra-ui/react');
7
7
  var ModalContext = require('./ModalContext.js');
8
8
 
9
- const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = false, ...rest }) => {
10
- const ctx = React.useMemo(() => ({ fullScreenOnMobile }), [fullScreenOnMobile]);
9
+ const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = false, headerTone = 'default', ...rest }) => {
10
+ const ctx = React.useMemo(() => ({ fullScreenOnMobile, headerTone }), [fullScreenOnMobile, headerTone]);
11
11
  return (jsxRuntime.jsx(react.Dialog.Root, { open: open, onOpenChange: onOpenChange, placement: "center", closeOnInteractOutside: true, ...rest, children: jsxRuntime.jsxs(react.Portal, { ...portalProps, children: [jsxRuntime.jsx(react.Dialog.Backdrop, { _open: { animationDuration: 'motion.base' }, _closed: { animationDuration: 'fast' } }), jsxRuntime.jsx(ModalContext.ModalContext.Provider, { value: ctx, children: children })] }) }));
12
12
  };
13
13
 
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":[null],"names":["useMemo","_jsx","Dialog","_jsxs","Portal","ModalContext"],"mappings":";;;;;;;;MAMa,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACI,KAAI;AACf,IAAA,MAAM,GAAG,GAAGA,aAAO,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzE,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,sBAAsB,EAAA,IAAA,EAAA,GAClB,IAAI,EAAA,QAAA,EAERC,eAAA,CAACC,YAAM,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAA,CAIrBH,cAAA,CAACC,YAAM,CAAC,QAAQ,EAAA,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,CACtC,EACFD,cAAA,CAACI,yBAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAA,EAAA,CAC9D,EAAA,CACG;AAElB;;;;"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":[null],"names":["useMemo","_jsx","Dialog","_jsxs","Portal","ModalContext"],"mappings":";;;;;;;;AAMO,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,KAAK,EAC1B,UAAU,GAAG,SAAS,EACtB,GAAG,IAAI,EACI,KAAI;IACf,MAAM,GAAG,GAAGA,aAAO,CACjB,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC,EAC1C,CAAC,kBAAkB,EAAE,UAAU,CAAC,CACjC;AAED,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,sBAAsB,EAAA,IAAA,EAAA,GAClB,IAAI,EAAA,QAAA,EAERC,eAAA,CAACC,YAAM,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAA,CAIrBH,cAAA,CAACC,YAAM,CAAC,QAAQ,EAAA,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,CACtC,EACFD,cAAA,CAACI,yBAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAA,EAAA,CAC9D,EAAA,CACG;AAElB;;;;"}
@@ -4,8 +4,8 @@ import { useMemo } from 'react';
4
4
  import { Dialog, Portal } from '@chakra-ui/react';
5
5
  import { ModalContext } from './ModalContext.mjs';
6
6
 
7
- const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = false, ...rest }) => {
8
- const ctx = useMemo(() => ({ fullScreenOnMobile }), [fullScreenOnMobile]);
7
+ const Modal = ({ children, open, onOpenChange, portalProps, fullScreenOnMobile = false, headerTone = 'default', ...rest }) => {
8
+ const ctx = useMemo(() => ({ fullScreenOnMobile, headerTone }), [fullScreenOnMobile, headerTone]);
9
9
  return (jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, placement: "center", closeOnInteractOutside: true, ...rest, children: jsxs(Portal, { ...portalProps, children: [jsx(Dialog.Backdrop, { _open: { animationDuration: 'motion.base' }, _closed: { animationDuration: 'fast' } }), jsx(ModalContext.Provider, { value: ctx, children: children })] }) }));
10
10
  };
11
11
 
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;MAMa,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACI,KAAI;AACf,IAAA,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzE,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,sBAAsB,EAAA,IAAA,EAAA,GAClB,IAAI,EAAA,QAAA,EAERC,IAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAA,CAIrBD,GAAA,CAAC,MAAM,CAAC,QAAQ,EAAA,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,CACtC,EACFA,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAA,EAAA,CAC9D,EAAA,CACG;AAElB;;;;"}
1
+ {"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAMO,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,kBAAkB,GAAG,KAAK,EAC1B,UAAU,GAAG,SAAS,EACtB,GAAG,IAAI,EACI,KAAI;IACf,MAAM,GAAG,GAAG,OAAO,CACjB,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC,EAC1C,CAAC,kBAAkB,EAAE,UAAU,CAAC,CACjC;AAED,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,EAClB,sBAAsB,EAAA,IAAA,EAAA,GAClB,IAAI,EAAA,QAAA,EAERC,IAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAA,QAAA,EAAA,CAIrBD,GAAA,CAAC,MAAM,CAAC,QAAQ,EAAA,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAC3C,OAAO,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAA,CACtC,EACFA,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAyB,CAAA,EAAA,CAC9D,EAAA,CACG;AAElB;;;;"}
@@ -1,6 +1,18 @@
1
1
  import { Dialog, PortalProps } from '@chakra-ui/react';
2
+ /**
3
+ * `'brand'` paints the header a neutral `layer.3` band with a
4
+ * `secondary.border` bottom rule (the subtitle stays `fg.muted`) for a modal that
5
+ * wants brand presence up top — an onboarding step, a celebratory confirm.
6
+ * `'default'` (the default) leaves the header unstyled, matching the body.
7
+ */
8
+ export type ModalHeaderTone = 'default' | 'brand';
2
9
  export type ModalProps = Dialog.RootProps & {
3
10
  portalProps?: PortalProps;
11
+ /**
12
+ * Styles `ModalHeader` as a brand band instead of the plain default.
13
+ * @default 'default'
14
+ */
15
+ headerTone?: ModalHeaderTone;
4
16
  /**
5
17
  * When true, the modal becomes fullscreen on mobile viewports
6
18
  * (100vw x 100dvh, no border-radius). When false it keeps the dialog
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,GAAG;IAG1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}
1
+ {"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,GAAG;IAG1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}
@@ -1,5 +1,7 @@
1
+ import { ModalHeaderTone } from './Modal.types';
1
2
  interface ModalContextValue {
2
3
  fullScreenOnMobile: boolean;
4
+ headerTone: ModalHeaderTone;
3
5
  }
4
6
  export declare const ModalContext: import("react").Context<ModalContextValue>;
5
7
  export declare const useModalContext: () => ModalContextValue;
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContext.ts"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,4CAEvB,CAAC;AAEH,eAAO,MAAM,eAAe,yBAAiC,CAAC"}
1
+ {"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContext.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,4CAGvB,CAAC;AAEH,eAAO,MAAM,eAAe,yBAAiC,CAAC"}
@@ -5,6 +5,7 @@ var React = require('react');
5
5
 
6
6
  const ModalContext = React.createContext({
7
7
  fullScreenOnMobile: false,
8
+ headerTone: 'default',
8
9
  });
9
10
  const useModalContext = () => React.useContext(ModalContext);
10
11
 
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContext.js","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":[null],"names":["createContext","useContext"],"mappings":";;;;;AAQO,MAAM,YAAY,GAAGA,mBAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,KAAK;AAC1B,CAAA;AAEM,MAAM,eAAe,GAAG,MAAMC,gBAAU,CAAC,YAAY;;;;;"}
1
+ {"version":3,"file":"ModalContext.js","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":[null],"names":["createContext","useContext"],"mappings":";;;;;AAWO,MAAM,YAAY,GAAGA,mBAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,UAAU,EAAE,SAAS;AACtB,CAAA;AAEM,MAAM,eAAe,GAAG,MAAMC,gBAAU,CAAC,YAAY;;;;;"}
@@ -3,6 +3,7 @@ import { createContext, useContext } from 'react';
3
3
 
4
4
  const ModalContext = createContext({
5
5
  fullScreenOnMobile: false,
6
+ headerTone: 'default',
6
7
  });
7
8
  const useModalContext = () => useContext(ModalContext);
8
9
 
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContext.mjs","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAQO,MAAM,YAAY,GAAG,aAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,KAAK;AAC1B,CAAA;AAEM,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,YAAY;;;;"}
1
+ {"version":3,"file":"ModalContext.mjs","sources":["../../../src/components/Modal/ModalContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAWO,MAAM,YAAY,GAAG,aAAa,CAAoB;AAC3D,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,UAAU,EAAE,SAAS;AACtB,CAAA;AAEM,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,YAAY;;;;"}
@@ -1,3 +1,22 @@
1
+ import { ReactNode } from 'react';
1
2
  import { Dialog } from '@chakra-ui/react';
2
- export declare const ModalHeader: ({ ...rest }: Dialog.HeaderProps) => import("react/jsx-runtime").JSX.Element;
3
+ export type ModalHeaderProps = Dialog.HeaderProps & {
4
+ /**
5
+ * Optional line under the title, in `fg.muted` (on the brand band too —
6
+ * `secondary.fgStrong` on `layer.3` misses 7:1 in high-contrast dark). Rendered as the dialog's
7
+ * description, so the dialog gets `aria-describedby` pointing at it.
8
+ */
9
+ subtitle?: ReactNode;
10
+ };
11
+ /**
12
+ * The dialog header: the children are the dialog's title and `subtitle` sits
13
+ * under it.
14
+ *
15
+ * Children become `Dialog.Title`, which gives the dialog its accessible name
16
+ * (`aria-labelledby`). Text — a string, or text mixed with expressions — is
17
+ * rendered as the title heading (`h2`). A single element is the caller's own
18
+ * markup, possibly its own heading, so it is wrapped in a `div` carrying the
19
+ * title id instead of being nested inside an `h2`.
20
+ */
21
+ export declare const ModalHeader: ({ subtitle, children, ...rest }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
3
22
  //# sourceMappingURL=ModalHeader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM,CAAC,WAAW,4CAW1D,CAAC"}
1
+ {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,GAAG;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAcF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,iCAIzB,gBAAgB,4CA2ClB,CAAC"}