@nocoo/basalt 2.1.8 → 3.0.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 (352) hide show
  1. package/README.md +2 -0
  2. package/ai/COMPATIBILITY.md +11 -1
  3. package/ai/DESIGN.md +342 -0
  4. package/ai/INTEGRATION.md +239 -152
  5. package/ai/RECIPES.md +96 -26
  6. package/ai/USAGE.md +5 -5
  7. package/ai/registry.json +2883 -275
  8. package/dist/assets/brand-mark.js.map +1 -1
  9. package/dist/charts/area.js.map +1 -1
  10. package/dist/charts/bar.js.map +1 -1
  11. package/dist/charts/bullet.js.map +1 -1
  12. package/dist/charts/charts.js.map +1 -1
  13. package/dist/charts/config.d.ts +11 -11
  14. package/dist/charts/config.js +4 -4
  15. package/dist/charts/config.js.map +1 -1
  16. package/dist/charts/custom-chart.js.map +1 -1
  17. package/dist/charts/date-navigation.js +10 -10
  18. package/dist/charts/date-navigation.js.map +1 -1
  19. package/dist/charts/donut.js +1 -1
  20. package/dist/charts/donut.js.map +1 -1
  21. package/dist/charts/frame.d.ts +1 -1
  22. package/dist/charts/frame.js +4 -4
  23. package/dist/charts/frame.js.map +1 -1
  24. package/dist/charts/funnel.js.map +1 -1
  25. package/dist/charts/gauge.js +5 -5
  26. package/dist/charts/gauge.js.map +1 -1
  27. package/dist/charts/grouped-bar.js.map +1 -1
  28. package/dist/charts/heatmap-calendar.js +11 -11
  29. package/dist/charts/heatmap-calendar.js.map +1 -1
  30. package/dist/charts/heatmap-matrix.js +8 -8
  31. package/dist/charts/heatmap-matrix.js.map +1 -1
  32. package/dist/charts/item-list.js +1 -1
  33. package/dist/charts/item-list.js.map +1 -1
  34. package/dist/charts/legend.js +19 -19
  35. package/dist/charts/legend.js.map +1 -1
  36. package/dist/charts/line.js.map +1 -1
  37. package/dist/charts/palette.js +2 -2
  38. package/dist/charts/palette.js.map +1 -1
  39. package/dist/charts/radar.js.map +1 -1
  40. package/dist/charts/sample.js.map +1 -1
  41. package/dist/charts/sankey.js.map +1 -1
  42. package/dist/charts/series.js.map +1 -1
  43. package/dist/charts/slot-bar.js +2 -2
  44. package/dist/charts/slot-bar.js.map +1 -1
  45. package/dist/charts/sparkline.js +38 -23
  46. package/dist/charts/sparkline.js.map +1 -1
  47. package/dist/charts/stacked-bar.js.map +1 -1
  48. package/dist/charts/stat-card.d.ts +2 -2
  49. package/dist/charts/stat-card.js +61 -58
  50. package/dist/charts/stat-card.js.map +1 -1
  51. package/dist/charts/timeline.js +18 -9
  52. package/dist/charts/timeline.js.map +1 -1
  53. package/dist/charts/timeseries.js.map +1 -1
  54. package/dist/charts/tooltip.js +16 -16
  55. package/dist/charts/tooltip.js.map +1 -1
  56. package/dist/components/accordion.js +1 -1
  57. package/dist/components/accordion.js.map +1 -1
  58. package/dist/components/alert-dialog.js +4 -4
  59. package/dist/components/alert-dialog.js.map +1 -1
  60. package/dist/components/app-header.d.ts +5 -1
  61. package/dist/components/app-header.js +19 -11
  62. package/dist/components/app-header.js.map +1 -1
  63. package/dist/components/app-shell.d.ts +4 -1
  64. package/dist/components/app-shell.js +8 -5
  65. package/dist/components/app-shell.js.map +1 -1
  66. package/dist/components/approval-card.d.ts +13 -0
  67. package/dist/components/approval-card.js +161 -0
  68. package/dist/components/approval-card.js.map +1 -0
  69. package/dist/components/autocomplete.js.map +1 -1
  70. package/dist/components/avatar.d.ts +12 -0
  71. package/dist/components/avatar.js +39 -18
  72. package/dist/components/avatar.js.map +1 -1
  73. package/dist/components/badge.js +8 -8
  74. package/dist/components/badge.js.map +1 -1
  75. package/dist/components/banner.d.ts +2 -2
  76. package/dist/components/banner.js +9 -8
  77. package/dist/components/banner.js.map +1 -1
  78. package/dist/components/basalt-mark.js +1 -1
  79. package/dist/components/basalt-mark.js.map +1 -1
  80. package/dist/components/battery-meter.js +5 -5
  81. package/dist/components/battery-meter.js.map +1 -1
  82. package/dist/components/breadcrumbs.js +6 -6
  83. package/dist/components/breadcrumbs.js.map +1 -1
  84. package/dist/components/button.js +10 -10
  85. package/dist/components/button.js.map +1 -1
  86. package/dist/components/chat-bubble.js +4 -3
  87. package/dist/components/chat-bubble.js.map +1 -1
  88. package/dist/components/chat-composer.d.ts +21 -3
  89. package/dist/components/chat-composer.js +126 -60
  90. package/dist/components/chat-composer.js.map +1 -1
  91. package/dist/components/chat-header.js +6 -6
  92. package/dist/components/chat-header.js.map +1 -1
  93. package/dist/components/chat-inbox.js +34 -30
  94. package/dist/components/chat-inbox.js.map +1 -1
  95. package/dist/components/chat-markdown.d.ts +8 -0
  96. package/dist/components/chat-markdown.js +122 -0
  97. package/dist/components/chat-markdown.js.map +1 -0
  98. package/dist/components/chat-message.d.ts +26 -0
  99. package/dist/components/chat-message.js +145 -0
  100. package/dist/components/chat-message.js.map +1 -0
  101. package/dist/components/checkbox.js +11 -11
  102. package/dist/components/checkbox.js.map +1 -1
  103. package/dist/components/clipboard-text.js +3 -3
  104. package/dist/components/clipboard-text.js.map +1 -1
  105. package/dist/components/code.d.ts +22 -20
  106. package/dist/components/code.js +94 -32
  107. package/dist/components/code.js.map +1 -1
  108. package/dist/components/collapsible.js +8 -4
  109. package/dist/components/collapsible.js.map +1 -1
  110. package/dist/components/combobox.js.map +1 -1
  111. package/dist/components/command-palette.js +73 -47
  112. package/dist/components/command-palette.js.map +1 -1
  113. package/dist/components/confirm-dialog.d.ts +4 -1
  114. package/dist/components/confirm-dialog.js +20 -18
  115. package/dist/components/confirm-dialog.js.map +1 -1
  116. package/dist/components/context-cards.d.ts +15 -0
  117. package/dist/components/context-cards.js +148 -0
  118. package/dist/components/context-cards.js.map +1 -0
  119. package/dist/components/context-menu.d.ts +1 -1
  120. package/dist/components/context-menu.js +18 -14
  121. package/dist/components/context-menu.js.map +1 -1
  122. package/dist/components/data-table.d.ts +8 -2
  123. package/dist/components/data-table.js +161 -106
  124. package/dist/components/data-table.js.map +1 -1
  125. package/dist/components/date-picker.js +13 -13
  126. package/dist/components/date-picker.js.map +1 -1
  127. package/dist/components/delete-resource.js +1 -1
  128. package/dist/components/delete-resource.js.map +1 -1
  129. package/dist/components/description-list.js +3 -3
  130. package/dist/components/description-list.js.map +1 -1
  131. package/dist/components/dialog.d.ts +2 -2
  132. package/dist/components/dialog.js +8 -8
  133. package/dist/components/dialog.js.map +1 -1
  134. package/dist/components/diff-table.d.ts +15 -0
  135. package/dist/components/diff-table.js +146 -0
  136. package/dist/components/diff-table.js.map +1 -0
  137. package/dist/components/dock.js +2 -2
  138. package/dist/components/dock.js.map +1 -1
  139. package/dist/components/dropdown-menu.js +23 -18
  140. package/dist/components/dropdown-menu.js.map +1 -1
  141. package/dist/components/editable-nav-item.js +63 -58
  142. package/dist/components/editable-nav-item.js.map +1 -1
  143. package/dist/components/empty.js +6 -6
  144. package/dist/components/empty.js.map +1 -1
  145. package/dist/components/fab.js +1 -1
  146. package/dist/components/fab.js.map +1 -1
  147. package/dist/components/field.js +3 -3
  148. package/dist/components/field.js.map +1 -1
  149. package/dist/components/file-dropzone.js +7 -7
  150. package/dist/components/file-dropzone.js.map +1 -1
  151. package/dist/components/filter-bar.js +6 -6
  152. package/dist/components/filter-bar.js.map +1 -1
  153. package/dist/components/flow.js +4 -3
  154. package/dist/components/flow.js.map +1 -1
  155. package/dist/components/grid.d.ts +3 -1
  156. package/dist/components/grid.js +15 -8
  157. package/dist/components/grid.js.map +1 -1
  158. package/dist/components/hover-card.js +1 -1
  159. package/dist/components/hover-card.js.map +1 -1
  160. package/dist/components/icon-picker.d.ts +8 -2
  161. package/dist/components/icon-picker.js +75 -47
  162. package/dist/components/icon-picker.js.map +1 -1
  163. package/dist/components/inline-editable.js +6 -6
  164. package/dist/components/inline-editable.js.map +1 -1
  165. package/dist/components/input-area.js +3 -3
  166. package/dist/components/input-area.js.map +1 -1
  167. package/dist/components/input-group.js +5 -5
  168. package/dist/components/input-group.js.map +1 -1
  169. package/dist/components/input.js +4 -4
  170. package/dist/components/input.js.map +1 -1
  171. package/dist/components/label.js +3 -3
  172. package/dist/components/label.js.map +1 -1
  173. package/dist/components/layer-card.d.ts +9 -4
  174. package/dist/components/layer-card.js +72 -67
  175. package/dist/components/layer-card.js.map +1 -1
  176. package/dist/components/link.js.map +1 -1
  177. package/dist/components/loader.d.ts +16 -10
  178. package/dist/components/loader.js +46 -53
  179. package/dist/components/loader.js.map +1 -1
  180. package/dist/components/loading-screen.js +3 -3
  181. package/dist/components/loading-screen.js.map +1 -1
  182. package/dist/components/menu-bar.js +32 -27
  183. package/dist/components/menu-bar.js.map +1 -1
  184. package/dist/components/meter.d.ts +5 -5
  185. package/dist/components/meter.js +25 -12
  186. package/dist/components/meter.js.map +1 -1
  187. package/dist/components/multi-select.js +66 -62
  188. package/dist/components/multi-select.js.map +1 -1
  189. package/dist/components/navigation-menu.d.ts +2 -2
  190. package/dist/components/navigation-menu.js +22 -8
  191. package/dist/components/navigation-menu.js.map +1 -1
  192. package/dist/components/overlay.js +2 -2
  193. package/dist/components/overlay.js.map +1 -1
  194. package/dist/components/page-header.d.ts +3 -1
  195. package/dist/components/page-header.js +12 -12
  196. package/dist/components/page-header.js.map +1 -1
  197. package/dist/components/pagination.js +3 -3
  198. package/dist/components/pagination.js.map +1 -1
  199. package/dist/components/popover.js +18 -23
  200. package/dist/components/popover.js.map +1 -1
  201. package/dist/components/prompt-bar.d.ts +16 -0
  202. package/dist/components/prompt-bar.js +49 -0
  203. package/dist/components/prompt-bar.js.map +1 -0
  204. package/dist/components/radio.js +9 -9
  205. package/dist/components/radio.js.map +1 -1
  206. package/dist/components/recommendation-card.d.ts +13 -0
  207. package/dist/components/recommendation-card.js +123 -0
  208. package/dist/components/recommendation-card.js.map +1 -0
  209. package/dist/components/resource-list.js +1 -1
  210. package/dist/components/resource-list.js.map +1 -1
  211. package/dist/components/responsive-master-detail.js +7 -7
  212. package/dist/components/responsive-master-detail.js.map +1 -1
  213. package/dist/components/scroll-area.js +3 -3
  214. package/dist/components/scroll-area.js.map +1 -1
  215. package/dist/components/section-rule.d.ts +5 -3
  216. package/dist/components/section-rule.js +12 -12
  217. package/dist/components/section-rule.js.map +1 -1
  218. package/dist/components/segment-control.js +3 -3
  219. package/dist/components/segment-control.js.map +1 -1
  220. package/dist/components/select.js +47 -32
  221. package/dist/components/select.js.map +1 -1
  222. package/dist/components/sensitive-input.js +17 -19
  223. package/dist/components/sensitive-input.js.map +1 -1
  224. package/dist/components/separator.js.map +1 -1
  225. package/dist/components/sheet.d.ts +4 -4
  226. package/dist/components/sheet.js +12 -10
  227. package/dist/components/sheet.js.map +1 -1
  228. package/dist/components/sidebar.d.ts +3 -1
  229. package/dist/components/sidebar.js +150 -138
  230. package/dist/components/sidebar.js.map +1 -1
  231. package/dist/components/skeleton-line.d.ts +1 -1
  232. package/dist/components/skeleton-line.js +2 -2
  233. package/dist/components/skeleton-line.js.map +1 -1
  234. package/dist/components/slider.js +2 -2
  235. package/dist/components/slider.js.map +1 -1
  236. package/dist/components/stat-strip.js +5 -4
  237. package/dist/components/stat-strip.js.map +1 -1
  238. package/dist/components/switch.js +6 -6
  239. package/dist/components/switch.js.map +1 -1
  240. package/dist/components/table-of-contents.js +5 -5
  241. package/dist/components/table-of-contents.js.map +1 -1
  242. package/dist/components/table-pager.js +2 -2
  243. package/dist/components/table-pager.js.map +1 -1
  244. package/dist/components/table.js +4 -4
  245. package/dist/components/table.js.map +1 -1
  246. package/dist/components/tabs.js +7 -6
  247. package/dist/components/tabs.js.map +1 -1
  248. package/dist/components/tag-badge.d.ts +10 -10
  249. package/dist/components/tag-badge.js +11 -11
  250. package/dist/components/tag-badge.js.map +1 -1
  251. package/dist/components/tag-color-picker.d.ts +8 -1
  252. package/dist/components/tag-color-picker.js +33 -25
  253. package/dist/components/tag-color-picker.js.map +1 -1
  254. package/dist/components/text.js +5 -5
  255. package/dist/components/text.js.map +1 -1
  256. package/dist/components/theme-toggle.js +1 -1
  257. package/dist/components/theme-toggle.js.map +1 -1
  258. package/dist/components/thinking.d.ts +16 -0
  259. package/dist/components/thinking.js +85 -0
  260. package/dist/components/thinking.js.map +1 -0
  261. package/dist/components/toast.js +25 -20
  262. package/dist/components/toast.js.map +1 -1
  263. package/dist/components/toggle-group.js +6 -5
  264. package/dist/components/toggle-group.js.map +1 -1
  265. package/dist/components/toggle.js +6 -6
  266. package/dist/components/toggle.js.map +1 -1
  267. package/dist/components/tool-chips.d.ts +12 -0
  268. package/dist/components/tool-chips.js +138 -0
  269. package/dist/components/tool-chips.js.map +1 -0
  270. package/dist/components/toolbar.js +3 -3
  271. package/dist/components/toolbar.js.map +1 -1
  272. package/dist/components/tooltip.js +1 -1
  273. package/dist/components/tooltip.js.map +1 -1
  274. package/dist/components/typeahead-field.js +59 -56
  275. package/dist/components/typeahead-field.js.map +1 -1
  276. package/dist/components/upload-queue.js +15 -14
  277. package/dist/components/upload-queue.js.map +1 -1
  278. package/dist/models/agent-feedback.d.ts +44 -0
  279. package/dist/models/agent-feedback.js +28 -0
  280. package/dist/models/agent-feedback.js.map +1 -0
  281. package/dist/models/avatar.d.ts +2 -0
  282. package/dist/models/avatar.js +15 -0
  283. package/dist/models/avatar.js.map +1 -0
  284. package/dist/models/code.d.ts +6 -0
  285. package/dist/models/code.js +24 -0
  286. package/dist/models/code.js.map +1 -0
  287. package/dist/models/context-cards.d.ts +13 -0
  288. package/dist/models/context-cards.js +17 -0
  289. package/dist/models/context-cards.js.map +1 -0
  290. package/dist/models/diff-table.d.ts +12 -0
  291. package/dist/models/diff-table.js +9 -0
  292. package/dist/models/diff-table.js.map +1 -0
  293. package/dist/models/recommendation.d.ts +26 -0
  294. package/dist/models/recommendation.js +23 -0
  295. package/dist/models/recommendation.js.map +1 -0
  296. package/dist/providers/accent.js +1 -1
  297. package/dist/providers/accent.js.map +1 -1
  298. package/dist/providers/link.js.map +1 -1
  299. package/dist/providers/theme.js +1 -1
  300. package/dist/providers/theme.js.map +1 -1
  301. package/dist/styles/base.css +128 -0
  302. package/dist/styles/standalone.css +1994 -937
  303. package/dist/styles/tailwind.css +179 -13
  304. package/dist/styles/tokens.css +679 -20
  305. package/dist/utils/cn.js +25 -4
  306. package/dist/utils/cn.js.map +1 -1
  307. package/dist/utils/control-surface.d.ts +1 -1
  308. package/dist/utils/control-surface.js +1 -1
  309. package/dist/utils/control-surface.js.map +1 -1
  310. package/dist/utils/navigation.d.ts +3 -0
  311. package/dist/utils/navigation.js +8 -0
  312. package/dist/utils/navigation.js.map +1 -0
  313. package/dist/utils/preference-store.js +1 -1
  314. package/dist/utils/preference-store.js.map +1 -1
  315. package/dist/utils/selection-indicator.d.ts +1 -1
  316. package/dist/utils/selection-indicator.js +49 -72
  317. package/dist/utils/selection-indicator.js.map +1 -1
  318. package/dist/utils/use-checkable-group.js.map +1 -1
  319. package/dist/utils/use-hover-highlight.d.ts +4 -0
  320. package/dist/utils/use-hover-highlight.js +80 -0
  321. package/dist/utils/use-hover-highlight.js.map +1 -0
  322. package/dist/viewmodels/use-approval-card.d.ts +20 -0
  323. package/dist/viewmodels/use-approval-card.js +83 -0
  324. package/dist/viewmodels/use-approval-card.js.map +1 -0
  325. package/dist/viewmodels/use-chat-composer.d.ts +16 -0
  326. package/dist/viewmodels/use-chat-composer.js +34 -0
  327. package/dist/viewmodels/use-chat-composer.js.map +1 -0
  328. package/dist/viewmodels/use-chat-message.d.ts +16 -0
  329. package/dist/viewmodels/use-chat-message.js +26 -0
  330. package/dist/viewmodels/use-chat-message.js.map +1 -0
  331. package/dist/viewmodels/use-code-block.d.ts +8 -0
  332. package/dist/viewmodels/use-code-block.js +38 -0
  333. package/dist/viewmodels/use-code-block.js.map +1 -0
  334. package/dist/viewmodels/use-context-cards.d.ts +17 -0
  335. package/dist/viewmodels/use-context-cards.js +18 -0
  336. package/dist/viewmodels/use-context-cards.js.map +1 -0
  337. package/dist/viewmodels/use-diff-table.d.ts +16 -0
  338. package/dist/viewmodels/use-diff-table.js +42 -0
  339. package/dist/viewmodels/use-diff-table.js.map +1 -0
  340. package/dist/viewmodels/use-loader.d.ts +4 -0
  341. package/dist/viewmodels/use-loader.js +22 -0
  342. package/dist/viewmodels/use-loader.js.map +1 -0
  343. package/dist/viewmodels/use-recommendation-card.d.ts +17 -0
  344. package/dist/viewmodels/use-recommendation-card.js +41 -0
  345. package/dist/viewmodels/use-recommendation-card.js.map +1 -0
  346. package/dist/viewmodels/use-thinking.d.ts +13 -0
  347. package/dist/viewmodels/use-thinking.js +18 -0
  348. package/dist/viewmodels/use-thinking.js.map +1 -0
  349. package/dist/viewmodels/use-tool-chips.d.ts +10 -0
  350. package/dist/viewmodels/use-tool-chips.js +20 -0
  351. package/dist/viewmodels/use-tool-chips.js.map +1 -0
  352. package/package.json +3 -1
package/dist/styles/tailwind.css CHANGED
@@ -1,3 +1,4 @@
1
+ @layer theme, base, components, utilities;
1
2
  @import "./tokens.css";
2
3
  @import "./base.css";
3
4
 
@@ -5,6 +6,158 @@
5
6
  @custom-variant basalt-dark (&:where(.dark, .dark *, [data-mode="dark"], [data-mode="dark"] *));
6
7
 
7
8
  @theme inline {
9
+ --color-basalt-on-solid: hsl(var(--basalt-on-solid));
10
+ --color-basalt-backdrop: hsl(var(--basalt-backdrop));
11
+ --color-basalt-tag-slate: var(--basalt-tag-slate);
12
+ --color-basalt-tag-slate-foreground: var(--basalt-tag-slate-foreground);
13
+ --color-basalt-tag-slate-border: var(--basalt-tag-slate-border);
14
+ --color-basalt-tag-blue: var(--basalt-tag-blue);
15
+ --color-basalt-tag-blue-foreground: var(--basalt-tag-blue-foreground);
16
+ --color-basalt-tag-blue-border: var(--basalt-tag-blue-border);
17
+ --color-basalt-tag-violet: var(--basalt-tag-violet);
18
+ --color-basalt-tag-violet-foreground: var(--basalt-tag-violet-foreground);
19
+ --color-basalt-tag-violet-border: var(--basalt-tag-violet-border);
20
+ --color-basalt-tag-teal: var(--basalt-tag-teal);
21
+ --color-basalt-tag-teal-foreground: var(--basalt-tag-teal-foreground);
22
+ --color-basalt-tag-teal-border: var(--basalt-tag-teal-border);
23
+ --color-basalt-tag-amber: var(--basalt-tag-amber);
24
+ --color-basalt-tag-amber-foreground: var(--basalt-tag-amber-foreground);
25
+ --color-basalt-tag-amber-border: var(--basalt-tag-amber-border);
26
+ --color-basalt-tag-rose: var(--basalt-tag-rose);
27
+ --color-basalt-tag-rose-foreground: var(--basalt-tag-rose-foreground);
28
+ --color-basalt-tag-rose-border: var(--basalt-tag-rose-border);
29
+ --color-basalt-tag-success: var(--basalt-tag-success);
30
+ --color-basalt-tag-success-foreground: var(--basalt-tag-success-foreground);
31
+ --color-basalt-tag-success-border: var(--basalt-tag-success-border);
32
+ --color-basalt-tag-warning: var(--basalt-tag-warning);
33
+ --color-basalt-tag-warning-foreground: var(--basalt-tag-warning-foreground);
34
+ --color-basalt-tag-warning-border: var(--basalt-tag-warning-border);
35
+ --color-basalt-tag-danger: var(--basalt-tag-danger);
36
+ --color-basalt-tag-danger-foreground: var(--basalt-tag-danger-foreground);
37
+ --color-basalt-tag-danger-border: var(--basalt-tag-danger-border);
38
+ --color-basalt-tag-info: var(--basalt-tag-info);
39
+ --color-basalt-tag-info-foreground: var(--basalt-tag-info-foreground);
40
+ --color-basalt-tag-info-border: var(--basalt-tag-info-border);
41
+ --spacing-basalt-space-xs: var(--basalt-space-xs);
42
+ --spacing-basalt-space-sm: var(--basalt-space-sm);
43
+ --spacing-basalt-space-md: var(--basalt-space-md);
44
+ --spacing-basalt-space-lg: var(--basalt-space-lg);
45
+ --spacing-basalt-space-default: var(--basalt-space-default);
46
+ --text-basalt-xs: var(--basalt-text-xs);
47
+ --text-basalt-xs--line-height: var(--basalt-leading-body);
48
+ --text-basalt-sm: var(--basalt-text-sm);
49
+ --text-basalt-sm--line-height: var(--basalt-leading-body);
50
+ --text-basalt-code: var(--basalt-text-code);
51
+ --text-basalt-code--line-height: var(--basalt-leading-body);
52
+ --text-basalt-base: var(--basalt-text-base);
53
+ --text-basalt-base--line-height: var(--basalt-leading-body);
54
+ --text-basalt-lg: var(--basalt-text-lg);
55
+ --text-basalt-lg--line-height: var(--basalt-leading-body);
56
+ --text-basalt-xl: var(--basalt-text-xl);
57
+ --text-basalt-xl--line-height: var(--basalt-leading-body);
58
+ --text-basalt-2xl: var(--basalt-text-2xl);
59
+ --text-basalt-2xl--line-height: var(--basalt-leading-body);
60
+ --text-basalt-3xl: var(--basalt-text-3xl);
61
+ --text-basalt-3xl--line-height: var(--basalt-leading-body);
62
+ --text-basalt-4xl: var(--basalt-text-4xl);
63
+ --text-basalt-4xl--line-height: var(--basalt-leading-body);
64
+ --text-basalt-5xl: var(--basalt-text-5xl);
65
+ --text-basalt-5xl--line-height: var(--basalt-leading-body);
66
+ --text-basalt-6xl: var(--basalt-text-6xl);
67
+ --text-basalt-6xl--line-height: var(--basalt-leading-body);
68
+ --text-basalt-7xl: var(--basalt-text-7xl);
69
+ --text-basalt-7xl--line-height: var(--basalt-leading-body);
70
+ --text-basalt-8xl: var(--basalt-text-8xl);
71
+ --text-basalt-8xl--line-height: var(--basalt-leading-body);
72
+ --text-basalt-9xl: var(--basalt-text-9xl);
73
+ --text-basalt-9xl--line-height: var(--basalt-leading-body);
74
+ --text-basalt-10xl: var(--basalt-text-10xl);
75
+ --text-basalt-10xl--line-height: var(--basalt-leading-body);
76
+ --leading-basalt-tight: var(--basalt-leading-tight);
77
+ --leading-basalt-row: var(--basalt-line-row);
78
+ --leading-basalt-body: var(--basalt-leading-body);
79
+ --leading-basalt-relaxed: var(--basalt-leading-relaxed);
80
+ --ease-basalt: var(--basalt-motion-ease);
81
+ --color-basalt-selected: hsl(var(--basalt-selected));
82
+ --color-basalt-selected-foreground: hsl(var(--basalt-selected-foreground));
83
+ --color-basalt-hover: var(--basalt-hover);
84
+ --color-basalt-primary-hover: var(--basalt-primary-hover);
85
+ --color-basalt-destructive-hover: var(--basalt-destructive-hover);
86
+ --spacing-basalt-96: var(--basalt-space-96);
87
+ --spacing-basalt-80: var(--basalt-space-80);
88
+ --spacing-basalt-72: var(--basalt-space-72);
89
+ --spacing-basalt-64: var(--basalt-space-64);
90
+ --spacing-basalt-60: var(--basalt-space-60);
91
+ --spacing-basalt-56: var(--basalt-space-56);
92
+ --spacing-basalt-40: var(--basalt-space-40);
93
+ --spacing-basalt-36: var(--basalt-space-36);
94
+ --spacing-basalt-28: var(--basalt-space-28);
95
+ --spacing-basalt-16: var(--basalt-space-16);
96
+ --spacing-basalt-12: var(--basalt-space-12);
97
+ --spacing-basalt-11: var(--basalt-space-11);
98
+ --spacing-basalt-9: var(--basalt-space-9);
99
+ --spacing-basalt-0_5: var(--basalt-space-0_5);
100
+ --spacing-basalt-1: var(--basalt-space-1);
101
+ --spacing-basalt-1_5: var(--basalt-space-1_5);
102
+ --spacing-basalt-2: var(--basalt-space-2);
103
+ --spacing-basalt-2_5: var(--basalt-space-2_5);
104
+ --spacing-basalt-3: var(--basalt-space-3);
105
+ --spacing-basalt-3_5: var(--basalt-space-3_5);
106
+ --spacing-basalt-4: var(--basalt-space-4);
107
+ --spacing-basalt-5: var(--basalt-space-5);
108
+ --spacing-basalt-6: var(--basalt-space-6);
109
+ --spacing-basalt-7: var(--basalt-space-7);
110
+ --spacing-basalt-8: var(--basalt-space-8);
111
+ --spacing-basalt-10: var(--basalt-space-10);
112
+ --spacing-basalt-14: var(--basalt-space-14);
113
+ --spacing-basalt-border-width: var(--basalt-border-width);
114
+ --spacing-basalt-control: var(--basalt-size-control);
115
+ --spacing-basalt-control-sm: var(--basalt-size-control-sm);
116
+ --spacing-basalt-control-lg: var(--basalt-size-control-lg);
117
+ --spacing-basalt-control-inset: var(--basalt-size-control-inset);
118
+ --spacing-basalt-icon: var(--basalt-size-icon);
119
+ --spacing-basalt-icon-sm: var(--basalt-size-icon-sm);
120
+ --spacing-basalt-icon-lg: var(--basalt-size-icon-lg);
121
+ --spacing-basalt-icon-display: var(--basalt-size-icon-display);
122
+ --spacing-basalt-touch: var(--basalt-size-touch);
123
+ --spacing-basalt-menu-row: var(--basalt-size-menu-row);
124
+ --spacing-basalt-table-row: var(--basalt-size-table-row);
125
+ --spacing-basalt-check: var(--basalt-size-check);
126
+ --spacing-basalt-check-sm: var(--basalt-size-check-sm);
127
+ --spacing-basalt-textarea: var(--basalt-size-textarea);
128
+ --spacing-basalt-textarea-sm: var(--basalt-size-textarea-sm);
129
+ --spacing-basalt-textarea-lg: var(--basalt-size-textarea-lg);
130
+ --spacing-basalt-control-x: var(--basalt-space-control-x);
131
+ --spacing-basalt-control-x-sm: var(--basalt-space-control-x-sm);
132
+ --spacing-basalt-control-x-lg: var(--basalt-space-control-x-lg);
133
+ --spacing-basalt-control-y: var(--basalt-space-control-y);
134
+ --spacing-basalt-control-gap: var(--basalt-space-control-gap);
135
+ --spacing-basalt-menu-inset: var(--basalt-space-menu-inset);
136
+ --spacing-basalt-menu-x: var(--basalt-space-menu-x);
137
+ --spacing-basalt-menu-y: var(--basalt-space-menu-y);
138
+ --spacing-basalt-card: var(--basalt-space-card);
139
+ --spacing-basalt-card-sm: var(--basalt-space-card-sm);
140
+ --spacing-basalt-card-lg: var(--basalt-space-card-lg);
141
+ --spacing-basalt-card-xl: var(--basalt-space-card-xl);
142
+ --spacing-basalt-layout-sm: var(--basalt-space-layout-sm);
143
+ --spacing-basalt-layout: var(--basalt-space-layout);
144
+ --spacing-basalt-layout-lg: var(--basalt-space-layout-lg);
145
+ --spacing-basalt-layout-xl: var(--basalt-space-layout-xl);
146
+ --spacing-basalt-field-gap: var(--basalt-space-field-gap);
147
+ --spacing-basalt-table-x: var(--basalt-space-table-x);
148
+ --spacing-basalt-table-y: var(--basalt-space-table-y);
149
+ --spacing-basalt-overlay: var(--basalt-space-overlay);
150
+ --spacing-basalt-panel-x: var(--basalt-space-panel-x);
151
+ --spacing-basalt-panel-y: var(--basalt-space-panel-y);
152
+ --spacing-basalt-content-gap: var(--basalt-space-content-gap);
153
+ --spacing-basalt-row-x: var(--basalt-space-row-x);
154
+ --spacing-basalt-row-y: var(--basalt-space-row-y);
155
+ --spacing-basalt-row-gap: var(--basalt-space-row-gap);
156
+ --spacing-basalt-row-content: var(--basalt-space-row-content);
157
+ --spacing-basalt-action: var(--basalt-size-action);
158
+ --spacing-basalt-nav-inset: var(--basalt-space-nav-inset);
159
+ --spacing-basalt-nav-gap: var(--basalt-space-nav-gap);
160
+ --spacing-basalt-rail: var(--basalt-size-rail);
8
161
  --color-basalt-background: hsl(var(--basalt-background));
9
162
  --color-basalt-foreground: hsl(var(--basalt-foreground));
10
163
  --color-basalt-card: hsl(var(--basalt-card));
@@ -59,6 +212,7 @@
59
212
  --color-basalt-chart-22: hsl(var(--basalt-chart-22));
60
213
  --color-basalt-chart-23: hsl(var(--basalt-chart-23));
61
214
  --color-basalt-chart-24: hsl(var(--basalt-chart-24));
215
+ --color-basalt-badge-green: hsl(var(--basalt-badge-green));
62
216
  --color-basalt-badge-green-foreground: hsl(var(--basalt-badge-green-foreground));
63
217
  --color-basalt-badge-teal: hsl(var(--basalt-badge-teal));
64
218
  --color-basalt-badge-purple: hsl(var(--basalt-badge-purple));
@@ -82,27 +236,35 @@
82
236
  --color-basalt-heatmap-orange-2: hsl(var(--basalt-heatmap-orange-2));
83
237
  --color-basalt-heatmap-orange-3: hsl(var(--basalt-heatmap-orange-3));
84
238
  --color-basalt-heatmap-orange-4: hsl(var(--basalt-heatmap-orange-4));
85
- --radius-basalt-lg: var(--basalt-radius);
86
- --radius-basalt-md: calc(var(--basalt-radius) - 2px);
87
- --radius-basalt-sm: calc(var(--basalt-radius) - 4px);
239
+ --radius-basalt-lg: var(--basalt-radius-lg);
240
+ --radius-basalt-full: var(--basalt-radius-full);
241
+ --radius-basalt-md: var(--basalt-radius-md);
242
+ --radius-basalt-sm: var(--basalt-radius-sm);
88
243
  --radius-basalt-island: var(--basalt-radius-island);
89
244
  --radius-basalt-card: var(--basalt-radius-card);
90
245
  --radius-basalt-widget: var(--basalt-radius-widget);
91
246
  --font-basalt-sans: var(--basalt-font-sans);
92
247
  --font-basalt-display: var(--basalt-font-display);
93
- --animate-basalt-accordion-down: basalt-accordion-down 0.2s ease-out;
94
- --animate-basalt-accordion-up: basalt-accordion-up 0.2s ease-out;
248
+ --animate-basalt-accordion-down: basalt-accordion-down var(--basalt-motion-normal)
249
+ var(--basalt-motion-ease);
250
+ --animate-basalt-accordion-up: basalt-accordion-up var(--basalt-motion-normal)
251
+ var(--basalt-motion-ease);
95
252
  --animate-basalt-spin: basalt-spin 1s linear infinite;
96
- --animate-basalt-loader: basalt-loader-spin 1.4s linear infinite;
97
253
  --animate-pulse: basalt-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
98
- --animate-basalt-overlay-in: basalt-overlay-in 200ms ease-out;
99
- --animate-basalt-overlay-out: basalt-overlay-out 150ms ease-in forwards;
100
- --animate-basalt-dialog-in: basalt-dialog-in 220ms cubic-bezier(0.16, 1, 0.3, 1);
101
- --animate-basalt-dialog-out: basalt-dialog-out 140ms cubic-bezier(0.4, 0, 1, 1) forwards;
102
- --animate-basalt-collapsible-down: basalt-collapsible-down 150ms ease-out;
103
- --animate-basalt-collapsible-up: basalt-collapsible-up 100ms ease-in;
254
+ --animate-basalt-overlay-in: basalt-overlay-in var(--basalt-floating-duration-enter)
255
+ var(--basalt-motion-ease-enter);
256
+ --animate-basalt-overlay-out: basalt-overlay-out var(--basalt-floating-duration-exit)
257
+ var(--basalt-motion-ease-exit) forwards;
258
+ --animate-basalt-dialog-in: basalt-dialog-in var(--basalt-motion-normal)
259
+ var(--basalt-motion-ease-enter);
260
+ --animate-basalt-dialog-out: basalt-dialog-out var(--basalt-motion-fast)
261
+ var(--basalt-motion-ease-exit) forwards;
262
+ --animate-basalt-collapsible-down: basalt-collapsible-down var(--basalt-motion-normal)
263
+ var(--basalt-motion-ease);
264
+ --animate-basalt-collapsible-up: basalt-collapsible-up var(--basalt-motion-fast)
265
+ var(--basalt-motion-ease);
104
266
  --animate-basalt-shimmer: basalt-shimmer 1.5s ease-in-out infinite;
105
- --animate-basalt-tab-in: basalt-tab-in 180ms ease-out;
267
+ --animate-basalt-tab-in: basalt-tab-in var(--basalt-motion-normal) var(--basalt-motion-ease);
106
268
  }
107
269
 
108
270
  .basalt-chart .recharts-sector:focus:not(:focus-visible),
@@ -116,3 +278,7 @@
116
278
  outline: 2px solid hsl(var(--basalt-ring));
117
279
  outline-offset: 2px;
118
280
  }
281
+
282
+ @utility duration-basalt-normal {
283
+ transition-duration: var(--basalt-motion-normal);
284
+ }