@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.
- package/DESIGN.md +869 -870
- package/README.md +143 -9
- package/dist/colors.css +30 -0
- package/dist/components/index.d.ts +7 -36
- package/dist/components/index.js +319 -350
- package/dist/components/ui/core/accordion/accordion.d.ts +7 -7
- package/dist/components/ui/core/accordion/accordion.js +49 -47
- package/dist/components/ui/core/action-toolbar/action-toolbar.d.ts +41 -0
- package/dist/components/ui/core/action-toolbar/action-toolbar.js +176 -0
- package/dist/components/ui/core/alert/alert.d.ts +23 -12
- package/dist/components/ui/core/alert/alert.js +123 -120
- package/dist/components/ui/core/avatar/avatar.d.ts +12 -8
- package/dist/components/ui/core/badge/badge.d.ts +11 -8
- package/dist/components/ui/core/banner/banner.d.ts +18 -28
- package/dist/components/ui/core/breadcrumb/breadcrumb.d.ts +10 -9
- package/dist/components/ui/core/breadcrumb/breadcrumb.js +98 -88
- package/dist/components/ui/core/button/button.d.ts +8 -5
- package/dist/components/ui/core/button/button.js +22 -19
- package/dist/components/ui/core/button-group/button-group.d.ts +7 -6
- package/dist/components/ui/core/card/card.d.ts +17 -16
- package/dist/components/ui/core/chart/chart.d.ts +69 -0
- package/dist/components/ui/core/chart/chart.js +215 -0
- package/dist/components/ui/core/chart/index.d.ts +2 -0
- package/dist/components/ui/core/chart/index.js +8 -0
- package/dist/components/ui/core/checkbox/checkbox.d.ts +13 -9
- package/dist/components/ui/core/checkbox/checkbox.js +32 -28
- package/dist/components/ui/core/code-block/code-block.d.ts +6 -9
- package/dist/components/ui/core/code-block/code-block.js +48 -44
- package/dist/components/ui/core/collapsible/collapsible.d.ts +5 -3
- package/dist/components/ui/core/combobox/combobox.d.ts +2 -2
- package/dist/components/ui/core/command/command.d.ts +11 -78
- package/dist/components/ui/core/command/command.js +53 -52
- package/dist/components/ui/core/count/count.d.ts +7 -6
- package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.d.ts +15 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js +84 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/index.d.ts +3 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts +18 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.d.ts +3 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js +63 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.d.ts +15 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js +99 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/index.d.ts +3 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/types.d.ts +25 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.d.ts +4 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js +82 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.d.ts +17 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js +190 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.d.ts +3 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.d.ts +42 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.d.ts +3 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js +161 -0
- package/dist/components/ui/core/date-time-pickers/index.d.ts +8 -0
- package/dist/components/ui/core/date-time-pickers/index.js +8 -0
- package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.d.ts +7 -0
- package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js +57 -0
- package/dist/components/ui/core/date-time-pickers/shared/calendar/calendar.d.ts +13 -0
- package/dist/components/ui/core/date-time-pickers/shared/calendar/calendar.js +119 -0
- package/dist/components/ui/core/date-time-pickers/shared/calendar-header/calendar-header.d.ts +10 -0
- package/dist/components/ui/core/date-time-pickers/shared/calendar-header/calendar-header.js +93 -0
- package/dist/components/ui/core/date-time-pickers/shared/constants.d.ts +20 -0
- package/dist/components/ui/core/date-time-pickers/shared/constants.js +14 -0
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.d.ts +19 -0
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js +99 -0
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.d.ts +12 -0
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js +68 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.d.ts +12 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js +40 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.d.ts +29 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js +63 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.d.ts +8 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js +19 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.d.ts +23 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.js +32 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.d.ts +17 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js +34 -0
- package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.d.ts +8 -0
- package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js +7 -0
- package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.d.ts +13 -0
- package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js +31 -0
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.d.ts +10 -0
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js +52 -0
- package/dist/components/ui/core/date-time-pickers/utils/calendar-utils.d.ts +48 -0
- package/dist/components/ui/core/date-time-pickers/utils/calendar-utils.js +52 -0
- package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.d.ts +26 -0
- package/dist/components/ui/core/date-time-pickers/utils/format-utils.d.ts +37 -0
- package/dist/components/ui/core/date-time-pickers/utils/segment-utils.d.ts +34 -0
- package/dist/components/ui/core/date-time-pickers/utils/time-utils.d.ts +43 -0
- package/dist/components/ui/core/date-time-pickers/utils/time-utils.js +15 -0
- package/dist/components/ui/core/date-time-pickers/utils/time-validation.d.ts +23 -0
- package/dist/components/ui/core/dialog/dialog.d.ts +10 -10
- package/dist/components/ui/core/dialog/dialog.js +12 -3
- package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +24 -47
- package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +125 -123
- package/dist/components/ui/core/empty-state/empty-state.context.d.ts +10 -0
- package/dist/components/ui/core/empty-state/empty-state.context.js +8 -0
- package/dist/components/ui/core/empty-state/empty-state.d.ts +18 -0
- package/dist/components/ui/core/empty-state/empty-state.js +139 -0
- package/dist/components/ui/core/helper-text/helper-text.d.ts +7 -5
- package/dist/components/ui/core/hover-card/hover-card.d.ts +5 -7
- package/dist/components/ui/core/hover-card/hover-card.js +23 -22
- package/dist/components/ui/core/inline-citation/inline-citation.d.ts +10 -10
- package/dist/components/ui/core/inline-citation/inline-citation.js +57 -49
- package/dist/components/ui/core/input/input.d.ts +2 -1
- package/dist/components/ui/core/input/input.js +1 -1
- package/dist/components/ui/core/input-group/input-group.d.ts +17 -13
- package/dist/components/ui/core/input-group/input-group.js +35 -36
- package/dist/components/ui/core/kbd/kbd.d.ts +3 -2
- package/dist/components/ui/core/label/label.d.ts +3 -2
- package/dist/components/ui/core/loader/loader.d.ts +2 -2
- package/dist/components/ui/core/message/message.d.ts +18 -17
- package/dist/components/ui/core/message/message.js +387 -99
- package/dist/components/ui/core/pagination/pagination-size-context.d.ts +5 -0
- package/dist/components/ui/core/pagination/pagination-size-context.js +6 -0
- package/dist/components/ui/core/pagination/pagination-teleport.d.ts +11 -0
- package/dist/components/ui/core/pagination/pagination-teleport.js +108 -0
- package/dist/components/ui/core/pagination/pagination-teleport.utils.d.ts +1 -0
- package/dist/components/ui/core/pagination/pagination-teleport.utils.js +7 -0
- package/dist/components/ui/core/pagination/pagination.d.ts +41 -0
- package/dist/components/ui/core/pagination/pagination.js +337 -0
- package/dist/components/ui/core/popover/popover.d.ts +12 -16
- package/dist/components/ui/core/popover/popover.js +52 -51
- package/dist/components/ui/core/progress/progress.d.ts +7 -4
- package/dist/components/ui/core/prompt-input/prompt-input.d.ts +36 -103
- package/dist/components/ui/core/prompt-input/prompt-input.js +180 -167
- package/dist/components/ui/core/radio-group/radio-group.d.ts +12 -8
- package/dist/components/ui/core/radio-group/radio-group.js +56 -53
- package/dist/components/ui/core/reasoning/reasoning.d.ts +5 -5
- package/dist/components/ui/core/scroll-area/scroll-area.d.ts +4 -2
- package/dist/components/ui/core/search/search.d.ts +10 -0
- package/dist/components/ui/core/search/search.js +99 -0
- package/dist/components/ui/core/segmented-control/segmented-control.d.ts +15 -11
- package/dist/components/ui/core/segmented-control/segmented-control.js +4 -1
- package/dist/components/ui/core/select/select.d.ts +15 -14
- package/dist/components/ui/core/select/select.js +135 -108
- package/dist/components/ui/core/separator/separator.d.ts +2 -4
- package/dist/components/ui/core/separator/separator.js +4 -5
- package/dist/components/ui/core/shimmer/shimmer.d.ts +5 -5
- package/dist/components/ui/core/shimmer/shimmer.js +91 -52
- package/dist/components/ui/core/skeleton/skeleton.d.ts +2 -1
- package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts +2 -1
- package/dist/components/ui/core/sources/sources.d.ts +3 -3
- package/dist/components/ui/core/sources/sources.js +6 -1
- package/dist/components/ui/core/switch/switch.d.ts +11 -0
- package/dist/components/ui/core/{button/button.metadata.d.ts → switch/switch.metadata.d.ts} +1 -1
- package/dist/components/ui/core/tabs/tabs.d.ts +21 -17
- package/dist/components/ui/core/tabs/tabs.js +11 -9
- package/dist/components/ui/core/textarea/textarea.d.ts +2 -1
- package/dist/components/ui/core/textarea/textarea.js +20 -18
- package/dist/components/ui/core/toggle/toggle.d.ts +15 -0
- package/dist/components/ui/core/toggle/toggle.js +74 -0
- package/dist/components/ui/core/tool/tool.d.ts +7 -6
- package/dist/components/ui/core/tool/tool.js +47 -43
- package/dist/components/ui/core/tooltip/tooltip.d.ts +6 -5
- package/dist/components/ui/core/tooltip/tooltip.js +10 -8
- package/dist/components/ui/core/topbar/topbar.d.ts +11 -13
- package/dist/eslint/index.d.ts +2 -1
- package/dist/index.d.ts +1 -1
- package/dist/lib/portal-container-context.d.ts +2 -1
- package/dist/lib/portal-container-context.js +3 -5
- package/dist/lib/utils.d.ts +1 -1
- package/dist/lib/utils.js +7 -7
- package/dist/styles.css +1 -1
- package/dist/styles.source.css +12 -1
- package/package.json +217 -14
- package/dist/components/ui/core/accordion/accordion.metadata.d.ts +0 -2
- package/dist/components/ui/core/accordion/accordion.metadata.js +0 -9
- package/dist/components/ui/core/alert/alert.metadata.d.ts +0 -2
- package/dist/components/ui/core/alert/alert.metadata.js +0 -9
- package/dist/components/ui/core/avatar/avatar.metadata.d.ts +0 -8
- package/dist/components/ui/core/avatar/avatar.metadata.js +0 -9
- package/dist/components/ui/core/badge/badge.metadata.d.ts +0 -2
- package/dist/components/ui/core/badge/badge.metadata.js +0 -8
- package/dist/components/ui/core/banner/banner.metadata.d.ts +0 -2
- package/dist/components/ui/core/banner/banner.metadata.js +0 -9
- package/dist/components/ui/core/breadcrumb/breadcrumb.metadata.d.ts +0 -2
- package/dist/components/ui/core/breadcrumb/breadcrumb.metadata.js +0 -9
- package/dist/components/ui/core/button/button.metadata.js +0 -9
- package/dist/components/ui/core/button-group/button-group.metadata.d.ts +0 -2
- package/dist/components/ui/core/button-group/button-group.metadata.js +0 -8
- package/dist/components/ui/core/card/card.metadata.d.ts +0 -8
- package/dist/components/ui/core/card/card.metadata.js +0 -9
- package/dist/components/ui/core/code-block/code-block.metadata.d.ts +0 -2
- package/dist/components/ui/core/code-block/code-block.metadata.js +0 -8
- package/dist/components/ui/core/collapsible/collapsible.metadata.d.ts +0 -2
- package/dist/components/ui/core/collapsible/collapsible.metadata.js +0 -9
- package/dist/components/ui/core/combobox/combobox.metadata.d.ts +0 -2
- package/dist/components/ui/core/command/command.metadata.d.ts +0 -2
- package/dist/components/ui/core/command/command.metadata.js +0 -9
- package/dist/components/ui/core/dialog/dialog.metadata.d.ts +0 -2
- package/dist/components/ui/core/dialog/dialog.metadata.js +0 -9
- package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.d.ts +0 -2
- package/dist/components/ui/core/dropdown-menu/dropdown-menu.metadata.js +0 -9
- package/dist/components/ui/core/helper-text/helper-text.metadata.d.ts +0 -2
- package/dist/components/ui/core/helper-text/helper-text.metadata.js +0 -9
- package/dist/components/ui/core/hover-card/hover-card.metadata.d.ts +0 -2
- package/dist/components/ui/core/hover-card/hover-card.metadata.js +0 -8
- package/dist/components/ui/core/inline-citation/inline-citation.metadata.d.ts +0 -2
- package/dist/components/ui/core/inline-citation/inline-citation.metadata.js +0 -8
- package/dist/components/ui/core/input/input.metadata.d.ts +0 -2
- package/dist/components/ui/core/input/input.metadata.js +0 -9
- package/dist/components/ui/core/input-group/input-group.metadata.d.ts +0 -2
- package/dist/components/ui/core/input-group/input-group.metadata.js +0 -9
- package/dist/components/ui/core/kbd/kbd.metadata.d.ts +0 -2
- package/dist/components/ui/core/kbd/kbd.metadata.js +0 -9
- package/dist/components/ui/core/label/label.metadata.d.ts +0 -2
- package/dist/components/ui/core/label/label.metadata.js +0 -9
- package/dist/components/ui/core/loader/loader.metadata.d.ts +0 -2
- package/dist/components/ui/core/loader/loader.metadata.js +0 -9
- package/dist/components/ui/core/message/message.metadata.d.ts +0 -2
- package/dist/components/ui/core/popover/popover.metadata.d.ts +0 -2
- package/dist/components/ui/core/popover/popover.metadata.js +0 -9
- package/dist/components/ui/core/progress/progress.metadata.d.ts +0 -2
- package/dist/components/ui/core/progress/progress.metadata.js +0 -9
- package/dist/components/ui/core/prompt-input/prompt-input.metadata.d.ts +0 -2
- package/dist/components/ui/core/prompt-input/prompt-input.metadata.js +0 -9
- package/dist/components/ui/core/radio-group/radio-group.metadata.d.ts +0 -2
- package/dist/components/ui/core/radio-group/radio-group.metadata.js +0 -9
- package/dist/components/ui/core/reasoning/reasoning.metadata.d.ts +0 -2
- package/dist/components/ui/core/reasoning/reasoning.metadata.js +0 -8
- package/dist/components/ui/core/scroll-area/scroll-area.metadata.d.ts +0 -2
- package/dist/components/ui/core/scroll-area/scroll-area.metadata.js +0 -9
- package/dist/components/ui/core/select/select.metadata.d.ts +0 -2
- package/dist/components/ui/core/select/select.metadata.js +0 -9
- package/dist/components/ui/core/separator/separator.metadata.d.ts +0 -2
- package/dist/components/ui/core/separator/separator.metadata.js +0 -8
- package/dist/components/ui/core/shimmer/shimmer.metadata.d.ts +0 -2
- package/dist/components/ui/core/shimmer/shimmer.metadata.js +0 -9
- package/dist/components/ui/core/skeleton/skeleton.metadata.d.ts +0 -2
- package/dist/components/ui/core/skeleton/skeleton.metadata.js +0 -9
- package/dist/components/ui/core/sonner-toast/sonner-toast.metadata.d.ts +0 -2
- package/dist/components/ui/core/sonner-toast/sonner-toast.metadata.js +0 -9
- package/dist/components/ui/core/sources/sources.metadata.d.ts +0 -2
- package/dist/components/ui/core/textarea/textarea.metadata.d.ts +0 -2
- package/dist/components/ui/core/textarea/textarea.metadata.js +0 -9
- package/dist/components/ui/core/tool/tool.metadata.d.ts +0 -2
- package/dist/components/ui/core/tool/tool.metadata.js +0 -8
- package/dist/components/ui/core/tooltip/tooltip.metadata.d.ts +0 -8
- package/dist/components/ui/core/tooltip/tooltip.metadata.js +0 -9
- package/dist/index.js +0 -342
package/dist/styles.source.css
CHANGED
|
@@ -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
|
|
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.
|
|
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
|
|
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
|
|
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,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,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,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,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,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,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,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,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,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,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,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
|
-
};
|