@cognite/aura 0.2.0 → 0.3.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 (226) hide show
  1. package/README.md +36 -3
  2. package/dist/colors.css +30 -0
  3. package/dist/components/index.d.ts +6 -36
  4. package/dist/components/index.js +311 -347
  5. package/dist/components/ui/core/accordion/accordion.d.ts +7 -7
  6. package/dist/components/ui/core/accordion/accordion.js +49 -47
  7. package/dist/components/ui/core/action-toolbar/action-toolbar.d.ts +41 -0
  8. package/dist/components/ui/core/action-toolbar/action-toolbar.js +176 -0
  9. package/dist/components/ui/core/alert/alert.d.ts +23 -12
  10. package/dist/components/ui/core/alert/alert.js +123 -120
  11. package/dist/components/ui/core/avatar/avatar.d.ts +12 -8
  12. package/dist/components/ui/core/badge/badge.d.ts +11 -8
  13. package/dist/components/ui/core/banner/banner.d.ts +18 -28
  14. package/dist/components/ui/core/banner/banner.js +6 -6
  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 +38 -34
  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 +52 -48
  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-range-picker/date-range-picker.d.ts +15 -0
  35. package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js +99 -0
  36. package/dist/components/ui/core/date-time-pickers/date-range-picker/index.d.ts +3 -0
  37. package/dist/components/ui/core/date-time-pickers/date-range-picker/types.d.ts +25 -0
  38. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.d.ts +4 -0
  39. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js +82 -0
  40. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.d.ts +17 -0
  41. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js +190 -0
  42. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.d.ts +3 -0
  43. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.d.ts +42 -0
  44. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.d.ts +3 -0
  45. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js +161 -0
  46. package/dist/components/ui/core/date-time-pickers/index.d.ts +6 -0
  47. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.d.ts +7 -0
  48. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js +57 -0
  49. package/dist/components/ui/core/date-time-pickers/shared/calendar/calendar.d.ts +13 -0
  50. package/dist/components/ui/core/date-time-pickers/shared/calendar/calendar.js +119 -0
  51. package/dist/components/ui/core/date-time-pickers/shared/calendar-header/calendar-header.d.ts +10 -0
  52. package/dist/components/ui/core/date-time-pickers/shared/calendar-header/calendar-header.js +93 -0
  53. package/dist/components/ui/core/date-time-pickers/shared/constants.d.ts +20 -0
  54. package/dist/components/ui/core/date-time-pickers/shared/constants.js +14 -0
  55. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.d.ts +19 -0
  56. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js +99 -0
  57. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.d.ts +12 -0
  58. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js +68 -0
  59. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.d.ts +12 -0
  60. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js +40 -0
  61. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.d.ts +29 -0
  62. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js +63 -0
  63. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.d.ts +8 -0
  64. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js +19 -0
  65. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.d.ts +17 -0
  66. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js +34 -0
  67. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.d.ts +8 -0
  68. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js +7 -0
  69. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.d.ts +13 -0
  70. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js +31 -0
  71. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.d.ts +10 -0
  72. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js +52 -0
  73. package/dist/components/ui/core/date-time-pickers/utils/calendar-utils.d.ts +48 -0
  74. package/dist/components/ui/core/date-time-pickers/utils/calendar-utils.js +52 -0
  75. package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.d.ts +26 -0
  76. package/dist/components/ui/core/date-time-pickers/utils/format-utils.d.ts +37 -0
  77. package/dist/components/ui/core/date-time-pickers/utils/segment-utils.d.ts +34 -0
  78. package/dist/components/ui/core/date-time-pickers/utils/time-utils.d.ts +43 -0
  79. package/dist/components/ui/core/date-time-pickers/utils/time-utils.js +15 -0
  80. package/dist/components/ui/core/date-time-pickers/utils/time-validation.d.ts +23 -0
  81. package/dist/components/ui/core/dialog/dialog.d.ts +10 -10
  82. package/dist/components/ui/core/dialog/dialog.js +12 -3
  83. package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +24 -47
  84. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +125 -123
  85. package/dist/components/ui/core/empty-state/empty-state.context.d.ts +10 -0
  86. package/dist/components/ui/core/empty-state/empty-state.context.js +8 -0
  87. package/dist/components/ui/core/empty-state/empty-state.d.ts +18 -0
  88. package/dist/components/ui/core/empty-state/empty-state.js +139 -0
  89. package/dist/components/ui/core/helper-text/helper-text.d.ts +7 -5
  90. package/dist/components/ui/core/hover-card/hover-card.d.ts +5 -7
  91. package/dist/components/ui/core/hover-card/hover-card.js +26 -25
  92. package/dist/components/ui/core/inline-citation/inline-citation.d.ts +10 -10
  93. package/dist/components/ui/core/inline-citation/inline-citation.js +57 -49
  94. package/dist/components/ui/core/input/input.d.ts +2 -1
  95. package/dist/components/ui/core/input-group/input-group.d.ts +17 -13
  96. package/dist/components/ui/core/input-group/input-group.js +35 -36
  97. package/dist/components/ui/core/kbd/kbd.d.ts +3 -2
  98. package/dist/components/ui/core/label/label.d.ts +3 -2
  99. package/dist/components/ui/core/loader/loader.d.ts +2 -2
  100. package/dist/components/ui/core/message/message.d.ts +18 -17
  101. package/dist/components/ui/core/message/message.js +15 -13
  102. package/dist/components/ui/core/pagination/pagination-size-context.d.ts +5 -0
  103. package/dist/components/ui/core/pagination/pagination-size-context.js +6 -0
  104. package/dist/components/ui/core/pagination/pagination-teleport.d.ts +11 -0
  105. package/dist/components/ui/core/pagination/pagination-teleport.js +108 -0
  106. package/dist/components/ui/core/pagination/pagination-teleport.utils.d.ts +1 -0
  107. package/dist/components/ui/core/pagination/pagination-teleport.utils.js +7 -0
  108. package/dist/components/ui/core/pagination/pagination.d.ts +41 -0
  109. package/dist/components/ui/core/pagination/pagination.js +335 -0
  110. package/dist/components/ui/core/popover/popover.d.ts +12 -16
  111. package/dist/components/ui/core/popover/popover.js +52 -51
  112. package/dist/components/ui/core/progress/progress.d.ts +7 -4
  113. package/dist/components/ui/core/prompt-input/prompt-input.d.ts +36 -103
  114. package/dist/components/ui/core/prompt-input/prompt-input.js +193 -180
  115. package/dist/components/ui/core/radio-group/radio-group.d.ts +12 -8
  116. package/dist/components/ui/core/radio-group/radio-group.js +58 -55
  117. package/dist/components/ui/core/reasoning/reasoning.d.ts +5 -5
  118. package/dist/components/ui/core/reasoning/reasoning.js +1 -1
  119. package/dist/components/ui/core/scroll-area/scroll-area.d.ts +4 -2
  120. package/dist/components/ui/core/search/search.d.ts +10 -0
  121. package/dist/components/ui/core/search/search.js +99 -0
  122. package/dist/components/ui/core/segmented-control/segmented-control.d.ts +15 -11
  123. package/dist/components/ui/core/segmented-control/segmented-control.js +7 -4
  124. package/dist/components/ui/core/select/select.d.ts +13 -13
  125. package/dist/components/ui/core/select/select.js +13 -10
  126. package/dist/components/ui/core/separator/separator.d.ts +2 -4
  127. package/dist/components/ui/core/separator/separator.js +4 -5
  128. package/dist/components/ui/core/shimmer/shimmer.d.ts +3 -5
  129. package/dist/components/ui/core/shimmer/shimmer.js +25 -26
  130. package/dist/components/ui/core/skeleton/skeleton.d.ts +2 -1
  131. package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts +2 -1
  132. package/dist/components/ui/core/sources/sources.d.ts +3 -3
  133. package/dist/components/ui/core/sources/sources.js +6 -1
  134. package/dist/components/ui/core/switch/switch.d.ts +11 -0
  135. package/dist/components/ui/core/{button/button.metadata.d.ts → switch/switch.metadata.d.ts} +1 -1
  136. package/dist/components/ui/core/tabs/tabs.d.ts +21 -17
  137. package/dist/components/ui/core/tabs/tabs.js +14 -12
  138. package/dist/components/ui/core/textarea/textarea.d.ts +2 -1
  139. package/dist/components/ui/core/textarea/textarea.js +20 -18
  140. package/dist/components/ui/core/tool/tool.d.ts +7 -6
  141. package/dist/components/ui/core/tool/tool.js +48 -44
  142. package/dist/components/ui/core/tooltip/tooltip.d.ts +6 -5
  143. package/dist/components/ui/core/tooltip/tooltip.js +10 -8
  144. package/dist/components/ui/core/topbar/topbar.d.ts +11 -13
  145. package/dist/eslint/index.d.ts +2 -1
  146. package/dist/index.d.ts +1 -1
  147. package/dist/index.js +302 -336
  148. package/dist/lib/portal-container-context.d.ts +2 -1
  149. package/dist/lib/portal-container-context.js +1 -3
  150. package/dist/styles.css +1 -1
  151. package/dist/styles.source.css +9 -1
  152. package/package.json +22 -1
  153. package/dist/components/ui/core/accordion/accordion.metadata.d.ts +0 -2
  154. package/dist/components/ui/core/accordion/accordion.metadata.js +0 -9
  155. package/dist/components/ui/core/alert/alert.metadata.d.ts +0 -2
  156. package/dist/components/ui/core/alert/alert.metadata.js +0 -9
  157. package/dist/components/ui/core/avatar/avatar.metadata.d.ts +0 -8
  158. package/dist/components/ui/core/avatar/avatar.metadata.js +0 -9
  159. package/dist/components/ui/core/badge/badge.metadata.d.ts +0 -2
  160. package/dist/components/ui/core/badge/badge.metadata.js +0 -8
  161. package/dist/components/ui/core/banner/banner.metadata.d.ts +0 -2
  162. package/dist/components/ui/core/banner/banner.metadata.js +0 -9
  163. package/dist/components/ui/core/breadcrumb/breadcrumb.metadata.d.ts +0 -2
  164. package/dist/components/ui/core/breadcrumb/breadcrumb.metadata.js +0 -9
  165. package/dist/components/ui/core/button/button.metadata.js +0 -9
  166. package/dist/components/ui/core/button-group/button-group.metadata.d.ts +0 -2
  167. package/dist/components/ui/core/button-group/button-group.metadata.js +0 -8
  168. package/dist/components/ui/core/card/card.metadata.d.ts +0 -8
  169. package/dist/components/ui/core/card/card.metadata.js +0 -9
  170. package/dist/components/ui/core/code-block/code-block.metadata.d.ts +0 -2
  171. package/dist/components/ui/core/code-block/code-block.metadata.js +0 -8
  172. package/dist/components/ui/core/collapsible/collapsible.metadata.d.ts +0 -2
  173. package/dist/components/ui/core/collapsible/collapsible.metadata.js +0 -9
  174. package/dist/components/ui/core/combobox/combobox.metadata.d.ts +0 -2
  175. package/dist/components/ui/core/command/command.metadata.d.ts +0 -2
  176. package/dist/components/ui/core/command/command.metadata.js +0 -9
  177. package/dist/components/ui/core/dialog/dialog.metadata.d.ts +0 -2
  178. package/dist/components/ui/core/dialog/dialog.metadata.js +0 -9
  179. package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.d.ts +0 -2
  180. package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.js +0 -9
  181. package/dist/components/ui/core/helper-text/helper-text.metadata.d.ts +0 -2
  182. package/dist/components/ui/core/helper-text/helper-text.metadata.js +0 -9
  183. package/dist/components/ui/core/hover-card/hover-card.metadata.d.ts +0 -2
  184. package/dist/components/ui/core/hover-card/hover-card.metadata.js +0 -8
  185. package/dist/components/ui/core/inline-citation/inline-citation.metadata.d.ts +0 -2
  186. package/dist/components/ui/core/inline-citation/inline-citation.metadata.js +0 -8
  187. package/dist/components/ui/core/input/input.metadata.d.ts +0 -2
  188. package/dist/components/ui/core/input/input.metadata.js +0 -9
  189. package/dist/components/ui/core/input-group/input-group.metadata.d.ts +0 -2
  190. package/dist/components/ui/core/input-group/input-group.metadata.js +0 -9
  191. package/dist/components/ui/core/kbd/kbd.metadata.d.ts +0 -2
  192. package/dist/components/ui/core/kbd/kbd.metadata.js +0 -9
  193. package/dist/components/ui/core/label/label.metadata.d.ts +0 -2
  194. package/dist/components/ui/core/label/label.metadata.js +0 -9
  195. package/dist/components/ui/core/loader/loader.metadata.d.ts +0 -2
  196. package/dist/components/ui/core/loader/loader.metadata.js +0 -9
  197. package/dist/components/ui/core/message/message.metadata.d.ts +0 -2
  198. package/dist/components/ui/core/popover/popover.metadata.d.ts +0 -2
  199. package/dist/components/ui/core/popover/popover.metadata.js +0 -9
  200. package/dist/components/ui/core/progress/progress.metadata.d.ts +0 -2
  201. package/dist/components/ui/core/progress/progress.metadata.js +0 -9
  202. package/dist/components/ui/core/prompt-input/prompt-input.metadata.d.ts +0 -2
  203. package/dist/components/ui/core/prompt-input/prompt-input.metadata.js +0 -9
  204. package/dist/components/ui/core/radio-group/radio-group.metadata.d.ts +0 -2
  205. package/dist/components/ui/core/radio-group/radio-group.metadata.js +0 -9
  206. package/dist/components/ui/core/reasoning/reasoning.metadata.d.ts +0 -2
  207. package/dist/components/ui/core/reasoning/reasoning.metadata.js +0 -8
  208. package/dist/components/ui/core/scroll-area/scroll-area.metadata.d.ts +0 -2
  209. package/dist/components/ui/core/scroll-area/scroll-area.metadata.js +0 -9
  210. package/dist/components/ui/core/select/select.metadata.d.ts +0 -2
  211. package/dist/components/ui/core/select/select.metadata.js +0 -9
  212. package/dist/components/ui/core/separator/separator.metadata.d.ts +0 -2
  213. package/dist/components/ui/core/separator/separator.metadata.js +0 -8
  214. package/dist/components/ui/core/shimmer/shimmer.metadata.d.ts +0 -2
  215. package/dist/components/ui/core/shimmer/shimmer.metadata.js +0 -9
  216. package/dist/components/ui/core/skeleton/skeleton.metadata.d.ts +0 -2
  217. package/dist/components/ui/core/skeleton/skeleton.metadata.js +0 -9
  218. package/dist/components/ui/core/sonner-toast/sonner-toast.metadata.d.ts +0 -2
  219. package/dist/components/ui/core/sonner-toast/sonner-toast.metadata.js +0 -9
  220. package/dist/components/ui/core/sources/sources.metadata.d.ts +0 -2
  221. package/dist/components/ui/core/textarea/textarea.metadata.d.ts +0 -2
  222. package/dist/components/ui/core/textarea/textarea.metadata.js +0 -9
  223. package/dist/components/ui/core/tool/tool.metadata.d.ts +0 -2
  224. package/dist/components/ui/core/tool/tool.metadata.js +0 -8
  225. package/dist/components/ui/core/tooltip/tooltip.metadata.d.ts +0 -8
  226. package/dist/components/ui/core/tooltip/tooltip.metadata.js +0 -9
@@ -1,7 +1,10 @@
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/';
5
8
 
6
9
  @custom-variant dark (&:is(.dark *));
7
10
 
@@ -90,6 +93,11 @@
90
93
  --avatar-icon-xs: 0.875rem;
91
94
  --avatar-icon-xxs: 0.65625rem;
92
95
  --avatar-image-backdrop: rgba(2, 6, 23, 0.2);
96
+
97
+ /* Date picker calendar — fixed columns aligned with w-9 day cells */
98
+ --grid-template-columns-calendar: repeat(7, calc(var(--spacing) * 9));
99
+ --grid-template-columns-calendar-weeks: calc(var(--spacing) * 8)
100
+ repeat(7, calc(var(--spacing) * 9));
93
101
  }
94
102
 
95
103
  :root {
package/package.json CHANGED
@@ -1,13 +1,22 @@
1
1
  {
2
2
  "name": "@cognite/aura",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "type": "module",
5
+ "sideEffects": [
6
+ "**/*.scss",
7
+ "**/*.css"
8
+ ],
5
9
  "exports": {
6
10
  "./components": {
7
11
  "@fusion/source": "./src/components/index.ts",
8
12
  "import": "./dist/components/index.js",
9
13
  "types": "./dist/components/index.d.ts"
10
14
  },
15
+ "./chart": {
16
+ "@fusion/source": "./src/components/ui/core/chart/index.ts",
17
+ "import": "./dist/components/ui/core/chart/index.js",
18
+ "types": "./dist/components/ui/core/chart/index.d.ts"
19
+ },
11
20
  "./utils": {
12
21
  "@fusion/source": "./src/lib/utils.ts",
13
22
  "import": "./dist/lib/utils.js",
@@ -20,14 +29,17 @@
20
29
  },
21
30
  "./styles.css": {
22
31
  "@fusion/source": "./src/styles.css",
32
+ "style": "./src/styles.css",
23
33
  "default": "./dist/styles.css"
24
34
  },
25
35
  "./styles.source.css": {
26
36
  "@fusion/source": "./src/styles.source.css",
37
+ "style": "./src/styles.source.css",
27
38
  "default": "./dist/styles.source.css"
28
39
  },
29
40
  "./colors.css": {
30
41
  "@fusion/source": "./src/colors.css",
42
+ "style": "./src/colors.css",
31
43
  "default": "./dist/colors.css"
32
44
  },
33
45
  "./DESIGN.md": "./DESIGN.md"
@@ -43,6 +55,7 @@
43
55
  "class-variance-authority": "^0.7.1",
44
56
  "clsx": "^2.1.1",
45
57
  "cmdk": "^1.1.1",
58
+ "dayjs": "^1.11.13",
46
59
  "framer-motion": "^11.0.3",
47
60
  "shiki": "^3.19.0",
48
61
  "sonner": "^2.0.7",
@@ -58,6 +71,7 @@
58
71
  "@storybook/react-vite": "10.3.5",
59
72
  "@swc-node/register": "1.11.1",
60
73
  "@tailwindcss/vite": "^4.1.17",
74
+ "@testing-library/jest-dom": "^6.4.6",
61
75
  "@testing-library/react": "16.0.1",
62
76
  "@testing-library/user-event": "^14.6.1",
63
77
  "@types/react": "18.3.14",
@@ -65,8 +79,11 @@
65
79
  "@vitejs/plugin-react": "^5.1.4",
66
80
  "@vitest/browser": "^4.1.6",
67
81
  "@vitest/browser-playwright": "^4.1.6",
82
+ "eslint": "9.39.4",
68
83
  "eslint-plugin-check-file": "^2.7.1",
84
+ "react": "^18.3.1",
69
85
  "react-dom": "^18.3.1",
86
+ "recharts": "^3.7.0",
70
87
  "rollup": "^4.59.0",
71
88
  "storybook": "10.3.5",
72
89
  "tailwindcss": "^4.1.17",
@@ -79,9 +96,13 @@
79
96
  "peerDependencies": {
80
97
  "eslint": "9.39.4",
81
98
  "react": "^18.3.1",
99
+ "recharts": "^3.7.0",
82
100
  "tailwindcss": "^4.1.17"
83
101
  },
84
102
  "peerDependenciesMeta": {
103
+ "recharts": {
104
+ "optional": true
105
+ },
85
106
  "tailwindcss": {
86
107
  "optional": true
87
108
  }
@@ -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;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Kbd",
3
- status: "draft",
4
- description: "A keyboard key component for displaying keyboard shortcuts.",
5
- llmUsage: "Use `<Kbd>` to display a single keyboard key. Use `<KbdGroup>` to group `<Kbd>` components together for chords or related shortcuts (e.g. `<KbdGroup><Kbd>⌘</Kbd><Kbd>K</Kbd></KbdGroup>`). Each `<Kbd>` should contain exactly one key — never put multiple keys in a single `<Kbd>`."
6
- };
7
- export {
8
- e as KbdMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const LabelMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Label",
3
- status: "in-progress-code-review",
4
- description: "An accessible text label for form controls, built on top of Base UI Label. Supports association via `htmlFor`, integrates with disabled states, and can render Aura's visual required indicator.",
5
- llmUsage: 'Use `<Label htmlFor="field-id">Text</Label>` together with a form control that has `id="field-id"` so clicking the label focuses the field. Use `Label.required` for the visual asterisk only, and set `required` on the form control itself when the field must be required for validation and assistive technology.'
6
- };
7
- export {
8
- e as LabelMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const LoaderMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Loader",
3
- status: "in-progress-code-review",
4
- description: "A four-line loading indicator with inline and page variants.",
5
- llmUsage: "Use `<Loader />` for inline loading, or set `variant='page'` for page-level loading copy. Use `size` for inline bars and `className` to style the loader color; page variant copy is configured with `header` and optional `description`."
6
- };
7
- export {
8
- e as LoaderMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const MessageMetadata: ComponentMeta;
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const PopoverMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const o = {
2
- name: "Popover",
3
- status: "in-progress-code-review",
4
- description: "A floating panel anchored to a trigger, with composable header, title, description, close, and slot subcomponents built on Base UI Popover primitives.",
5
- llmUsage: "Use `<Popover>` with `<PopoverTrigger>` and `<PopoverContent>`, then compose content with `<PopoverHeader>`, `<PopoverHeaderContent>`, `<PopoverTitle>`, `<PopoverDescription>`, optional `<PopoverClose>`, and `<PopoverSlot>`."
6
- };
7
- export {
8
- o as PopoverMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const ProgressMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const s = {
2
- name: "Progress",
3
- status: "in-progress-code-review",
4
- description: "A progress bar component for showing completion status.",
5
- llmUsage: 'Use `<Progress value={66} size="sm" />` to show progress percentage with optional compact sizing.'
6
- };
7
- export {
8
- s as ProgressMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const PromptInputMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const t = {
2
- name: "PromptInput",
3
- status: "in-progress-code-review",
4
- description: "A comprehensive AI chat input component with support for model selection, command palettes, and rich formatting.",
5
- llmUsage: "Use `<PromptInputProvider>` to wrap the input, then compose with `<PromptInput>`, `<PromptInputTextarea>`, `<PromptInputSubmit>`, and other sub-components."
6
- };
7
- export {
8
- t as PromptInputMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const RadioGroupMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "RadioGroup",
3
- status: "in-progress-code-review",
4
- description: "A composable radio group with optional label and description slots, including a card-style item variant.",
5
- llmUsage: 'Use `<RadioGroup>` with `<RadioGroupItem>` wrapping `<RadioGroupItemControl value="..." />`, plus optional `<RadioGroupItemLabel>` and `<RadioGroupItemDescription>`. Always pass an accessible name on `<RadioGroupItemControl>` via `aria-label` (or `aria-labelledby` pointing to the label\'s id) — the wrapping `<label>` element names the underlying hidden form input, but does not name the visible `role="radio"` element that screen readers focus on. `<RadioGroupItemDescription>` is a visual slot at this primitive layer; if you need it announced by screen readers, give it an `id` and pass `aria-describedby` to `<RadioGroupItemControl>`. Use `variant="card"` on `<RadioGroupItem>` for card-style options. Pass `name`, `value`/`defaultValue`, `onValueChange`, `disabled`, `required`, and `orientation` on `<RadioGroup>` for form integration and layout.'
6
- };
7
- export {
8
- e as RadioGroupMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const ReasoningMetadata: ComponentMeta;
@@ -1,8 +0,0 @@
1
- const e = {
2
- name: "Reasoning",
3
- status: "in-progress-code-review",
4
- description: "Components for displaying AI reasoning and thought processes."
5
- };
6
- export {
7
- e as ReasoningMetadata
8
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const ScrollAreaMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const a = {
2
- name: "ScrollArea",
3
- status: "in-progress-code-review",
4
- description: "A custom scrollable area built on Base UI Scroll Area, with styled scrollbars and an automatic corner for bidirectional scrolling.",
5
- llmUsage: "Use `<ScrollArea>` as the container and place scrollable content directly as children. Both vertical and horizontal scrollbars are rendered automatically and only appear on the axes that actually overflow. Use the `dir` prop for RTL layouts (and a Base UI `DirectionProvider` when required by your app setup)."
6
- };
7
- export {
8
- a as ScrollAreaMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const SelectMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Select",
3
- status: "in-progress-code-review",
4
- description: "A select dropdown component built on Base UI Select primitives.",
5
- llmUsage: "Use `<Select>` with `<SelectTrigger>`, `<SelectContent>`, and `<SelectItem>` for dropdowns."
6
- };
7
- export {
8
- e as SelectMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const SeparatorMetadata: ComponentMeta;
@@ -1,8 +0,0 @@
1
- const a = {
2
- name: "Separator",
3
- status: "in-progress-code-review",
4
- description: "A visual separator for dividing content."
5
- };
6
- export {
7
- a as SeparatorMetadata
8
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const ShimmerMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Shimmer",
3
- status: "in-progress-code-review",
4
- description: "An animated text shimmer component for creating eye-catching loading states and progressive reveal effects.",
5
- llmUsage: 'Use `<Shimmer>` with text content for loading states. Use variants like "nordic", "aurora", "dusk" for branded effects.'
6
- };
7
- export {
8
- e as ShimmerMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const SkeletonMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const e = {
2
- name: "Skeleton",
3
- status: "in-progress-code-review",
4
- description: "A placeholder loading component.",
5
- llmUsage: "Use `<Skeleton>` with width/height classes for loading states. Combine multiple skeletons to mimic content structure."
6
- };
7
- export {
8
- e as SkeletonMetadata
9
- };
@@ -1,2 +0,0 @@
1
- import { ComponentMeta } from '../../../../lib/types';
2
- export declare const SonnerToastMetadata: ComponentMeta;
@@ -1,9 +0,0 @@
1
- const t = {
2
- name: "SonnerToast",
3
- status: "draft",
4
- description: "A Sonner-based toast primitive with fully custom Aura/Figma slot styling (unstyled mode), status badges for all semantic variants, and right-aligned action/cancel/close controls.",
5
- llmUsage: "Mount `<Toaster />` once near app root, then call `toast(...)`, `toast.success(...)`, `toast.error(...)`, `toast.warning(...)`, or `toast.info(...)`. Use toast options for `description`, `action`, and `cancel`; use Toaster props (for example `position` and `closeButton`) to control placement and close-button visibility."
6
- };
7
- export {
8
- t as SonnerToastMetadata
9
- };