@cognite/aura 0.2.0 → 0.3.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 (239) hide show
  1. package/DESIGN.md +869 -870
  2. package/README.md +143 -9
  3. package/dist/colors.css +30 -0
  4. package/dist/components/index.d.ts +7 -36
  5. package/dist/components/index.js +319 -350
  6. package/dist/components/ui/core/accordion/accordion.d.ts +7 -7
  7. package/dist/components/ui/core/accordion/accordion.js +49 -47
  8. package/dist/components/ui/core/action-toolbar/action-toolbar.d.ts +41 -0
  9. package/dist/components/ui/core/action-toolbar/action-toolbar.js +176 -0
  10. package/dist/components/ui/core/alert/alert.d.ts +23 -12
  11. package/dist/components/ui/core/alert/alert.js +123 -120
  12. package/dist/components/ui/core/avatar/avatar.d.ts +12 -8
  13. package/dist/components/ui/core/badge/badge.d.ts +11 -8
  14. package/dist/components/ui/core/banner/banner.d.ts +18 -28
  15. package/dist/components/ui/core/breadcrumb/breadcrumb.d.ts +10 -9
  16. package/dist/components/ui/core/breadcrumb/breadcrumb.js +98 -88
  17. package/dist/components/ui/core/button/button.d.ts +8 -5
  18. package/dist/components/ui/core/button/button.js +22 -19
  19. package/dist/components/ui/core/button-group/button-group.d.ts +7 -6
  20. package/dist/components/ui/core/card/card.d.ts +17 -16
  21. package/dist/components/ui/core/chart/chart.d.ts +69 -0
  22. package/dist/components/ui/core/chart/chart.js +215 -0
  23. package/dist/components/ui/core/chart/index.d.ts +2 -0
  24. package/dist/components/ui/core/chart/index.js +8 -0
  25. package/dist/components/ui/core/checkbox/checkbox.d.ts +13 -9
  26. package/dist/components/ui/core/checkbox/checkbox.js +32 -28
  27. package/dist/components/ui/core/code-block/code-block.d.ts +6 -9
  28. package/dist/components/ui/core/code-block/code-block.js +48 -44
  29. package/dist/components/ui/core/collapsible/collapsible.d.ts +5 -3
  30. package/dist/components/ui/core/combobox/combobox.d.ts +2 -2
  31. package/dist/components/ui/core/command/command.d.ts +11 -78
  32. package/dist/components/ui/core/command/command.js +53 -52
  33. package/dist/components/ui/core/count/count.d.ts +7 -6
  34. package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.d.ts +15 -0
  35. package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js +84 -0
  36. package/dist/components/ui/core/date-time-pickers/date-picker/index.d.ts +3 -0
  37. package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts +18 -0
  38. package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.d.ts +3 -0
  39. package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js +63 -0
  40. package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.d.ts +15 -0
  41. package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js +99 -0
  42. package/dist/components/ui/core/date-time-pickers/date-range-picker/index.d.ts +3 -0
  43. package/dist/components/ui/core/date-time-pickers/date-range-picker/types.d.ts +25 -0
  44. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.d.ts +4 -0
  45. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js +82 -0
  46. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.d.ts +17 -0
  47. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js +190 -0
  48. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.d.ts +3 -0
  49. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.d.ts +42 -0
  50. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.d.ts +3 -0
  51. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js +161 -0
  52. package/dist/components/ui/core/date-time-pickers/index.d.ts +8 -0
  53. package/dist/components/ui/core/date-time-pickers/index.js +8 -0
  54. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.d.ts +7 -0
  55. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js +57 -0
  56. package/dist/components/ui/core/date-time-pickers/shared/calendar/calendar.d.ts +13 -0
  57. package/dist/components/ui/core/date-time-pickers/shared/calendar/calendar.js +119 -0
  58. package/dist/components/ui/core/date-time-pickers/shared/calendar-header/calendar-header.d.ts +10 -0
  59. package/dist/components/ui/core/date-time-pickers/shared/calendar-header/calendar-header.js +93 -0
  60. package/dist/components/ui/core/date-time-pickers/shared/constants.d.ts +20 -0
  61. package/dist/components/ui/core/date-time-pickers/shared/constants.js +14 -0
  62. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.d.ts +19 -0
  63. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js +99 -0
  64. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.d.ts +12 -0
  65. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js +68 -0
  66. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.d.ts +12 -0
  67. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js +40 -0
  68. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.d.ts +29 -0
  69. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js +63 -0
  70. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.d.ts +8 -0
  71. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js +19 -0
  72. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.d.ts +23 -0
  73. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.js +32 -0
  74. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.d.ts +17 -0
  75. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js +34 -0
  76. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.d.ts +8 -0
  77. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js +7 -0
  78. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.d.ts +13 -0
  79. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js +31 -0
  80. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.d.ts +10 -0
  81. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js +52 -0
  82. package/dist/components/ui/core/date-time-pickers/utils/calendar-utils.d.ts +48 -0
  83. package/dist/components/ui/core/date-time-pickers/utils/calendar-utils.js +52 -0
  84. package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.d.ts +26 -0
  85. package/dist/components/ui/core/date-time-pickers/utils/format-utils.d.ts +37 -0
  86. package/dist/components/ui/core/date-time-pickers/utils/segment-utils.d.ts +34 -0
  87. package/dist/components/ui/core/date-time-pickers/utils/time-utils.d.ts +43 -0
  88. package/dist/components/ui/core/date-time-pickers/utils/time-utils.js +15 -0
  89. package/dist/components/ui/core/date-time-pickers/utils/time-validation.d.ts +23 -0
  90. package/dist/components/ui/core/dialog/dialog.d.ts +10 -10
  91. package/dist/components/ui/core/dialog/dialog.js +12 -3
  92. package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +24 -47
  93. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +125 -123
  94. package/dist/components/ui/core/empty-state/empty-state.context.d.ts +10 -0
  95. package/dist/components/ui/core/empty-state/empty-state.context.js +8 -0
  96. package/dist/components/ui/core/empty-state/empty-state.d.ts +18 -0
  97. package/dist/components/ui/core/empty-state/empty-state.js +139 -0
  98. package/dist/components/ui/core/helper-text/helper-text.d.ts +7 -5
  99. package/dist/components/ui/core/hover-card/hover-card.d.ts +5 -7
  100. package/dist/components/ui/core/hover-card/hover-card.js +23 -22
  101. package/dist/components/ui/core/inline-citation/inline-citation.d.ts +10 -10
  102. package/dist/components/ui/core/inline-citation/inline-citation.js +57 -49
  103. package/dist/components/ui/core/input/input.d.ts +2 -1
  104. package/dist/components/ui/core/input/input.js +1 -1
  105. package/dist/components/ui/core/input-group/input-group.d.ts +17 -13
  106. package/dist/components/ui/core/input-group/input-group.js +35 -36
  107. package/dist/components/ui/core/kbd/kbd.d.ts +3 -2
  108. package/dist/components/ui/core/label/label.d.ts +3 -2
  109. package/dist/components/ui/core/loader/loader.d.ts +2 -2
  110. package/dist/components/ui/core/message/message.d.ts +18 -17
  111. package/dist/components/ui/core/message/message.js +387 -99
  112. package/dist/components/ui/core/pagination/pagination-size-context.d.ts +5 -0
  113. package/dist/components/ui/core/pagination/pagination-size-context.js +6 -0
  114. package/dist/components/ui/core/pagination/pagination-teleport.d.ts +11 -0
  115. package/dist/components/ui/core/pagination/pagination-teleport.js +108 -0
  116. package/dist/components/ui/core/pagination/pagination-teleport.utils.d.ts +1 -0
  117. package/dist/components/ui/core/pagination/pagination-teleport.utils.js +7 -0
  118. package/dist/components/ui/core/pagination/pagination.d.ts +41 -0
  119. package/dist/components/ui/core/pagination/pagination.js +337 -0
  120. package/dist/components/ui/core/popover/popover.d.ts +12 -16
  121. package/dist/components/ui/core/popover/popover.js +52 -51
  122. package/dist/components/ui/core/progress/progress.d.ts +7 -4
  123. package/dist/components/ui/core/prompt-input/prompt-input.d.ts +36 -103
  124. package/dist/components/ui/core/prompt-input/prompt-input.js +180 -167
  125. package/dist/components/ui/core/radio-group/radio-group.d.ts +12 -8
  126. package/dist/components/ui/core/radio-group/radio-group.js +56 -53
  127. package/dist/components/ui/core/reasoning/reasoning.d.ts +5 -5
  128. package/dist/components/ui/core/scroll-area/scroll-area.d.ts +4 -2
  129. package/dist/components/ui/core/search/search.d.ts +10 -0
  130. package/dist/components/ui/core/search/search.js +99 -0
  131. package/dist/components/ui/core/segmented-control/segmented-control.d.ts +15 -11
  132. package/dist/components/ui/core/segmented-control/segmented-control.js +4 -1
  133. package/dist/components/ui/core/select/select.d.ts +15 -14
  134. package/dist/components/ui/core/select/select.js +135 -108
  135. package/dist/components/ui/core/separator/separator.d.ts +2 -4
  136. package/dist/components/ui/core/separator/separator.js +4 -5
  137. package/dist/components/ui/core/shimmer/shimmer.d.ts +5 -5
  138. package/dist/components/ui/core/shimmer/shimmer.js +91 -52
  139. package/dist/components/ui/core/skeleton/skeleton.d.ts +2 -1
  140. package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts +2 -1
  141. package/dist/components/ui/core/sources/sources.d.ts +3 -3
  142. package/dist/components/ui/core/sources/sources.js +6 -1
  143. package/dist/components/ui/core/switch/switch.d.ts +11 -0
  144. package/dist/components/ui/core/{button/button.metadata.d.ts → switch/switch.metadata.d.ts} +1 -1
  145. package/dist/components/ui/core/tabs/tabs.d.ts +21 -17
  146. package/dist/components/ui/core/tabs/tabs.js +11 -9
  147. package/dist/components/ui/core/textarea/textarea.d.ts +2 -1
  148. package/dist/components/ui/core/textarea/textarea.js +20 -18
  149. package/dist/components/ui/core/toggle/toggle.d.ts +15 -0
  150. package/dist/components/ui/core/toggle/toggle.js +74 -0
  151. package/dist/components/ui/core/tool/tool.d.ts +7 -6
  152. package/dist/components/ui/core/tool/tool.js +47 -43
  153. package/dist/components/ui/core/tooltip/tooltip.d.ts +6 -5
  154. package/dist/components/ui/core/tooltip/tooltip.js +10 -8
  155. package/dist/components/ui/core/topbar/topbar.d.ts +11 -13
  156. package/dist/eslint/index.d.ts +2 -1
  157. package/dist/index.d.ts +1 -1
  158. package/dist/lib/portal-container-context.d.ts +2 -1
  159. package/dist/lib/portal-container-context.js +3 -5
  160. package/dist/lib/utils.d.ts +1 -1
  161. package/dist/lib/utils.js +7 -7
  162. package/dist/styles.css +1 -1
  163. package/dist/styles.source.css +12 -1
  164. package/package.json +217 -14
  165. package/dist/components/ui/core/accordion/accordion.metadata.d.ts +0 -2
  166. package/dist/components/ui/core/accordion/accordion.metadata.js +0 -9
  167. package/dist/components/ui/core/alert/alert.metadata.d.ts +0 -2
  168. package/dist/components/ui/core/alert/alert.metadata.js +0 -9
  169. package/dist/components/ui/core/avatar/avatar.metadata.d.ts +0 -8
  170. package/dist/components/ui/core/avatar/avatar.metadata.js +0 -9
  171. package/dist/components/ui/core/badge/badge.metadata.d.ts +0 -2
  172. package/dist/components/ui/core/badge/badge.metadata.js +0 -8
  173. package/dist/components/ui/core/banner/banner.metadata.d.ts +0 -2
  174. package/dist/components/ui/core/banner/banner.metadata.js +0 -9
  175. package/dist/components/ui/core/breadcrumb/breadcrumb.metadata.d.ts +0 -2
  176. package/dist/components/ui/core/breadcrumb/breadcrumb.metadata.js +0 -9
  177. package/dist/components/ui/core/button/button.metadata.js +0 -9
  178. package/dist/components/ui/core/button-group/button-group.metadata.d.ts +0 -2
  179. package/dist/components/ui/core/button-group/button-group.metadata.js +0 -8
  180. package/dist/components/ui/core/card/card.metadata.d.ts +0 -8
  181. package/dist/components/ui/core/card/card.metadata.js +0 -9
  182. package/dist/components/ui/core/code-block/code-block.metadata.d.ts +0 -2
  183. package/dist/components/ui/core/code-block/code-block.metadata.js +0 -8
  184. package/dist/components/ui/core/collapsible/collapsible.metadata.d.ts +0 -2
  185. package/dist/components/ui/core/collapsible/collapsible.metadata.js +0 -9
  186. package/dist/components/ui/core/combobox/combobox.metadata.d.ts +0 -2
  187. package/dist/components/ui/core/command/command.metadata.d.ts +0 -2
  188. package/dist/components/ui/core/command/command.metadata.js +0 -9
  189. package/dist/components/ui/core/dialog/dialog.metadata.d.ts +0 -2
  190. package/dist/components/ui/core/dialog/dialog.metadata.js +0 -9
  191. package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.d.ts +0 -2
  192. package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.js +0 -9
  193. package/dist/components/ui/core/helper-text/helper-text.metadata.d.ts +0 -2
  194. package/dist/components/ui/core/helper-text/helper-text.metadata.js +0 -9
  195. package/dist/components/ui/core/hover-card/hover-card.metadata.d.ts +0 -2
  196. package/dist/components/ui/core/hover-card/hover-card.metadata.js +0 -8
  197. package/dist/components/ui/core/inline-citation/inline-citation.metadata.d.ts +0 -2
  198. package/dist/components/ui/core/inline-citation/inline-citation.metadata.js +0 -8
  199. package/dist/components/ui/core/input/input.metadata.d.ts +0 -2
  200. package/dist/components/ui/core/input/input.metadata.js +0 -9
  201. package/dist/components/ui/core/input-group/input-group.metadata.d.ts +0 -2
  202. package/dist/components/ui/core/input-group/input-group.metadata.js +0 -9
  203. package/dist/components/ui/core/kbd/kbd.metadata.d.ts +0 -2
  204. package/dist/components/ui/core/kbd/kbd.metadata.js +0 -9
  205. package/dist/components/ui/core/label/label.metadata.d.ts +0 -2
  206. package/dist/components/ui/core/label/label.metadata.js +0 -9
  207. package/dist/components/ui/core/loader/loader.metadata.d.ts +0 -2
  208. package/dist/components/ui/core/loader/loader.metadata.js +0 -9
  209. package/dist/components/ui/core/message/message.metadata.d.ts +0 -2
  210. package/dist/components/ui/core/popover/popover.metadata.d.ts +0 -2
  211. package/dist/components/ui/core/popover/popover.metadata.js +0 -9
  212. package/dist/components/ui/core/progress/progress.metadata.d.ts +0 -2
  213. package/dist/components/ui/core/progress/progress.metadata.js +0 -9
  214. package/dist/components/ui/core/prompt-input/prompt-input.metadata.d.ts +0 -2
  215. package/dist/components/ui/core/prompt-input/prompt-input.metadata.js +0 -9
  216. package/dist/components/ui/core/radio-group/radio-group.metadata.d.ts +0 -2
  217. package/dist/components/ui/core/radio-group/radio-group.metadata.js +0 -9
  218. package/dist/components/ui/core/reasoning/reasoning.metadata.d.ts +0 -2
  219. package/dist/components/ui/core/reasoning/reasoning.metadata.js +0 -8
  220. package/dist/components/ui/core/scroll-area/scroll-area.metadata.d.ts +0 -2
  221. package/dist/components/ui/core/scroll-area/scroll-area.metadata.js +0 -9
  222. package/dist/components/ui/core/select/select.metadata.d.ts +0 -2
  223. package/dist/components/ui/core/select/select.metadata.js +0 -9
  224. package/dist/components/ui/core/separator/separator.metadata.d.ts +0 -2
  225. package/dist/components/ui/core/separator/separator.metadata.js +0 -8
  226. package/dist/components/ui/core/shimmer/shimmer.metadata.d.ts +0 -2
  227. package/dist/components/ui/core/shimmer/shimmer.metadata.js +0 -9
  228. package/dist/components/ui/core/skeleton/skeleton.metadata.d.ts +0 -2
  229. package/dist/components/ui/core/skeleton/skeleton.metadata.js +0 -9
  230. package/dist/components/ui/core/sonner-toast/sonner-toast.metadata.d.ts +0 -2
  231. package/dist/components/ui/core/sonner-toast/sonner-toast.metadata.js +0 -9
  232. package/dist/components/ui/core/sources/sources.metadata.d.ts +0 -2
  233. package/dist/components/ui/core/textarea/textarea.metadata.d.ts +0 -2
  234. package/dist/components/ui/core/textarea/textarea.metadata.js +0 -9
  235. package/dist/components/ui/core/tool/tool.metadata.d.ts +0 -2
  236. package/dist/components/ui/core/tool/tool.metadata.js +0 -8
  237. package/dist/components/ui/core/tooltip/tooltip.metadata.d.ts +0 -8
  238. package/dist/components/ui/core/tooltip/tooltip.metadata.js +0 -9
  239. package/dist/index.js +0 -342
@@ -1,7 +1,13 @@
1
1
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Space+Grotesk:wght@300..700&family=Source+Code+Pro:wght@200..900&display=swap');
2
2
  @import 'tailwindcss';
3
3
  @import 'tw-animate-css';
4
- @import "./colors.css";
4
+ @import './colors.css';
5
+
6
+ @source './components/';
7
+ @source './lib/';
8
+ /* Streamdown ships Tailwind classes in pre-built dist JS; */
9
+ @source 'streamdown/dist';
10
+ @source '@streamdown/mermaid/dist';
5
11
 
6
12
  @custom-variant dark (&:is(.dark *));
7
13
 
@@ -90,6 +96,11 @@
90
96
  --avatar-icon-xs: 0.875rem;
91
97
  --avatar-icon-xxs: 0.65625rem;
92
98
  --avatar-image-backdrop: rgba(2, 6, 23, 0.2);
99
+
100
+ /* Date picker calendar — fixed columns aligned with w-9 day cells */
101
+ --grid-template-columns-calendar: repeat(7, calc(var(--spacing) * 9));
102
+ --grid-template-columns-calendar-weeks: calc(var(--spacing) * 8)
103
+ repeat(7, calc(var(--spacing) * 9));
93
104
  }
94
105
 
95
106
  :root {
package/package.json CHANGED
@@ -1,33 +1,231 @@
1
1
  {
2
2
  "name": "@cognite/aura",
3
- "version": "0.2.0",
3
+ "version": "0.3.1",
4
4
  "type": "module",
5
+ "sideEffects": [
6
+ "**/*.scss",
7
+ "**/*.css"
8
+ ],
5
9
  "exports": {
6
10
  "./components": {
7
- "@fusion/source": "./src/components/index.ts",
8
11
  "import": "./dist/components/index.js",
9
12
  "types": "./dist/components/index.d.ts"
10
13
  },
14
+ "./components/accordion": {
15
+ "import": "./dist/components/ui/core/accordion/accordion.js",
16
+ "types": "./dist/components/ui/core/accordion/accordion.d.ts"
17
+ },
18
+ "./components/action-toolbar": {
19
+ "import": "./dist/components/ui/core/action-toolbar/action-toolbar.js",
20
+ "types": "./dist/components/ui/core/action-toolbar/action-toolbar.d.ts"
21
+ },
22
+ "./components/alert": {
23
+ "import": "./dist/components/ui/core/alert/alert.js",
24
+ "types": "./dist/components/ui/core/alert/alert.d.ts"
25
+ },
26
+ "./components/avatar": {
27
+ "import": "./dist/components/ui/core/avatar/avatar.js",
28
+ "types": "./dist/components/ui/core/avatar/avatar.d.ts"
29
+ },
30
+ "./components/badge": {
31
+ "import": "./dist/components/ui/core/badge/badge.js",
32
+ "types": "./dist/components/ui/core/badge/badge.d.ts"
33
+ },
34
+ "./components/banner": {
35
+ "import": "./dist/components/ui/core/banner/banner.js",
36
+ "types": "./dist/components/ui/core/banner/banner.d.ts"
37
+ },
38
+ "./components/breadcrumb": {
39
+ "import": "./dist/components/ui/core/breadcrumb/breadcrumb.js",
40
+ "types": "./dist/components/ui/core/breadcrumb/breadcrumb.d.ts"
41
+ },
42
+ "./components/button": {
43
+ "import": "./dist/components/ui/core/button/button.js",
44
+ "types": "./dist/components/ui/core/button/button.d.ts"
45
+ },
46
+ "./components/button-group": {
47
+ "import": "./dist/components/ui/core/button-group/button-group.js",
48
+ "types": "./dist/components/ui/core/button-group/button-group.d.ts"
49
+ },
50
+ "./components/card": {
51
+ "import": "./dist/components/ui/core/card/card.js",
52
+ "types": "./dist/components/ui/core/card/card.d.ts"
53
+ },
54
+ "./components/checkbox": {
55
+ "import": "./dist/components/ui/core/checkbox/checkbox.js",
56
+ "types": "./dist/components/ui/core/checkbox/checkbox.d.ts"
57
+ },
58
+ "./components/code-block": {
59
+ "import": "./dist/components/ui/core/code-block/code-block.js",
60
+ "types": "./dist/components/ui/core/code-block/code-block.d.ts"
61
+ },
62
+ "./components/collapsible": {
63
+ "import": "./dist/components/ui/core/collapsible/collapsible.js",
64
+ "types": "./dist/components/ui/core/collapsible/collapsible.d.ts"
65
+ },
66
+ "./components/command": {
67
+ "import": "./dist/components/ui/core/command/command.js",
68
+ "types": "./dist/components/ui/core/command/command.d.ts"
69
+ },
70
+ "./components/count": {
71
+ "import": "./dist/components/ui/core/count/count.js",
72
+ "types": "./dist/components/ui/core/count/count.d.ts"
73
+ },
74
+ "./components/date-time-pickers": {
75
+ "import": "./dist/components/ui/core/date-time-pickers/index.js",
76
+ "types": "./dist/components/ui/core/date-time-pickers/index.d.ts"
77
+ },
78
+ "./components/dialog": {
79
+ "import": "./dist/components/ui/core/dialog/dialog.js",
80
+ "types": "./dist/components/ui/core/dialog/dialog.d.ts"
81
+ },
82
+ "./components/dropdown-menu": {
83
+ "import": "./dist/components/ui/core/dropdown-menu/dropdown-menu.js",
84
+ "types": "./dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts"
85
+ },
86
+ "./components/empty-state": {
87
+ "import": "./dist/components/ui/core/empty-state/empty-state.js",
88
+ "types": "./dist/components/ui/core/empty-state/empty-state.d.ts"
89
+ },
90
+ "./components/helper-text": {
91
+ "import": "./dist/components/ui/core/helper-text/helper-text.js",
92
+ "types": "./dist/components/ui/core/helper-text/helper-text.d.ts"
93
+ },
94
+ "./components/hover-card": {
95
+ "import": "./dist/components/ui/core/hover-card/hover-card.js",
96
+ "types": "./dist/components/ui/core/hover-card/hover-card.d.ts"
97
+ },
98
+ "./components/inline-citation": {
99
+ "import": "./dist/components/ui/core/inline-citation/inline-citation.js",
100
+ "types": "./dist/components/ui/core/inline-citation/inline-citation.d.ts"
101
+ },
102
+ "./components/input": {
103
+ "import": "./dist/components/ui/core/input/input.js",
104
+ "types": "./dist/components/ui/core/input/input.d.ts"
105
+ },
106
+ "./components/input-group": {
107
+ "import": "./dist/components/ui/core/input-group/input-group.js",
108
+ "types": "./dist/components/ui/core/input-group/input-group.d.ts"
109
+ },
110
+ "./components/kbd": {
111
+ "import": "./dist/components/ui/core/kbd/kbd.js",
112
+ "types": "./dist/components/ui/core/kbd/kbd.d.ts"
113
+ },
114
+ "./components/label": {
115
+ "import": "./dist/components/ui/core/label/label.js",
116
+ "types": "./dist/components/ui/core/label/label.d.ts"
117
+ },
118
+ "./components/loader": {
119
+ "import": "./dist/components/ui/core/loader/loader.js",
120
+ "types": "./dist/components/ui/core/loader/loader.d.ts"
121
+ },
122
+ "./components/message": {
123
+ "import": "./dist/components/ui/core/message/message.js",
124
+ "types": "./dist/components/ui/core/message/message.d.ts"
125
+ },
126
+ "./components/pagination": {
127
+ "import": "./dist/components/ui/core/pagination/pagination.js",
128
+ "types": "./dist/components/ui/core/pagination/pagination.d.ts"
129
+ },
130
+ "./components/popover": {
131
+ "import": "./dist/components/ui/core/popover/popover.js",
132
+ "types": "./dist/components/ui/core/popover/popover.d.ts"
133
+ },
134
+ "./components/progress": {
135
+ "import": "./dist/components/ui/core/progress/progress.js",
136
+ "types": "./dist/components/ui/core/progress/progress.d.ts"
137
+ },
138
+ "./components/prompt-input": {
139
+ "import": "./dist/components/ui/core/prompt-input/prompt-input.js",
140
+ "types": "./dist/components/ui/core/prompt-input/prompt-input.d.ts"
141
+ },
142
+ "./components/radio-group": {
143
+ "import": "./dist/components/ui/core/radio-group/radio-group.js",
144
+ "types": "./dist/components/ui/core/radio-group/radio-group.d.ts"
145
+ },
146
+ "./components/reasoning": {
147
+ "import": "./dist/components/ui/core/reasoning/reasoning.js",
148
+ "types": "./dist/components/ui/core/reasoning/reasoning.d.ts"
149
+ },
150
+ "./components/scroll-area": {
151
+ "import": "./dist/components/ui/core/scroll-area/scroll-area.js",
152
+ "types": "./dist/components/ui/core/scroll-area/scroll-area.d.ts"
153
+ },
154
+ "./components/search": {
155
+ "import": "./dist/components/ui/core/search/search.js",
156
+ "types": "./dist/components/ui/core/search/search.d.ts"
157
+ },
158
+ "./components/segmented-control": {
159
+ "import": "./dist/components/ui/core/segmented-control/segmented-control.js",
160
+ "types": "./dist/components/ui/core/segmented-control/segmented-control.d.ts"
161
+ },
162
+ "./components/select": {
163
+ "import": "./dist/components/ui/core/select/select.js",
164
+ "types": "./dist/components/ui/core/select/select.d.ts"
165
+ },
166
+ "./components/separator": {
167
+ "import": "./dist/components/ui/core/separator/separator.js",
168
+ "types": "./dist/components/ui/core/separator/separator.d.ts"
169
+ },
170
+ "./components/shimmer": {
171
+ "import": "./dist/components/ui/core/shimmer/shimmer.js",
172
+ "types": "./dist/components/ui/core/shimmer/shimmer.d.ts"
173
+ },
174
+ "./components/skeleton": {
175
+ "import": "./dist/components/ui/core/skeleton/skeleton.js",
176
+ "types": "./dist/components/ui/core/skeleton/skeleton.d.ts"
177
+ },
178
+ "./components/sonner-toast": {
179
+ "import": "./dist/components/ui/core/sonner-toast/sonner-toast.js",
180
+ "types": "./dist/components/ui/core/sonner-toast/sonner-toast.d.ts"
181
+ },
182
+ "./components/sources": {
183
+ "import": "./dist/components/ui/core/sources/sources.js",
184
+ "types": "./dist/components/ui/core/sources/sources.d.ts"
185
+ },
186
+ "./components/tabs": {
187
+ "import": "./dist/components/ui/core/tabs/tabs.js",
188
+ "types": "./dist/components/ui/core/tabs/tabs.d.ts"
189
+ },
190
+ "./components/textarea": {
191
+ "import": "./dist/components/ui/core/textarea/textarea.js",
192
+ "types": "./dist/components/ui/core/textarea/textarea.d.ts"
193
+ },
194
+ "./components/toggle": {
195
+ "import": "./dist/components/ui/core/toggle/toggle.js",
196
+ "types": "./dist/components/ui/core/toggle/toggle.d.ts"
197
+ },
198
+ "./components/tool": {
199
+ "import": "./dist/components/ui/core/tool/tool.js",
200
+ "types": "./dist/components/ui/core/tool/tool.d.ts"
201
+ },
202
+ "./components/tooltip": {
203
+ "import": "./dist/components/ui/core/tooltip/tooltip.js",
204
+ "types": "./dist/components/ui/core/tooltip/tooltip.d.ts"
205
+ },
206
+ "./components/topbar": {
207
+ "import": "./dist/components/ui/core/topbar/topbar.js",
208
+ "types": "./dist/components/ui/core/topbar/topbar.d.ts"
209
+ },
210
+ "./chart": {
211
+ "import": "./dist/components/ui/core/chart/index.js",
212
+ "types": "./dist/components/ui/core/chart/index.d.ts"
213
+ },
11
214
  "./utils": {
12
- "@fusion/source": "./src/lib/utils.ts",
13
215
  "import": "./dist/lib/utils.js",
14
216
  "types": "./dist/lib/utils.d.ts"
15
217
  },
16
218
  "./eslint": {
17
- "@fusion/source": "./src/eslint/index.ts",
18
219
  "import": "./dist/eslint/index.js",
19
220
  "types": "./dist/eslint/index.d.ts"
20
221
  },
21
222
  "./styles.css": {
22
- "@fusion/source": "./src/styles.css",
23
223
  "default": "./dist/styles.css"
24
224
  },
25
225
  "./styles.source.css": {
26
- "@fusion/source": "./src/styles.source.css",
27
226
  "default": "./dist/styles.source.css"
28
227
  },
29
228
  "./colors.css": {
30
- "@fusion/source": "./src/colors.css",
31
229
  "default": "./dist/colors.css"
32
230
  },
33
231
  "./DESIGN.md": "./DESIGN.md"
@@ -43,6 +241,7 @@
43
241
  "class-variance-authority": "^0.7.1",
44
242
  "clsx": "^2.1.1",
45
243
  "cmdk": "^1.1.1",
244
+ "dayjs": "^1.11.13",
46
245
  "framer-motion": "^11.0.3",
47
246
  "shiki": "^3.19.0",
48
247
  "sonner": "^2.0.7",
@@ -52,12 +251,14 @@
52
251
  },
53
252
  "devDependencies": {
54
253
  "@chromatic-com/storybook": "^5.1.2",
254
+ "@nx/vite": "22.6.1",
55
255
  "@storybook/addon-coverage": "^3.0.1",
56
256
  "@storybook/addon-docs": "10.3.5",
57
257
  "@storybook/addon-vitest": "10.3.5",
58
258
  "@storybook/react-vite": "10.3.5",
59
259
  "@swc-node/register": "1.11.1",
60
- "@tailwindcss/vite": "^4.1.17",
260
+ "@tailwindcss/vite": "^4.3.1",
261
+ "@testing-library/jest-dom": "^6.4.6",
61
262
  "@testing-library/react": "16.0.1",
62
263
  "@testing-library/user-event": "^14.6.1",
63
264
  "@types/react": "18.3.14",
@@ -65,11 +266,14 @@
65
266
  "@vitejs/plugin-react": "^5.1.4",
66
267
  "@vitest/browser": "^4.1.6",
67
268
  "@vitest/browser-playwright": "^4.1.6",
269
+ "eslint": "9.39.4",
68
270
  "eslint-plugin-check-file": "^2.7.1",
271
+ "react": "^18.3.1",
69
272
  "react-dom": "^18.3.1",
273
+ "recharts": "^3.7.0",
70
274
  "rollup": "^4.59.0",
71
275
  "storybook": "10.3.5",
72
- "tailwindcss": "^4.1.17",
276
+ "tailwindcss": "^4.3.1",
73
277
  "typescript": "5.8.3",
74
278
  "typescript-eslint": "^8.57.1",
75
279
  "vite": "7.3.2",
@@ -79,19 +283,18 @@
79
283
  "peerDependencies": {
80
284
  "eslint": "9.39.4",
81
285
  "react": "^18.3.1",
286
+ "recharts": "^3.7.0",
82
287
  "tailwindcss": "^4.1.17"
83
288
  },
84
289
  "peerDependenciesMeta": {
290
+ "recharts": {
291
+ "optional": true
292
+ },
85
293
  "tailwindcss": {
86
294
  "optional": true
87
295
  }
88
296
  },
89
297
  "publishConfig": {
90
298
  "access": "public"
91
- },
92
- "scripts": {
93
- "registry:build": "node --loader @swc-node/register/esm scripts/build-registry.ts && npx --yes shadcn@3.8.2 build",
94
- "registry:clean": "node -e \"const fs=require('node:fs');fs.rmSync('public/r',{recursive:true,force:true});fs.mkdirSync('public/r',{recursive:true});\"",
95
- "sync-colors": "node --loader @swc-node/register/esm scripts/figma-colors/sync-colors.ts"
96
299
  }
97
300
  }
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const AccordionMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const o = {
2
- name: "Accordion",
3
- status: "experimental",
4
- description: "An accessible accordion with smooth expand/collapse built on Base UI primitives.",
5
- llmUsage: "Use `<Accordion>` with `<AccordionItem>`, `<AccordionTrigger>`, and `<AccordionContent>` for collapsible sections."
6
- };
7
- export {
8
- o as AccordionMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const AlertMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Alert",
3
- status: "in-progress-code-review",
4
- description: "A dismissible alert component with multiple variants for displaying messages.",
5
- llmUsage: "Use `<Alert>` with optional `icon` prop (defaults to a variant-appropriate icon), plus `<AlertTitle>` and `<AlertDescription>`, for informational messages. Pass `icon={null}` to suppress the icon."
6
- };
7
- export {
8
- e as AlertMetadata
9
- };
@@ -1,8 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- /**
3
- * Avatar Component Metadata
4
- *
5
- * This metadata is used by the documentation system to generate
6
- * component documentation pages and provide context for LLMs.
7
- */
8
- export declare const AvatarMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const a = {
2
- name: "Avatar",
3
- status: "draft",
4
- description: "An image element with a fallback for representing users. Supports multiple color variants, sizes, and composable sub-components.",
5
- llmUsage: "When displaying user avatars, use `<Avatar>` with `<AvatarImage>` and `<AvatarFallback>` for graceful degradation. Use `<AvatarIcon>` for icon-only avatars."
6
- };
7
- export {
8
- a as AvatarMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const BadgeMetadata: ComponentMeta;
@@ -1,8 +0,0 @@
1
- const t = {
2
- name: "Badge",
3
- status: "in-progress-code-review",
4
- description: "A small status indicator component with multiple variants for displaying labels, counts, and statuses."
5
- };
6
- export {
7
- t as BadgeMetadata
8
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const BannerMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const n = {
2
- name: "Banner",
3
- status: "in-progress-code-review",
4
- description: "A configurable banner for important inline messages with variant styling, optional status badge, and action controls.",
5
- llmUsage: "Use `<Banner>` with `<BannerIcon>`, `<BannerTitle>`, optional `<BannerStatus>`, and `<BannerActions>` containing `<BannerAction>` or `<BannerClose>`."
6
- };
7
- export {
8
- n as BannerMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const BreadcrumbMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Breadcrumb",
3
- status: "in-progress-code-review",
4
- description: "A navigation component showing the users location in a hierarchy.",
5
- llmUsage: 'Use `<Breadcrumb>` with `<BreadcrumbList>`, `<BreadcrumbItem>`, `<BreadcrumbLink>`, and `<BreadcrumbPage>`. Use `<BreadcrumbPage>` for non-clickable current page text; for a clickable current page, use `<BreadcrumbLink aria-current="page">`.'
6
- };
7
- export {
8
- e as BreadcrumbMetadata
9
- };
@@ -1,9 +0,0 @@
1
- const t = {
2
- name: "Button",
3
- status: "in-progress-code-review",
4
- description: "A versatile button component with multiple variants and sizes, built with Base UI render props and class-variance-authority.",
5
- llmUsage: "When asked for a button, use `<Button variant='default'>Click me</Button>` instead of `<button>`. For different styles, use variants like 'destructive', 'outline', 'secondary', 'ghost', or 'link'."
6
- };
7
- export {
8
- t as ButtonMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const ButtonGroupMetadata: ComponentMeta;
@@ -1,8 +0,0 @@
1
- const o = {
2
- name: "ButtonGroup",
3
- status: "in-progress-code-review",
4
- description: "A component for grouping buttons with horizontal or vertical orientation."
5
- };
6
- export {
7
- o as ButtonGroupMetadata
8
- };
@@ -1,8 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- /**
3
- * Card Component Metadata
4
- *
5
- * This metadata is used by the documentation system to generate
6
- * component documentation pages and provide context for LLMs.
7
- */
8
- export declare const CardMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Card",
3
- status: "in-progress-code-review",
4
- description: "A flexible card layout with header, content, action, and footer slots.",
5
- llmUsage: "Use `<Card>` with `<CardHeader>`, `<CardHeaderCenter>`, `<CardTitle>`, `<CardDescription>`, `<CardContent>`, and `<CardFooter>` for structured content containers."
6
- };
7
- export {
8
- e as CardMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const CodeBlockMetadata: ComponentMeta;
@@ -1,8 +0,0 @@
1
- const o = {
2
- name: "CodeBlock",
3
- status: "in-progress-code-review",
4
- description: "A syntax-highlighted code block with copy, download and collapse functionality."
5
- };
6
- export {
7
- o as CodeBlockMetadata
8
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const CollapsibleMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Collapsible",
3
- status: "in-progress-code-review",
4
- description: "An interactive component that expands/collapses content, built on Base UI Collapsible primitives.",
5
- llmUsage: "Use `<Collapsible>` with `<CollapsibleTrigger>` and `<CollapsibleContent>` for expandable sections."
6
- };
7
- export {
8
- e as CollapsibleMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const ComboboxMetadata: ComponentMeta;
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const CommandMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const m = {
2
- name: "Command",
3
- status: "in-progress-code-review",
4
- description: "A command menu component for searchable command palettes, built with cmdk.",
5
- llmUsage: "Use `<Command>` with `<CommandInput>`, `<CommandList>`, and `<CommandItem>` for command palettes."
6
- };
7
- export {
8
- m as CommandMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const DialogMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const a = {
2
- name: "Dialog",
3
- status: "in-progress-code-review",
4
- description: "A modal dialog with overlay, content, and close affordances built on Base UI Dialog.",
5
- llmUsage: "Use `<Dialog>` with `<DialogTrigger>`, `<DialogContent>`, and `<DialogTitle>` for modals."
6
- };
7
- export {
8
- a as DialogMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const DropdownMenuMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "DropdownMenu",
3
- status: "in-progress-code-review",
4
- description: "A dropdown menu with submenus, separators, and selection states, built on Base UI Dropdown Menu primitives.",
5
- llmUsage: "Use `<DropdownMenu>` with `<DropdownMenuTrigger>`, `<DropdownMenuContent>`, and `<DropdownMenuItem>` for context actions."
6
- };
7
- export {
8
- e as DropdownMenuMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const HelperTextMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "HelperText",
3
- status: "in-progress-code-review",
4
- description: "A helper text component for form fields with validation states.",
5
- llmUsage: "Use `<HelperText>` below form inputs to provide guidance or error messages."
6
- };
7
- export {
8
- e as HelperTextMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const HoverCardMetadata: ComponentMeta;
@@ -1,8 +0,0 @@
1
- const a = {
2
- name: "HoverCard",
3
- status: "draft",
4
- description: "A card that appears on hover built on Base UI Hover Card."
5
- };
6
- export {
7
- a as HoverCardMetadata
8
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const InlineCitationMetadata: ComponentMeta;
@@ -1,8 +0,0 @@
1
- const n = {
2
- name: "InlineCitation",
3
- status: "in-progress-code-review",
4
- description: "Components for displaying inline citations and source references."
5
- };
6
- export {
7
- n as InlineCitationMetadata
8
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const InputMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const t = {
2
- name: "Input",
3
- status: "in-progress-code-review",
4
- description: "A styled text input component with focus and validation states.",
5
- llmUsage: "Use `<Input>` for single-line text input fields."
6
- };
7
- export {
8
- t as InputMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const InputGroupMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const t = {
2
- name: "InputGroup",
3
- status: "in-progress-code-review",
4
- description: "A container that combines an input or textarea with inline addons such as icons, labels, or action buttons.",
5
- llmUsage: "Use `<InputGroup>` with `<InputGroupInput>` and `<InputGroupAddon>` to build inputs with prefix/suffix decorations. Use `<InputGroupTextarea>` instead of `<InputGroupInput>` for multi-line inputs."
6
- };
7
- export {
8
- t as InputGroupMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '@cognite/aura/components';
2
- export declare const KbdMetadata: ComponentMeta;