@miragon/mcp-toolkit-ui 2.6.0 → 2.8.0

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 (511) hide show
  1. package/README.md +14 -5
  2. package/dist/app/adapt-data-widget.d.ts +1 -22
  3. package/dist/app/adapt-data-widget.d.ts.map +1 -1
  4. package/dist/app/adapt-data-widget.js +1 -35
  5. package/dist/app/adapt-data-widget.js.map +1 -1
  6. package/dist/app/builder/BuilderBanners.d.ts +7 -2
  7. package/dist/app/builder/BuilderBanners.d.ts.map +1 -1
  8. package/dist/app/builder/BuilderBanners.js +8 -3
  9. package/dist/app/builder/BuilderBanners.js.map +1 -1
  10. package/dist/app/builder/CanvasRow.d.ts +4 -2
  11. package/dist/app/builder/CanvasRow.d.ts.map +1 -1
  12. package/dist/app/builder/CanvasRow.js +29 -17
  13. package/dist/app/builder/CanvasRow.js.map +1 -1
  14. package/dist/app/builder/CatalogueSheet.d.ts.map +1 -1
  15. package/dist/app/builder/CatalogueSheet.js +14 -6
  16. package/dist/app/builder/CatalogueSheet.js.map +1 -1
  17. package/dist/app/builder/CellPropsSheet.d.ts +7 -3
  18. package/dist/app/builder/CellPropsSheet.d.ts.map +1 -1
  19. package/dist/app/builder/CellPropsSheet.js +10 -3
  20. package/dist/app/builder/CellPropsSheet.js.map +1 -1
  21. package/dist/app/builder/DiscardDialog.d.ts +18 -0
  22. package/dist/app/builder/DiscardDialog.d.ts.map +1 -0
  23. package/dist/app/builder/DiscardDialog.js +18 -0
  24. package/dist/app/builder/DiscardDialog.js.map +1 -0
  25. package/dist/app/builder/EmptyHint.d.ts +4 -0
  26. package/dist/app/builder/EmptyHint.d.ts.map +1 -1
  27. package/dist/app/builder/EmptyHint.js +6 -1
  28. package/dist/app/builder/EmptyHint.js.map +1 -1
  29. package/dist/app/builder/LayoutSurface.d.ts +33 -9
  30. package/dist/app/builder/LayoutSurface.d.ts.map +1 -1
  31. package/dist/app/builder/LayoutSurface.js +74 -23
  32. package/dist/app/builder/LayoutSurface.js.map +1 -1
  33. package/dist/app/builder/PipelineStrip.d.ts +5 -2
  34. package/dist/app/builder/PipelineStrip.d.ts.map +1 -1
  35. package/dist/app/builder/PipelineStrip.js +33 -15
  36. package/dist/app/builder/PipelineStrip.js.map +1 -1
  37. package/dist/app/builder/SaveDialog.d.ts +9 -1
  38. package/dist/app/builder/SaveDialog.d.ts.map +1 -1
  39. package/dist/app/builder/SaveDialog.js +9 -3
  40. package/dist/app/builder/SaveDialog.js.map +1 -1
  41. package/dist/app/builder/Toolbar.d.ts +14 -4
  42. package/dist/app/builder/Toolbar.d.ts.map +1 -1
  43. package/dist/app/builder/Toolbar.js +24 -7
  44. package/dist/app/builder/Toolbar.js.map +1 -1
  45. package/dist/app/builder/Workspace.d.ts +23 -3
  46. package/dist/app/builder/Workspace.d.ts.map +1 -1
  47. package/dist/app/builder/Workspace.js +58 -8
  48. package/dist/app/builder/Workspace.js.map +1 -1
  49. package/dist/app/builder/builder-model.d.ts +146 -3
  50. package/dist/app/builder/builder-model.d.ts.map +1 -1
  51. package/dist/app/builder/builder-model.js +196 -5
  52. package/dist/app/builder/builder-model.js.map +1 -1
  53. package/dist/app/builder/labels.d.ts +13 -62
  54. package/dist/app/builder/labels.d.ts.map +1 -1
  55. package/dist/app/builder/labels.js +9 -58
  56. package/dist/app/builder/labels.js.map +1 -1
  57. package/dist/app/builder/reveal.d.ts +10 -0
  58. package/dist/app/builder/reveal.d.ts.map +1 -0
  59. package/dist/app/builder/reveal.js +10 -0
  60. package/dist/app/builder/reveal.js.map +1 -0
  61. package/dist/app/builder/status-chip.d.ts.map +1 -1
  62. package/dist/app/builder/status-chip.js +3 -2
  63. package/dist/app/builder/status-chip.js.map +1 -1
  64. package/dist/app/builder/use-builder-catalogue.d.ts +5 -1
  65. package/dist/app/builder/use-builder-catalogue.d.ts.map +1 -1
  66. package/dist/app/builder/use-builder-catalogue.js +50 -17
  67. package/dist/app/builder/use-builder-catalogue.js.map +1 -1
  68. package/dist/app/builder/use-builder-session.d.ts +30 -0
  69. package/dist/app/builder/use-builder-session.d.ts.map +1 -0
  70. package/dist/app/builder/use-builder-session.js +58 -0
  71. package/dist/app/builder/use-builder-session.js.map +1 -0
  72. package/dist/app/builder/use-display-resolver.d.ts +17 -0
  73. package/dist/app/builder/use-display-resolver.d.ts.map +1 -0
  74. package/dist/app/builder/use-display-resolver.js +16 -0
  75. package/dist/app/builder/use-display-resolver.js.map +1 -0
  76. package/dist/app/builder/use-save-dashboard.d.ts +3 -1
  77. package/dist/app/builder/use-save-dashboard.d.ts.map +1 -1
  78. package/dist/app/builder/use-save-dashboard.js +3 -1
  79. package/dist/app/builder/use-save-dashboard.js.map +1 -1
  80. package/dist/app/index.d.ts +8 -3
  81. package/dist/app/index.d.ts.map +1 -1
  82. package/dist/app/index.js +8 -2
  83. package/dist/app/index.js.map +1 -1
  84. package/dist/app/layout-builder.d.ts +18 -25
  85. package/dist/app/layout-builder.d.ts.map +1 -1
  86. package/dist/app/layout-builder.js +84 -78
  87. package/dist/app/layout-builder.js.map +1 -1
  88. package/dist/app/mcp-app-view-chrome.d.ts +103 -20
  89. package/dist/app/mcp-app-view-chrome.d.ts.map +1 -1
  90. package/dist/app/mcp-app-view-chrome.js +125 -40
  91. package/dist/app/mcp-app-view-chrome.js.map +1 -1
  92. package/dist/app/mcp-app-view-states.d.ts +23 -0
  93. package/dist/app/mcp-app-view-states.d.ts.map +1 -0
  94. package/dist/app/mcp-app-view-states.js +55 -0
  95. package/dist/app/mcp-app-view-states.js.map +1 -0
  96. package/dist/app/mcp-app-view.d.ts +72 -5
  97. package/dist/app/mcp-app-view.d.ts.map +1 -1
  98. package/dist/app/mcp-app-view.js +241 -141
  99. package/dist/app/mcp-app-view.js.map +1 -1
  100. package/dist/app/mcp-toolkit-app.d.ts +8 -2
  101. package/dist/app/mcp-toolkit-app.d.ts.map +1 -1
  102. package/dist/app/mcp-toolkit-app.js +33 -4
  103. package/dist/app/mcp-toolkit-app.js.map +1 -1
  104. package/dist/app/mcp-use-host-bridge.d.ts +15 -6
  105. package/dist/app/mcp-use-host-bridge.d.ts.map +1 -1
  106. package/dist/app/mcp-use-host-bridge.js +51 -22
  107. package/dist/app/mcp-use-host-bridge.js.map +1 -1
  108. package/dist/app/model-context.d.ts +71 -0
  109. package/dist/app/model-context.d.ts.map +1 -0
  110. package/dist/app/model-context.js +101 -0
  111. package/dist/app/model-context.js.map +1 -0
  112. package/dist/app/use-build-mode-focus.d.ts +33 -0
  113. package/dist/app/use-build-mode-focus.d.ts.map +1 -0
  114. package/dist/app/use-build-mode-focus.js +59 -0
  115. package/dist/app/use-build-mode-focus.js.map +1 -0
  116. package/dist/app/use-view-actions.d.ts +31 -0
  117. package/dist/app/use-view-actions.d.ts.map +1 -0
  118. package/dist/app/use-view-actions.js +81 -0
  119. package/dist/app/use-view-actions.js.map +1 -0
  120. package/dist/app/use-view-lifecycle.d.ts +42 -0
  121. package/dist/app/use-view-lifecycle.d.ts.map +1 -0
  122. package/dist/app/use-view-lifecycle.js +81 -0
  123. package/dist/app/use-view-lifecycle.js.map +1 -0
  124. package/dist/app/view-lifecycle.d.ts +185 -0
  125. package/dist/app/view-lifecycle.d.ts.map +1 -0
  126. package/dist/app/view-lifecycle.js +207 -0
  127. package/dist/app/view-lifecycle.js.map +1 -0
  128. package/dist/app/widget-fixture.d.ts +10 -3
  129. package/dist/app/widget-fixture.d.ts.map +1 -1
  130. package/dist/app/widget-fixture.js +21 -8
  131. package/dist/app/widget-fixture.js.map +1 -1
  132. package/dist/app/widget-props-sheet.d.ts +6 -10
  133. package/dist/app/widget-props-sheet.d.ts.map +1 -1
  134. package/dist/app/widget-props-sheet.js +25 -20
  135. package/dist/app/widget-props-sheet.js.map +1 -1
  136. package/dist/app/widget-renderer.d.ts +41 -1
  137. package/dist/app/widget-renderer.d.ts.map +1 -1
  138. package/dist/app/widget-renderer.js +82 -31
  139. package/dist/app/widget-renderer.js.map +1 -1
  140. package/dist/components/DrillButton.d.ts +9 -6
  141. package/dist/components/DrillButton.d.ts.map +1 -1
  142. package/dist/components/DrillButton.js +9 -6
  143. package/dist/components/DrillButton.js.map +1 -1
  144. package/dist/components/EmptyState.d.ts +33 -0
  145. package/dist/components/EmptyState.d.ts.map +1 -0
  146. package/dist/components/EmptyState.js +19 -0
  147. package/dist/components/EmptyState.js.map +1 -0
  148. package/dist/components/ErrorState.d.ts +53 -0
  149. package/dist/components/ErrorState.d.ts.map +1 -0
  150. package/dist/components/ErrorState.js +77 -0
  151. package/dist/components/ErrorState.js.map +1 -0
  152. package/dist/components/FilterBar.d.ts +16 -5
  153. package/dist/components/FilterBar.d.ts.map +1 -1
  154. package/dist/components/FilterBar.js +13 -5
  155. package/dist/components/FilterBar.js.map +1 -1
  156. package/dist/components/GroupCard.d.ts.map +1 -1
  157. package/dist/components/GroupCard.js +2 -1
  158. package/dist/components/GroupCard.js.map +1 -1
  159. package/dist/components/KpiGrid.d.ts +70 -18
  160. package/dist/components/KpiGrid.d.ts.map +1 -1
  161. package/dist/components/KpiGrid.js +112 -23
  162. package/dist/components/KpiGrid.js.map +1 -1
  163. package/dist/components/ListFooter.d.ts +32 -4
  164. package/dist/components/ListFooter.d.ts.map +1 -1
  165. package/dist/components/ListFooter.js +35 -6
  166. package/dist/components/ListFooter.js.map +1 -1
  167. package/dist/components/PagedListFooter.d.ts +57 -0
  168. package/dist/components/PagedListFooter.d.ts.map +1 -0
  169. package/dist/components/PagedListFooter.js +27 -0
  170. package/dist/components/PagedListFooter.js.map +1 -0
  171. package/dist/components/Pills.d.ts +36 -12
  172. package/dist/components/Pills.d.ts.map +1 -1
  173. package/dist/components/Pills.js +29 -8
  174. package/dist/components/Pills.js.map +1 -1
  175. package/dist/components/SectionHeading.d.ts +3 -1
  176. package/dist/components/SectionHeading.d.ts.map +1 -1
  177. package/dist/components/SectionHeading.js +6 -2
  178. package/dist/components/SectionHeading.js.map +1 -1
  179. package/dist/components/Toast.d.ts +43 -0
  180. package/dist/components/Toast.d.ts.map +1 -0
  181. package/dist/components/Toast.js +106 -0
  182. package/dist/components/Toast.js.map +1 -0
  183. package/dist/components/WidgetHeader.d.ts +34 -10
  184. package/dist/components/WidgetHeader.d.ts.map +1 -1
  185. package/dist/components/WidgetHeader.js +11 -6
  186. package/dist/components/WidgetHeader.js.map +1 -1
  187. package/dist/hooks/index.d.ts +4 -4
  188. package/dist/hooks/index.d.ts.map +1 -1
  189. package/dist/hooks/index.js +1 -1
  190. package/dist/hooks/index.js.map +1 -1
  191. package/dist/hooks/tool-result-recovery-model.d.ts +155 -0
  192. package/dist/hooks/tool-result-recovery-model.d.ts.map +1 -0
  193. package/dist/hooks/tool-result-recovery-model.js +273 -0
  194. package/dist/hooks/tool-result-recovery-model.js.map +1 -0
  195. package/dist/hooks/use-tool-query.d.ts +56 -14
  196. package/dist/hooks/use-tool-query.d.ts.map +1 -1
  197. package/dist/hooks/use-tool-query.js +102 -25
  198. package/dist/hooks/use-tool-query.js.map +1 -1
  199. package/dist/hooks/use-tool-result-recovery.d.ts +61 -44
  200. package/dist/hooks/use-tool-result-recovery.d.ts.map +1 -1
  201. package/dist/hooks/use-tool-result-recovery.js +62 -110
  202. package/dist/hooks/use-tool-result-recovery.js.map +1 -1
  203. package/dist/hooks/use-view-data.d.ts +55 -7
  204. package/dist/hooks/use-view-data.d.ts.map +1 -1
  205. package/dist/hooks/use-view-data.js +81 -11
  206. package/dist/hooks/use-view-data.js.map +1 -1
  207. package/dist/hooks/use-view-tool-query.d.ts +12 -7
  208. package/dist/hooks/use-view-tool-query.d.ts.map +1 -1
  209. package/dist/hooks/use-view-tool-query.js +15 -14
  210. package/dist/hooks/use-view-tool-query.js.map +1 -1
  211. package/dist/index.d.ts +27 -13
  212. package/dist/index.d.ts.map +1 -1
  213. package/dist/index.js +29 -7
  214. package/dist/index.js.map +1 -1
  215. package/dist/lib/focus-return.d.ts +61 -0
  216. package/dist/lib/focus-return.d.ts.map +1 -0
  217. package/dist/lib/focus-return.js +46 -0
  218. package/dist/lib/focus-return.js.map +1 -0
  219. package/dist/lib/focus-ring.d.ts +18 -0
  220. package/dist/lib/focus-ring.d.ts.map +1 -0
  221. package/dist/lib/focus-ring.js +18 -0
  222. package/dist/lib/focus-ring.js.map +1 -0
  223. package/dist/lib/icon-stroke.d.ts +12 -0
  224. package/dist/lib/icon-stroke.d.ts.map +1 -0
  225. package/dist/lib/icon-stroke.js +12 -0
  226. package/dist/lib/icon-stroke.js.map +1 -0
  227. package/dist/lib/parse-tool-result.d.ts +23 -1
  228. package/dist/lib/parse-tool-result.d.ts.map +1 -1
  229. package/dist/lib/parse-tool-result.js +38 -2
  230. package/dist/lib/parse-tool-result.js.map +1 -1
  231. package/dist/lib/toast-model.d.ts +86 -0
  232. package/dist/lib/toast-model.d.ts.map +1 -0
  233. package/dist/lib/toast-model.js +102 -0
  234. package/dist/lib/toast-model.js.map +1 -0
  235. package/dist/lib/tone-utils.d.ts +95 -9
  236. package/dist/lib/tone-utils.d.ts.map +1 -1
  237. package/dist/lib/tone-utils.js +100 -9
  238. package/dist/lib/tone-utils.js.map +1 -1
  239. package/dist/lib/tool-query.d.ts +107 -0
  240. package/dist/lib/tool-query.d.ts.map +1 -0
  241. package/dist/lib/tool-query.js +182 -0
  242. package/dist/lib/tool-query.js.map +1 -0
  243. package/dist/lib/tool-result-observer.d.ts +108 -0
  244. package/dist/lib/tool-result-observer.d.ts.map +1 -0
  245. package/dist/lib/tool-result-observer.js +158 -0
  246. package/dist/lib/tool-result-observer.js.map +1 -0
  247. package/dist/lib/typography.d.ts +37 -0
  248. package/dist/lib/typography.d.ts.map +1 -0
  249. package/dist/lib/typography.js +41 -0
  250. package/dist/lib/typography.js.map +1 -0
  251. package/dist/lib/utils.d.ts.map +1 -1
  252. package/dist/lib/utils.js +11 -1
  253. package/dist/lib/utils.js.map +1 -1
  254. package/dist/locale/index.d.ts +3 -1
  255. package/dist/locale/index.d.ts.map +1 -1
  256. package/dist/locale/index.js +2 -1
  257. package/dist/locale/index.js.map +1 -1
  258. package/dist/locale/locale-provider.d.ts +42 -1
  259. package/dist/locale/locale-provider.d.ts.map +1 -1
  260. package/dist/locale/locale-provider.js +44 -3
  261. package/dist/locale/locale-provider.js.map +1 -1
  262. package/dist/locale/message-types.d.ts +336 -0
  263. package/dist/locale/message-types.d.ts.map +1 -0
  264. package/dist/locale/message-types.js +7 -0
  265. package/dist/locale/message-types.js.map +1 -0
  266. package/dist/locale/messages-de.d.ts +9 -0
  267. package/dist/locale/messages-de.d.ts.map +1 -0
  268. package/dist/locale/messages-de.js +185 -0
  269. package/dist/locale/messages-de.js.map +1 -0
  270. package/dist/locale/messages-en.d.ts +8 -0
  271. package/dist/locale/messages-en.d.ts.map +1 -0
  272. package/dist/locale/messages-en.js +184 -0
  273. package/dist/locale/messages-en.js.map +1 -0
  274. package/dist/locale/toolkit-messages.d.ts +57 -0
  275. package/dist/locale/toolkit-messages.d.ts.map +1 -0
  276. package/dist/locale/toolkit-messages.js +103 -0
  277. package/dist/locale/toolkit-messages.js.map +1 -0
  278. package/dist/primitives/alert.d.ts +1 -1
  279. package/dist/primitives/alert.d.ts.map +1 -1
  280. package/dist/primitives/alert.js +6 -2
  281. package/dist/primitives/alert.js.map +1 -1
  282. package/dist/primitives/badge.d.ts +1 -1
  283. package/dist/primitives/badge.d.ts.map +1 -1
  284. package/dist/primitives/badge.js +19 -6
  285. package/dist/primitives/badge.js.map +1 -1
  286. package/dist/primitives/button.d.ts +1 -1
  287. package/dist/primitives/button.d.ts.map +1 -1
  288. package/dist/primitives/button.js +12 -8
  289. package/dist/primitives/button.js.map +1 -1
  290. package/dist/primitives/card.js +4 -4
  291. package/dist/primitives/card.js.map +1 -1
  292. package/dist/primitives/dialog.d.ts +7 -3
  293. package/dist/primitives/dialog.d.ts.map +1 -1
  294. package/dist/primitives/dialog.js +22 -8
  295. package/dist/primitives/dialog.js.map +1 -1
  296. package/dist/primitives/input.d.ts.map +1 -1
  297. package/dist/primitives/input.js +4 -1
  298. package/dist/primitives/input.js.map +1 -1
  299. package/dist/primitives/scroll-area.js +1 -1
  300. package/dist/primitives/scroll-area.js.map +1 -1
  301. package/dist/primitives/select.d.ts.map +1 -1
  302. package/dist/primitives/select.js +6 -3
  303. package/dist/primitives/select.js.map +1 -1
  304. package/dist/primitives/sheet.d.ts +3 -1
  305. package/dist/primitives/sheet.d.ts.map +1 -1
  306. package/dist/primitives/sheet.js +17 -7
  307. package/dist/primitives/sheet.js.map +1 -1
  308. package/dist/primitives/skeleton.js +1 -1
  309. package/dist/primitives/skeleton.js.map +1 -1
  310. package/dist/primitives/switch.d.ts.map +1 -1
  311. package/dist/primitives/switch.js +2 -1
  312. package/dist/primitives/switch.js.map +1 -1
  313. package/dist/primitives/tabs.d.ts.map +1 -1
  314. package/dist/primitives/tabs.js +5 -3
  315. package/dist/primitives/tabs.js.map +1 -1
  316. package/dist/providers/query-provider.d.ts +32 -1
  317. package/dist/providers/query-provider.d.ts.map +1 -1
  318. package/dist/providers/query-provider.js +53 -4
  319. package/dist/providers/query-provider.js.map +1 -1
  320. package/dist/render-cases-primitives.js +1 -1
  321. package/dist/render-cases-primitives.js.map +1 -1
  322. package/dist/render-cases.d.ts.map +1 -1
  323. package/dist/render-cases.js +48 -6
  324. package/dist/render-cases.js.map +1 -1
  325. package/dist/render-effects.d.ts +42 -0
  326. package/dist/render-effects.d.ts.map +1 -0
  327. package/dist/render-effects.js +81 -0
  328. package/dist/render-effects.js.map +1 -0
  329. package/dist/render-scan.d.ts +25 -0
  330. package/dist/render-scan.d.ts.map +1 -0
  331. package/dist/render-scan.js +66 -0
  332. package/dist/render-scan.js.map +1 -0
  333. package/dist/theme/cd-tokens.d.ts +66 -0
  334. package/dist/theme/cd-tokens.d.ts.map +1 -0
  335. package/dist/theme/cd-tokens.js +64 -0
  336. package/dist/theme/cd-tokens.js.map +1 -0
  337. package/dist/theme/create-theme.d.ts +214 -39
  338. package/dist/theme/create-theme.d.ts.map +1 -1
  339. package/dist/theme/create-theme.js +204 -13
  340. package/dist/theme/create-theme.js.map +1 -1
  341. package/dist/theme/fonts.d.ts +38 -0
  342. package/dist/theme/fonts.d.ts.map +1 -0
  343. package/dist/theme/fonts.js +56 -0
  344. package/dist/theme/fonts.js.map +1 -0
  345. package/dist/theme/host-fonts.d.ts +39 -0
  346. package/dist/theme/host-fonts.d.ts.map +1 -0
  347. package/dist/theme/host-fonts.js +44 -0
  348. package/dist/theme/host-fonts.js.map +1 -0
  349. package/dist/theme/index.d.ts +8 -1
  350. package/dist/theme/index.d.ts.map +1 -1
  351. package/dist/theme/index.js +5 -1
  352. package/dist/theme/index.js.map +1 -1
  353. package/dist/theme/portal-container.d.ts +16 -0
  354. package/dist/theme/portal-container.d.ts.map +1 -0
  355. package/dist/theme/portal-container.js +19 -0
  356. package/dist/theme/portal-container.js.map +1 -0
  357. package/dist/theme/presets.d.ts +24 -9
  358. package/dist/theme/presets.d.ts.map +1 -1
  359. package/dist/theme/presets.js +44 -11
  360. package/dist/theme/presets.js.map +1 -1
  361. package/dist/theme/theme-provider.d.ts +27 -9
  362. package/dist/theme/theme-provider.d.ts.map +1 -1
  363. package/dist/theme/theme-provider.js +42 -20
  364. package/dist/theme/theme-provider.js.map +1 -1
  365. package/package.json +11 -5
  366. package/src/app/adapt-data-widget.tsx +2 -42
  367. package/src/app/builder/BuilderBanners.tsx +26 -13
  368. package/src/app/builder/CanvasRow.tsx +79 -32
  369. package/src/app/builder/CatalogueSheet.tsx +58 -35
  370. package/src/app/builder/CellPropsSheet.tsx +17 -2
  371. package/src/app/builder/DiscardDialog.tsx +59 -0
  372. package/src/app/builder/EmptyHint.tsx +16 -11
  373. package/src/app/builder/LayoutSurface.tsx +207 -67
  374. package/src/app/builder/PipelineStrip.tsx +265 -156
  375. package/src/app/builder/SaveDialog.tsx +25 -14
  376. package/src/app/builder/Toolbar.tsx +154 -57
  377. package/src/app/builder/Workspace.tsx +226 -56
  378. package/src/app/builder/builder-feedback.test.tsx +75 -0
  379. package/src/app/builder/builder-model.test.ts +5 -0
  380. package/src/app/builder/builder-model.ts +346 -6
  381. package/src/app/builder/builder-model.ux.test.ts +456 -0
  382. package/src/app/builder/builder-ux.test.tsx +844 -0
  383. package/src/app/builder/labels.ts +15 -121
  384. package/src/app/builder/reveal.ts +10 -0
  385. package/src/app/builder/status-chip.tsx +8 -4
  386. package/src/app/builder/use-builder-catalogue.ts +62 -19
  387. package/src/app/builder/use-builder-session.ts +68 -0
  388. package/src/app/builder/use-display-resolver.ts +24 -0
  389. package/src/app/builder/use-save-dashboard.ts +5 -0
  390. package/src/app/index.ts +20 -3
  391. package/src/app/layout-builder.tsx +193 -186
  392. package/src/app/mcp-app-view-chrome.test.tsx +487 -14
  393. package/src/app/mcp-app-view-chrome.tsx +328 -100
  394. package/src/app/mcp-app-view-states.tsx +140 -0
  395. package/src/app/mcp-app-view.effects.test.tsx +292 -0
  396. package/src/app/mcp-app-view.test.tsx +478 -0
  397. package/src/app/mcp-app-view.tsx +447 -190
  398. package/src/app/mcp-toolkit-app.test.tsx +40 -0
  399. package/src/app/mcp-toolkit-app.tsx +39 -8
  400. package/src/app/mcp-use-host-bridge.test.tsx +180 -0
  401. package/src/app/mcp-use-host-bridge.tsx +67 -24
  402. package/src/app/model-context.test.tsx +116 -0
  403. package/src/app/model-context.tsx +125 -0
  404. package/src/app/use-build-mode-focus.ts +62 -0
  405. package/src/app/use-view-actions.ts +89 -0
  406. package/src/app/use-view-lifecycle.ts +122 -0
  407. package/src/app/view-lifecycle.test.ts +443 -0
  408. package/src/app/view-lifecycle.ts +334 -0
  409. package/src/app/widget-fixture.effects.test.tsx +51 -0
  410. package/src/app/widget-fixture.render.test.tsx +81 -0
  411. package/src/app/widget-fixture.tsx +34 -11
  412. package/src/app/widget-props-sheet.tsx +67 -39
  413. package/src/app/widget-renderer.render.test.tsx +131 -0
  414. package/src/app/widget-renderer.tsx +136 -38
  415. package/src/components/DrillButton.tsx +24 -10
  416. package/src/components/EmptyState.tsx +83 -0
  417. package/src/components/ErrorState.tsx +204 -0
  418. package/src/components/FilterBar.test.tsx +82 -0
  419. package/src/components/FilterBar.tsx +56 -27
  420. package/src/components/GroupCard.tsx +3 -2
  421. package/src/components/KpiGrid.test.tsx +279 -0
  422. package/src/components/KpiGrid.tsx +329 -91
  423. package/src/components/ListFooter.test.tsx +116 -0
  424. package/src/components/ListFooter.tsx +110 -12
  425. package/src/components/PagedListFooter.test.tsx +140 -0
  426. package/src/components/PagedListFooter.tsx +107 -0
  427. package/src/components/Pills.test.tsx +77 -0
  428. package/src/components/Pills.tsx +78 -16
  429. package/src/components/SectionHeading.tsx +9 -3
  430. package/src/components/Toast.tsx +206 -0
  431. package/src/components/WidgetHeader.test.tsx +78 -0
  432. package/src/components/WidgetHeader.tsx +63 -16
  433. package/src/components/feedback-states.test.tsx +314 -0
  434. package/src/components/tone-figures.test.tsx +58 -0
  435. package/src/fonts.css +19 -0
  436. package/src/globals.css +9 -165
  437. package/src/hooks/index.ts +6 -3
  438. package/src/hooks/tool-result-recovery-model.test.ts +744 -0
  439. package/src/hooks/tool-result-recovery-model.ts +418 -0
  440. package/src/hooks/use-tool-query.effects.test.tsx +205 -0
  441. package/src/hooks/use-tool-query.ts +156 -33
  442. package/src/hooks/use-tool-result-recovery.effects.test.tsx +141 -0
  443. package/src/hooks/use-tool-result-recovery.test.ts +28 -5
  444. package/src/hooks/use-tool-result-recovery.ts +101 -131
  445. package/src/hooks/use-view-data.test.tsx +169 -0
  446. package/src/hooks/use-view-data.ts +131 -10
  447. package/src/hooks/use-view-tool-query.ts +25 -19
  448. package/src/i18n-coverage.test.tsx +425 -0
  449. package/src/index.ts +102 -13
  450. package/src/lib/focus-return.test.ts +288 -0
  451. package/src/lib/focus-return.ts +96 -0
  452. package/src/lib/focus-ring.ts +20 -0
  453. package/src/lib/icon-stroke.test.ts +59 -0
  454. package/src/lib/icon-stroke.ts +13 -0
  455. package/src/lib/parse-tool-result.test.ts +46 -1
  456. package/src/lib/parse-tool-result.ts +40 -2
  457. package/src/lib/toast-model.test.ts +233 -0
  458. package/src/lib/toast-model.ts +165 -0
  459. package/src/lib/tone-utils.test.ts +125 -16
  460. package/src/lib/tone-utils.ts +144 -15
  461. package/src/lib/tool-query.test.ts +569 -0
  462. package/src/lib/tool-query.ts +253 -0
  463. package/src/lib/tool-result-observer.test.ts +296 -0
  464. package/src/lib/tool-result-observer.ts +211 -0
  465. package/src/lib/typography.test.ts +45 -0
  466. package/src/lib/typography.ts +47 -0
  467. package/src/lib/utils.ts +12 -1
  468. package/src/locale/index.ts +14 -1
  469. package/src/locale/locale-provider.test.tsx +87 -0
  470. package/src/locale/locale-provider.tsx +90 -3
  471. package/src/locale/message-types.ts +337 -0
  472. package/src/locale/messages-de.ts +198 -0
  473. package/src/locale/messages-en.ts +196 -0
  474. package/src/locale/toolkit-messages.test.ts +349 -0
  475. package/src/locale/toolkit-messages.ts +143 -0
  476. package/src/no-hardcoded-copy.test.ts +432 -0
  477. package/src/primitives/alert.tsx +7 -2
  478. package/src/primitives/badge.tsx +19 -7
  479. package/src/primitives/button.tsx +13 -8
  480. package/src/primitives/card.tsx +4 -4
  481. package/src/primitives/dialog.tsx +42 -8
  482. package/src/primitives/input.tsx +5 -3
  483. package/src/primitives/scroll-area.tsx +1 -1
  484. package/src/primitives/select.tsx +7 -4
  485. package/src/primitives/sheet.tsx +33 -6
  486. package/src/primitives/skeleton.tsx +1 -1
  487. package/src/primitives/switch.tsx +4 -2
  488. package/src/primitives/tabs.tsx +9 -6
  489. package/src/providers/query-provider.test.tsx +154 -0
  490. package/src/providers/query-provider.tsx +66 -5
  491. package/src/render-cases-primitives.tsx +1 -1
  492. package/src/render-cases.tsx +82 -6
  493. package/src/render-effects.tsx +96 -0
  494. package/src/render-scan.ts +75 -0
  495. package/src/theme/cd-tokens.generated.css +48 -0
  496. package/src/theme/cd-tokens.test.ts +109 -0
  497. package/src/theme/cd-tokens.ts +67 -0
  498. package/src/theme/create-theme.test.ts +253 -5
  499. package/src/theme/create-theme.ts +341 -41
  500. package/src/theme/fonts.test.ts +85 -0
  501. package/src/theme/fonts.ts +72 -0
  502. package/src/theme/host-fonts.test.ts +135 -0
  503. package/src/theme/host-fonts.ts +52 -0
  504. package/src/theme/index.ts +15 -1
  505. package/src/theme/portal-container.ts +20 -0
  506. package/src/theme/presets.ts +44 -11
  507. package/src/theme/theme-css.test.ts +619 -0
  508. package/src/theme/theme-provider.test.tsx +82 -0
  509. package/src/theme/theme-provider.tsx +60 -24
  510. package/src/theme.css +344 -0
  511. package/ui-catalog.json +783 -49
@@ -0,0 +1,64 @@
1
+ /**
2
+ * The Miragon corporate-design tokens (`--cd-*`) as plain TypeScript, for code
3
+ * that cannot read CSS variables — an SVG or canvas renderer (BPMN overlays,
4
+ * chart marks), a server-side image, a test. Keys are the CSS names without the
5
+ * `--cd-` prefix.
6
+ *
7
+ * The source of truth is the vendored `cd-tokens.generated.css` next to this
8
+ * file (miragon-brand 1.8.0, copied unchanged from Miragon/corporate-identity).
9
+ * This module mirrors it value for value; `cd-tokens.test.ts` fails on any
10
+ * drift (modeler-tool-design §13). Never edit a value here without re-vendoring
11
+ * the CSS first.
12
+ *
13
+ * UI code styles through the role tokens (`bg-primary`, `text-link`,
14
+ * `border-danger`, …), never through these constants.
15
+ */
16
+ export const CD_TOKENS = {
17
+ blau: "#335DE5",
18
+ gruen: "#00E676",
19
+ grau: "#F9F7F7",
20
+ schwarz: "#1D1D1D",
21
+ weiss: "#FFFFFF",
22
+ "blau-link": "#2B50D4",
23
+ "blau-hell": "#6B8AFF",
24
+ success: "#00E676",
25
+ "success-soft": "#DAFBEB",
26
+ "success-hell": "#00E676",
27
+ warning: "#FFB000",
28
+ "warning-soft": "#FFF1D2",
29
+ "warning-hell": "#FFB000",
30
+ danger: "#CD1839",
31
+ "danger-soft": "#FBEEF0",
32
+ "danger-hell": "#FB6D73",
33
+ info: "#335DE5",
34
+ "info-soft": "#EEF1FD",
35
+ "info-hell": "#6B8AFF",
36
+ linie: "#E6E2E2",
37
+ kontur: "#8F8A8A",
38
+ "text-leise": "#6B6666",
39
+ "gradient-brand": "linear-gradient(120deg, #335DE5 30%, #00E676)",
40
+ "gradient-format": "linear-gradient(135deg, #335DE5 0%, #00E676 140%)",
41
+ "space-1": "4px",
42
+ "space-2": "8px",
43
+ "space-3": "16px",
44
+ "space-4": "24px",
45
+ "space-5": "32px",
46
+ "space-6": "48px",
47
+ "space-7": "64px",
48
+ "space-8": "96px",
49
+ "radius-sm": "6px",
50
+ "radius-md": "12px",
51
+ "radius-lg": "16px",
52
+ "radius-pill": "999px",
53
+ "shadow-1": "0 1px 2px rgba(29, 29, 29, 0.06), 0 1px 3px rgba(29, 29, 29, 0.10)",
54
+ "shadow-2": "0 4px 12px rgba(29, 29, 29, 0.10)",
55
+ "shadow-3": "0 12px 32px rgba(29, 29, 29, 0.16)",
56
+ "motion-fast": "150ms",
57
+ "motion-base": "250ms",
58
+ "motion-slow": "400ms",
59
+ ease: "cubic-bezier(0.4, 0, 0.2, 1)",
60
+ "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
61
+ };
62
+ /** The miragon-brand release the vendored tokens come from. */
63
+ export const CD_TOKENS_VERSION = "1.8.0";
64
+ //# sourceMappingURL=cd-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cd-tokens.js","sourceRoot":"","sources":["../../src/theme/cd-tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,SAAS;IACvB,gBAAgB,EAAE,+CAA+C;IACjE,iBAAiB,EAAE,mDAAmD;IACtE,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,aAAa,EAAE,OAAO;IACtB,UAAU,EAAE,oEAAoE;IAChF,UAAU,EAAE,mCAAmC;IAC/C,UAAU,EAAE,oCAAoC;IAChD,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,IAAI,EAAE,8BAA8B;IACpC,UAAU,EAAE,4BAA4B;CAChC,CAAA;AAKV,+DAA+D;AAC/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAA"}
@@ -1,28 +1,39 @@
1
1
  import type { CSSProperties } from "react";
2
2
  /**
3
- * A curated, brand-relevant subset of the toolkit's CSS-variable theming
4
- * surface (the full set lives in `packages/ui/src/globals.css`). These are the
5
- * tokens a white-label client almost always wants to change — the brand colour
6
- * pair, the surface/accent colours, the border/ring, and the shape/typography
7
- * knobs — expressed in plain, design-system terms.
3
+ * The toolkit's theming surface in plain, design-system terms: one optional
4
+ * field per ROLE variable defined in `packages/ui/src/theme.css` (the role-token
5
+ * contract, see {@link ROLE_TOKENS}), plus the legacy shadcn knobs it always had.
8
6
  *
9
- * Every field is **optional**: a theme overrides only the tokens it cares about
10
- * and inherits the rest from the toolkit defaults (`:root` / `.dark`). Colour
11
- * values are any valid CSS colour string (`oklch(...)`, `#rrggbb`, `hsl(...)`),
12
- * `radius` is any CSS length (e.g. `"0.5rem"`), and the font fields are CSS
13
- * `font-family` lists.
7
+ * The defaults are the Miragon theme — every role points at a vendored
8
+ * `--cd-*` corporate-design token, in light and in dark. A brand overrides
9
+ * only the roles it cares about and inherits the rest. Colour values are any
10
+ * CSS colour string (`#rrggbb`, `oklch(...)`, `color-mix(...)`), lengths any
11
+ * CSS length, fonts `font-family` lists, durations CSS times.
14
12
  *
15
- * Unlisted CSS variables (`--popover`, `--chart-*`, `--sidebar-*`, …) are
16
- * intentionally out of scope here: they are part of the theming surface but not
17
- * the brand essentials, so a client tunes them by hand in CSS when needed. See
18
- * {@link TOKEN_TO_CSS_VAR} for the exact field → variable mapping.
13
+ * Roles a component must never take from a host's palette — primary, link,
14
+ * focus, the status tones and the input border — are brand decisions; a host
15
+ * maps only the neutral roles (background, card, foreground, border, …).
16
+ *
17
+ * Unlisted variables (`--chart-*`, `--sidebar-*`, `--popover-foreground`, …)
18
+ * stay themeable in CSS. See {@link TOKEN_TO_CSS_VAR} for the exact mapping.
19
19
  */
20
20
  export interface ThemeTokens {
21
- /** Brand colour. Maps to `--primary`. */
21
+ /** Brand colour: primary button fill, selection. Maps to `--primary`. */
22
22
  primary?: string;
23
23
  /** Text/icon colour on a `primary` surface. Maps to `--primary-foreground`. */
24
24
  primaryForeground?: string;
25
- /** Accent colour for subtle highlights. Maps to `--accent`. */
25
+ /**
26
+ * Primary button fill on hover. Maps to `--primary-hover`. A theme that sets
27
+ * `primary` but never `primaryHover` gets `primary` at 90 % (the pre-role
28
+ * hover) from {@link resolveThemeVars}.
29
+ */
30
+ primaryHover?: string;
31
+ /**
32
+ * Link and interactive text. Maps to `--link`. A theme that sets `primary`
33
+ * but never `link` gets links in `primary` (the pre-role link colour).
34
+ */
35
+ link?: string;
36
+ /** Hover/selection highlight surface. Maps to `--accent`. */
26
37
  accent?: string;
27
38
  /** Text colour on an `accent` surface. Maps to `--accent-foreground`. */
28
39
  accentForeground?: string;
@@ -34,40 +45,189 @@ export interface ThemeTokens {
34
45
  card?: string;
35
46
  /** Text colour on a `card` surface. Maps to `--card-foreground`. */
36
47
  cardForeground?: string;
37
- /** Border colour for dividers/outlines. Maps to `--border`. */
48
+ /** Menu, select and dialog surface. Maps to `--popover`. */
49
+ popover?: string;
50
+ /** Quiet surface (table heads, skeletons, tab rails). Maps to `--muted`. */
51
+ muted?: string;
52
+ /** Secondary text — must keep 4.5:1 on `muted`. Maps to `--muted-foreground`. */
53
+ mutedForeground?: string;
54
+ /** Secondary button / badge surface. Maps to `--secondary`. */
55
+ secondary?: string;
56
+ /** Decorative dividers and outlines (no contrast claim). Maps to `--border`. */
38
57
  border?: string;
39
- /** Focus-ring colour. Maps to `--ring`. */
58
+ /** Input border — must keep 3:1 on its surface. Maps to `--input`. */
59
+ input?: string;
60
+ /** Legacy focus-ring colour (shadcn). Maps to `--ring`. */
40
61
  ring?: string;
41
- /** Base corner radius (a CSS length). Maps to `--radius`. */
62
+ /**
63
+ * Focus ring and focused-input border, opaque, 3:1. Maps to `--focus`. A
64
+ * theme that sets `ring` but never `focus` gets its focus ring in `ring`.
65
+ */
66
+ focus?: string;
67
+ /** Destructive action fill. Maps to `--destructive`. */
68
+ destructive?: string;
69
+ /**
70
+ * Text/icon colour on a `destructive` fill (white by default; keep 4.5:1).
71
+ * Maps to `--destructive-foreground`.
72
+ */
73
+ destructiveForeground?: string;
74
+ /** Success colour — fill, dot, border, icon (never text on light). Maps to `--success`. */
75
+ success?: string;
76
+ /** Success tint surface. Maps to `--success-soft`. */
77
+ successSoft?: string;
78
+ /** Text colour of the success tone. Maps to `--success-ink`. */
79
+ successInk?: string;
80
+ /** Warning colour — fill, dot, border, icon (never text on light). Maps to `--warning`. */
81
+ warning?: string;
82
+ /** Warning tint surface. Maps to `--warning-soft`. */
83
+ warningSoft?: string;
84
+ /** Text colour of the warning tone. Maps to `--warning-ink`. */
85
+ warningInk?: string;
86
+ /** Danger colour — fill, dot, border, icon. Maps to `--danger`. */
87
+ danger?: string;
88
+ /** Danger tint surface. Maps to `--danger-soft`. */
89
+ dangerSoft?: string;
90
+ /** Text colour of the danger tone. Maps to `--danger-ink`. */
91
+ dangerInk?: string;
92
+ /** Info colour — fill, dot, border, icon. Maps to `--info`. */
93
+ info?: string;
94
+ /** Info tint surface. Maps to `--info-soft`. */
95
+ infoSoft?: string;
96
+ /** Text colour of the info tone. Maps to `--info-ink`. */
97
+ infoInk?: string;
98
+ /**
99
+ * Base corner radius (the legacy shadcn knob). Drives `rounded-xl` and up;
100
+ * applied through a theme ({@link ThemeProvider}, {@link resolveThemeVars}
101
+ * or `toStyle()`) it also derives `radiusSm`/`radiusMd`/`radiusLg` when those
102
+ * are not set. In plain CSS `--radius` no longer reshapes `rounded-sm/md/lg`:
103
+ * set `--radius-sm`/`--radius-md`/`--radius-lg` there. Maps to `--radius`.
104
+ */
42
105
  radius?: string;
106
+ /** Badges and chips. Maps to `--radius-sm` (`rounded-sm`). */
107
+ radiusSm?: string;
108
+ /** The standard: buttons, inputs, cards, dialogs. Maps to `--radius-md` (`rounded-md`). */
109
+ radiusMd?: string;
110
+ /** Large panels and tiles. Maps to `--radius-lg` (`rounded-lg`). */
111
+ radiusLg?: string;
112
+ /** Pills and avatars. Maps to `--radius-pill` (`rounded-pill`). */
113
+ radiusPill?: string;
114
+ /** Subtle elevation. Maps to `--shadow-1` (`shadow-1`). */
115
+ shadow1?: string;
116
+ /** Cards, hovered primary buttons. Maps to `--shadow-2` (`shadow-2`). */
117
+ shadow2?: string;
118
+ /** Popovers and dialogs. Maps to `--shadow-3` (`shadow-3`). */
119
+ shadow3?: string;
120
+ /** Dialog/sheet backdrop. Maps to `--scrim` (`bg-scrim`). */
121
+ scrim?: string;
122
+ /** Hover-speed transitions. Maps to `--motion-fast` (the default duration). */
123
+ motionFast?: string;
124
+ /** Standard transitions. Maps to `--motion-base`. */
125
+ motionBase?: string;
126
+ /** Large enter/leave transitions. Maps to `--motion-slow`. */
127
+ motionSlow?: string;
128
+ /** Easing curve. Maps to `--ease` (the default timing function). */
129
+ ease?: string;
43
130
  /** Body font-family list. Maps to `--font-sans`. */
44
131
  fontSans?: string;
132
+ /** Code, ids and stack traces. Maps to `--font-mono`. */
133
+ fontMono?: string;
45
134
  /** Heading font-family list. Maps to `--font-heading`. */
46
135
  fontHeading?: string;
136
+ /** Page title size (CI h2, 28 px). Maps to `--text-title` (`text-title`). */
137
+ textTitle?: string;
138
+ /** Section title size (CI h3, 21 px). Maps to `--text-section` (`text-section`). */
139
+ textSection?: string;
140
+ /** Running text size (16 px). Maps to `--text-body` (`text-body`). */
141
+ textBody?: string;
142
+ /** Dense tables and controls (14 px), never running text. Maps to `--text-dense` (`text-dense`). */
143
+ textDense?: string;
144
+ /**
145
+ * Captions, labels and hints: the smallest text the kit renders (13 px;
146
+ * keep it at 13 px or more). Maps to `--text-small` (`text-small`).
147
+ */
148
+ textSmall?: string;
47
149
  }
48
150
  /** The CSS custom-property name a {@link ThemeTokens} field resolves to. */
49
151
  type CssVarName = `--${string}`;
50
152
  /**
51
- * The single source of truth mapping each curated {@link ThemeTokens} field to
52
- * its real CSS variable name from `globals.css`. `tokensToVars` walks this map,
53
- * so adding a field here (and to {@link ThemeTokens}) is all that is needed to
54
- * extend the public theming surface.
153
+ * The single source of truth mapping each {@link ThemeTokens} field to its real
154
+ * CSS variable name in `theme.css`. `tokensToVars` walks this map, so adding a
155
+ * field here (and to {@link ThemeTokens}) is all that is needed to extend the
156
+ * public theming surface.
55
157
  */
56
158
  export declare const TOKEN_TO_CSS_VAR: {
57
159
  readonly primary: "--primary";
58
160
  readonly primaryForeground: "--primary-foreground";
161
+ readonly primaryHover: "--primary-hover";
162
+ readonly link: "--link";
59
163
  readonly accent: "--accent";
60
164
  readonly accentForeground: "--accent-foreground";
61
165
  readonly background: "--background";
62
166
  readonly foreground: "--foreground";
63
167
  readonly card: "--card";
64
168
  readonly cardForeground: "--card-foreground";
169
+ readonly popover: "--popover";
170
+ readonly muted: "--muted";
171
+ readonly mutedForeground: "--muted-foreground";
172
+ readonly secondary: "--secondary";
65
173
  readonly border: "--border";
174
+ readonly input: "--input";
66
175
  readonly ring: "--ring";
176
+ readonly focus: "--focus";
177
+ readonly destructive: "--destructive";
178
+ readonly destructiveForeground: "--destructive-foreground";
179
+ readonly success: "--success";
180
+ readonly successSoft: "--success-soft";
181
+ readonly successInk: "--success-ink";
182
+ readonly warning: "--warning";
183
+ readonly warningSoft: "--warning-soft";
184
+ readonly warningInk: "--warning-ink";
185
+ readonly danger: "--danger";
186
+ readonly dangerSoft: "--danger-soft";
187
+ readonly dangerInk: "--danger-ink";
188
+ readonly info: "--info";
189
+ readonly infoSoft: "--info-soft";
190
+ readonly infoInk: "--info-ink";
67
191
  readonly radius: "--radius";
192
+ readonly radiusSm: "--radius-sm";
193
+ readonly radiusMd: "--radius-md";
194
+ readonly radiusLg: "--radius-lg";
195
+ readonly radiusPill: "--radius-pill";
196
+ readonly shadow1: "--shadow-1";
197
+ readonly shadow2: "--shadow-2";
198
+ readonly shadow3: "--shadow-3";
199
+ readonly scrim: "--scrim";
200
+ readonly motionFast: "--motion-fast";
201
+ readonly motionBase: "--motion-base";
202
+ readonly motionSlow: "--motion-slow";
203
+ readonly ease: "--ease";
68
204
  readonly fontSans: "--font-sans";
205
+ readonly fontMono: "--font-mono";
69
206
  readonly fontHeading: "--font-heading";
207
+ readonly textTitle: "--text-title";
208
+ readonly textSection: "--text-section";
209
+ readonly textBody: "--text-body";
210
+ readonly textDense: "--text-dense";
211
+ readonly textSmall: "--text-small";
70
212
  };
213
+ /**
214
+ * The role-token contract: every variable the toolkit defines for components
215
+ * to use (`theme.css`), in light and — for colours — dark. Components in this
216
+ * package, and in apps built on it, style through these names only, never
217
+ * through raw colours or Tailwind palette classes.
218
+ */
219
+ export declare const ROLE_TOKENS: readonly ["--background", "--card", "--popover", "--muted", "--secondary", "--foreground", "--muted-foreground", "--border", "--input", "--primary", "--primary-foreground", "--primary-hover", "--link", "--ring", "--focus", "--success", "--warning", "--danger", "--info", "--success-soft", "--warning-soft", "--danger-soft", "--info-soft", "--success-ink", "--warning-ink", "--danger-ink", "--info-ink", "--destructive", "--radius-sm", "--radius-md", "--radius-lg", "--radius-pill", "--shadow-1", "--shadow-2", "--shadow-3", "--scrim", "--motion-fast", "--motion-base", "--motion-slow", "--ease", "--font-sans", "--font-mono", "--text-title", "--text-section", "--text-body", "--text-dense", "--text-small"];
220
+ /**
221
+ * Variables whose toolkit value is the same in light and dark (theme.css
222
+ * declares them once, or identically in both modes). A theme's LIGHT value for
223
+ * one of these also applies in dark mode — a brand's button colour, radius or
224
+ * font does not change with the mode. Every other variable (surfaces, text,
225
+ * links, focus, status tones) takes its dark value from the theme's `dark`
226
+ * tokens or, failing that, from the toolkit's dark defaults — never from the
227
+ * light value, which would put light surfaces into a dark scope.
228
+ * Pinned against theme.css by `theme-css.test.ts`.
229
+ */
230
+ export declare const MODE_INVARIANT_VARS: ReadonlySet<CssVarName>;
71
231
  /** A serializable map of CSS custom properties (`--primary` → value). */
72
232
  export type ThemeVars = Record<CssVarName, string>;
73
233
  /**
@@ -80,14 +240,18 @@ export type ThemeVars = Record<CssVarName, string>;
80
240
  * logged, or persisted and rehydrated.
81
241
  */
82
242
  export interface ThemeDefinition {
83
- /** CSS variables applied at the theme scope (overrides `:root`). */
243
+ /** CSS variables applied at the theme scope in light mode (overrides `:root`). */
84
244
  vars: ThemeVars;
85
- /** Dark-mode CSS variables, applied under `.dark` at the theme scope. */
245
+ /** Dark-mode CSS variables, applied at the theme scope in dark mode. */
86
246
  darkVars?: ThemeVars;
87
247
  /**
88
- * The light {@link vars} as a React `style` object (CSS custom properties are
89
- * valid `CSSProperties` keys). Handy for inlining onto a wrapper element
90
- * without the {@link ThemeProvider}.
248
+ * The theme's light-mode variables as a React `style` object (CSS custom
249
+ * properties are valid `CSSProperties` keys): exactly what
250
+ * {@link ThemeProvider} applies in light mode, i.e.
251
+ * {@link resolveThemeVars}`(theme, "light")` — {@link vars} plus the values
252
+ * derived from the legacy knobs (sm/md/lg from `radius`, …). Handy for
253
+ * inlining onto a wrapper element without the provider; for dark mode use
254
+ * {@link resolveThemeVars}`(theme, "dark")`.
91
255
  */
92
256
  toStyle(): CSSProperties;
93
257
  }
@@ -100,31 +264,42 @@ export declare function tokensToVars(tokens: ThemeTokens): ThemeVars;
100
264
  /** Options for {@link createTheme}. */
101
265
  export interface CreateThemeOptions {
102
266
  /**
103
- * Dark-mode token overrides. Applied on top of the toolkit's `.dark` defaults
104
- * when the active mode is dark (see {@link ThemeProvider}). Provide only the
105
- * tokens that differ from light — typically a darker `background`/`card` and a
106
- * brighter `primary`.
267
+ * Dark-mode token overrides. In dark mode a theme scope gets the toolkit's
268
+ * dark defaults, the theme's mode-invariant light tokens (brand button
269
+ * colour, radii, fonts — see {@link MODE_INVARIANT_VARS}) and these. Provide
270
+ * what differs in dark — typically `background`, `card`, `link`.
107
271
  */
108
272
  dark?: ThemeTokens;
109
273
  }
110
274
  /**
111
- * Build a serializable {@link ThemeDefinition} from a curated set of brand
275
+ * Build a serializable {@link ThemeDefinition} from a set of brand
112
276
  * {@link ThemeTokens}. This is the one switch a white-label client flips: pass
113
- * your brand's primary colour, radius, and (optionally) dark overrides, and
114
- * every toolkit primitive that reads the design tokens — `Card`, `Button`,
115
- * `Badge`, `bg-card`, `text-primary`, `rounded-lg` — re-skins to match.
277
+ * the brand's roles (and, optionally, dark overrides), and every toolkit
278
+ * primitive that reads the role tokens — `Card`, `Button`, `Badge`, `bg-card`,
279
+ * `text-link`, `rounded-md` — re-skins to match. Without a theme the toolkit
280
+ * renders in the Miragon theme.
116
281
  *
117
282
  * Pure and side-effect-free: it only maps fields to CSS-variable names. Apply
118
283
  * the result with {@link ThemeProvider} (recommended) or by spreading
119
- * `theme.toStyle()` onto a wrapper element.
284
+ * {@link resolveThemeVars}`(theme, mode)` onto a wrapper element.
120
285
  *
121
286
  * @example
122
287
  * const brand = createTheme(
123
- * { primary: "oklch(0.55 0.2 264)", radius: "0.5rem" },
124
- * { dark: { primary: "oklch(0.7 0.18 264)" } },
288
+ * { primary: "#0f766e", link: "#0f766e", focus: "#0f766e", radiusMd: "6px" },
289
+ * { dark: { link: "#5eead4", focus: "#5eead4" } },
125
290
  * )
126
291
  * // <ThemeProvider theme={brand}>…</ThemeProvider>
127
292
  */
128
293
  export declare function createTheme(tokens: ThemeTokens, opts?: CreateThemeOptions): ThemeDefinition;
294
+ /**
295
+ * The CSS variables a theme applies at its scope in `mode`. Light mode: the
296
+ * theme's `vars`. Dark mode: its mode-invariant light vars plus its `darkVars`
297
+ * — never the other light vars, which would beat the toolkit's dark defaults
298
+ * (mcp-toolkit#178 N35). Both modes add what the legacy knobs derive (a base
299
+ * `--radius` → sm/md/lg; `--primary` → hover and link; `--ring` → focus)
300
+ * where the theme does not set those roles itself.
301
+ * `null`/`undefined` yields `{}` (the toolkit defaults apply).
302
+ */
303
+ export declare function resolveThemeVars(theme: ThemeDefinition | null | undefined, mode: "light" | "dark"): ThemeVars;
129
304
  export {};
130
305
  //# sourceMappingURL=create-theme.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../src/theme/create-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,4EAA4E;AAC5E,KAAK,UAAU,GAAG,KAAK,MAAM,EAAE,CAAA;AAE/B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;CAc6B,CAAA;AAE1D,yEAAyE;AACzE,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;AAElD;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAe;IAC9B,oEAAoE;IACpE,IAAI,EAAE,SAAS,CAAA;IACf,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;OAIG;IACH,OAAO,IAAI,aAAa,CAAA;CACzB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAY3D;AAED,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,kBAAkB,GAAG,eAAe,CAU3F"}
1
+ {"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../src/theme/create-theme.ts"],"names":[],"mappings":"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"}