@konstructio/ui 0.1.2-alpha.2 → 0.1.2-alpha.21

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 (110) hide show
  1. package/dist/{Modal-V67Uz78z.js → Modal-B8jrP02v.js} +20 -20
  2. package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
  3. package/dist/{chevron-down-BLZPftpV.js → chevron-down-J5nS1Tu0.js} +2 -2
  4. package/dist/chevron-right-DeMVrnIg.js +19 -0
  5. package/dist/components/Alert/Alert.js +2 -2
  6. package/dist/components/AlertDialog/AlertDialog.js +1 -1
  7. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  8. package/dist/components/AlertDialog/components/index.js +1 -1
  9. package/dist/components/Badge/Badge.js +31 -28
  10. package/dist/components/Badge/Badge.variants.js +7 -5
  11. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  12. package/dist/components/Breadcrumb/components/Item/Item.js +24 -23
  13. package/dist/components/Button/Button.variants.js +1 -1
  14. package/dist/components/Checkbox/Checkbox.js +5 -4
  15. package/dist/components/Checkbox/Checkbox.variants.js +5 -4
  16. package/dist/components/Command/Command.js +2 -2
  17. package/dist/components/Command/components/Command.js +1 -1
  18. package/dist/components/Command/components/CommandEmpty.js +1 -1
  19. package/dist/components/Command/components/CommandGroup.js +1 -1
  20. package/dist/components/Command/components/CommandInput.js +2 -2
  21. package/dist/components/Command/components/CommandItem.js +1 -1
  22. package/dist/components/Command/components/CommandList.js +1 -1
  23. package/dist/components/Command/components/CommandSeparator.js +1 -1
  24. package/dist/components/Command/components/DialogContent.js +2 -2
  25. package/dist/components/Command/components/DialogOverlay.js +1 -1
  26. package/dist/components/Datepicker/DatePicker.js +545 -543
  27. package/dist/components/Dropdown/Dropdown.js +36 -24
  28. package/dist/components/Dropdown/Dropdown.variants.js +32 -9
  29. package/dist/components/Dropdown/components/List/List.js +64 -45
  30. package/dist/components/Dropdown/components/List/List.variants.js +9 -7
  31. package/dist/components/Dropdown/components/ListItem/ListItem.js +70 -24
  32. package/dist/components/Dropdown/components/ListItem/ListItem.variants.js +9 -7
  33. package/dist/components/Dropdown/components/Wrapper.js +157 -111
  34. package/dist/components/Dropdown/contexts/dropdown.context.js +9 -8
  35. package/dist/components/Dropdown/contexts/dropdown.provider.js +20 -19
  36. package/dist/components/Dropdown/hooks/useDropdown.js +30 -27
  37. package/dist/components/Dropdown/hooks/useNavigationList.js +32 -28
  38. package/dist/components/DropdownButton/DropdownButton.js +1 -1
  39. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
  40. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
  41. package/dist/components/Input/Input.js +1 -1
  42. package/dist/components/Loading/Loading.js +2 -2
  43. package/dist/components/Modal/Modal.js +2 -2
  44. package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
  45. package/dist/components/Modal/components/index.js +1 -1
  46. package/dist/components/NumberInput/NumberInput.js +2 -2
  47. package/dist/components/PieChart/PieChart.js +649 -648
  48. package/dist/components/Range/Range.js +1 -1
  49. package/dist/components/Sidebar/components/Wrapper/Wrapper.js +29 -28
  50. package/dist/components/Skeleton/Skeleton.js +42 -0
  51. package/dist/components/Slider/Slider.js +1 -1
  52. package/dist/components/Switch/Switch.js +6 -5
  53. package/dist/components/Tabs/Tabs.js +1 -1
  54. package/dist/components/Tabs/Tabs.variants.js +45 -24
  55. package/dist/components/Tabs/components/Content.js +1 -1
  56. package/dist/components/Tabs/components/List.js +1 -1
  57. package/dist/components/Tabs/components/Trigger.js +9 -8
  58. package/dist/components/TagSelect/components/Wrapper/Wrapper.js +98 -49
  59. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
  60. package/dist/components/Toast/Toast.js +57 -55
  61. package/dist/components/VirtualizedTable/VirtualizedTable.js +121 -0
  62. package/dist/components/VirtualizedTable/VirtualizedTable.variants.js +5 -0
  63. package/dist/components/VirtualizedTable/assets/chevron-down.js +25 -0
  64. package/dist/components/VirtualizedTable/assets/chevron-up.js +25 -0
  65. package/dist/components/VirtualizedTable/assets/index.js +6 -0
  66. package/dist/components/VirtualizedTable/components/Actions/Actions.js +40 -0
  67. package/dist/components/VirtualizedTable/components/Body/Body.js +26 -0
  68. package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +165 -0
  69. package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +34 -0
  70. package/dist/components/VirtualizedTable/components/Filter/Filter.js +88 -0
  71. package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +48 -0
  72. package/dist/components/VirtualizedTable/components/Header/Header.js +82 -0
  73. package/dist/components/VirtualizedTable/components/Pagination/Pagination.js +45 -0
  74. package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +1871 -0
  75. package/dist/components/VirtualizedTable/components/index.js +14 -0
  76. package/dist/components/VirtualizedTable/constants/index.js +5 -0
  77. package/dist/components/VirtualizedTable/constants/pagination.js +5 -0
  78. package/dist/components/VirtualizedTable/contexts/index.js +8 -0
  79. package/dist/components/VirtualizedTable/contexts/table.context.js +31 -0
  80. package/dist/components/VirtualizedTable/contexts/table.hook.js +11 -0
  81. package/dist/components/VirtualizedTable/contexts/table.provider.js +84 -0
  82. package/dist/components/index.js +44 -40
  83. package/dist/{createLucideIcon-DbC6TvM5.js → createLucideIcon-DGhJ8Z4k.js} +4 -4
  84. package/dist/debounce-BFejQm9P.js +200 -0
  85. package/dist/ellipsis-vertical-DpnVYRxI.js +15 -0
  86. package/dist/{index-D3xzCzcO.js → index-0XtjXVpJ.js} +2 -2
  87. package/dist/index-BAEWsOG1.js +27 -0
  88. package/dist/index-BVRIAMfe.js +36 -0
  89. package/dist/index-BZPx6jYI.js +8 -0
  90. package/dist/{index-Oq5GlCHP.js → index-Bn4c-gww.js} +1 -1
  91. package/dist/index-CffpTFMi.js +137 -0
  92. package/dist/{index-BAraV3ai.js → index-DQJhMz8c.js} +1 -1
  93. package/dist/index-DdXGVVBv.js +15 -0
  94. package/dist/index-Dx2grAuN.js +1742 -0
  95. package/dist/{index-h-Ul0anl.js → index-N2OStZoU.js} +1 -1
  96. package/dist/{index-BXuxPoz7.js → index-amYX3uxF.js} +18 -17
  97. package/dist/{index-DB2XhXHn.js → index-l3NwplN0.js} +11 -10
  98. package/dist/{index-iXyXtdgP.js → index-sp5ZfG6g.js} +1 -1
  99. package/dist/index.d.ts +121 -10
  100. package/dist/index.js +41 -37
  101. package/dist/package.json +33 -25
  102. package/dist/styles.css +1 -1
  103. package/dist/ui/civo-theme.css +191 -167
  104. package/dist/{x-BPcqkRZd.js → x-4F_5p77m.js} +1 -1
  105. package/package.json +33 -25
  106. package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
  107. package/dist/chevron-up-RLP4nX7V.js +0 -54
  108. package/dist/index-C9T9HQaa.js +0 -423
  109. package/dist/index-CZnD2QxM.js +0 -32
  110. package/dist/index-CrBonFvu.js +0 -144
@@ -5,15 +5,16 @@
5
5
  --color-white: #ffffff;
6
6
 
7
7
  --color-amber-50: #fffbeb;
8
- --color-amber-100: #fef3c7;
9
- --color-amber-200: #fde68a;
10
- --color-amber-300: #fcd34d;
11
- --color-amber-400: #fbbf24;
12
- --color-amber-500: #f59e0b;
13
- --color-amber-600: #d97706;
14
- --color-amber-700: #b45309;
15
- --color-amber-800: #92400e;
16
- --color-amber-900: #78350f;
8
+ --color-amber-100: #fef3c6;
9
+ --color-amber-200: #fee685;
10
+ --color-amber-300: #ffd230;
11
+ --color-amber-400: #ffb93b;
12
+ --color-amber-500: #fe9a37;
13
+ --color-amber-600: #e1712b;
14
+ --color-amber-700: #bb4d1a;
15
+ --color-amber-800: #973c08;
16
+ --color-amber-900: #7b3306;
17
+ --color-amber-950: #461901;
17
18
 
18
19
  --color-aurora-50: #ebfff3;
19
20
  --color-aurora-400: #47ff97;
@@ -22,91 +23,99 @@
22
23
 
23
24
  --color-blue-50: #eff6ff;
24
25
  --color-blue-100: #dbeafe;
25
- --color-blue-200: #bfdbfe;
26
- --color-blue-300: #93c5fd;
27
- --color-blue-400: #60a5fa;
28
- --color-blue-500: #3b82f6;
29
- --color-blue-600: #2563eb;
30
- --color-blue-700: #1d4ed8;
31
- --color-blue-800: #1e40af;
32
- --color-blue-900: #1e3a89;
26
+ --color-blue-200: #bedbff;
27
+ --color-blue-300: #8ec5ff;
28
+ --color-blue-400: #51a2ff;
29
+ --color-blue-500: #2b7fff;
30
+ --color-blue-600: #155dfc;
31
+ --color-blue-700: #1447e6;
32
+ --color-blue-800: #193cb8;
33
+ --color-blue-900: #1c398e;
34
+ --color-blue-950: #162456;
33
35
 
34
36
  --color-cyan-50: #ecfeff;
35
- --color-cyan-100: #cffafe;
36
- --color-cyan-200: #a5f3fc;
37
- --color-cyan-300: #67e8f9;
38
- --color-cyan-400: #22d3ee;
39
- --color-cyan-500: #06b6d4;
40
- --color-cyan-600: #0891b2;
41
- --color-cyan-700: #0e7490;
42
- --color-cyan-800: #155e75;
43
- --color-cyan-900: #164e63;
37
+ --color-cyan-100: #cefafe;
38
+ --color-cyan-200: #a2f4fd;
39
+ --color-cyan-300: #53eafd;
40
+ --color-cyan-400: #42d3f2;
41
+ --color-cyan-500: #3bb8db;
42
+ --color-cyan-600: #2c92b8;
43
+ --color-cyan-700: #1a7595;
44
+ --color-cyan-800: #015f78;
45
+ --color-cyan-900: #104e64;
46
+ --color-cyan-950: #053345;
44
47
 
45
48
  --color-emerald-50: #ecfdf5;
46
- --color-emerald-100: #d1fae5;
47
- --color-emerald-200: #a7f3d0;
48
- --color-emerald-300: #6ee7b7;
49
- --color-emerald-400: #34d399;
50
- --color-emerald-500: #10b981;
51
- --color-emerald-600: #059669;
52
- --color-emerald-700: #047857;
53
- --color-emerald-800: #065f46;
54
- --color-emerald-900: #064e3b;
49
+ --color-emerald-100: #d0fae5;
50
+ --color-emerald-200: #a4f4cf;
51
+ --color-emerald-300: #5ee9b5;
52
+ --color-emerald-400: #31d492;
53
+ --color-emerald-500: #37bc7d;
54
+ --color-emerald-600: #2d9966;
55
+ --color-emerald-700: #1f7a55;
56
+ --color-emerald-800: #116045;
57
+ --color-emerald-900: #034f3b;
58
+ --color-emerald-950: #012c22;
55
59
 
56
60
  --color-fuchsia-50: #fdf4ff;
57
61
  --color-fuchsia-100: #fae8ff;
58
- --color-fuchsia-200: #f5d0fe;
59
- --color-fuchsia-300: #f0abfc;
60
- --color-fuchsia-400: #e879f9;
61
- --color-fuchsia-500: #d946ef;
62
- --color-fuchsia-600: #c026d3;
63
- --color-fuchsia-700: #a21caf;
64
- --color-fuchsia-800: #86198f;
65
- --color-fuchsia-900: #701a75;
62
+ --color-fuchsia-200: #f6cfff;
63
+ --color-fuchsia-300: #f4a8ff;
64
+ --color-fuchsia-400: #ed6aff;
65
+ --color-fuchsia-500: #e12afb;
66
+ --color-fuchsia-600: #c81cde;
67
+ --color-fuchsia-700: #a813b7;
68
+ --color-fuchsia-800: #8a0194;
69
+ --color-fuchsia-900: #721378;
70
+ --color-fuchsia-950: #4b004f;
66
71
 
67
72
  --color-gray-50: #f9fafb;
68
73
  --color-gray-100: #f3f4f6;
69
74
  --color-gray-200: #e5e7eb;
70
75
  --color-gray-300: #d1d5dc;
71
- --color-gray-400: #9ca3af;
72
- --color-gray-500: #6b7280;
73
- --color-gray-600: #4b5563;
74
- --color-gray-700: #374151;
75
- --color-gray-800: #1f2937;
76
- --color-gray-900: #111827;
76
+ --color-gray-400: #99a1af;
77
+ --color-gray-500: #6a7282;
78
+ --color-gray-600: #4a5565;
79
+ --color-gray-700: #364153;
80
+ --color-gray-800: #1e2939;
81
+ --color-gray-900: #101828;
82
+ --color-gray-950: #030712;
77
83
 
78
84
  --color-green-50: #f0fdf4;
79
85
  --color-green-100: #dcfce7;
80
- --color-green-200: #bbf7d0;
81
- --color-green-300: #86efac;
82
- --color-green-400: #4ade80;
83
- --color-green-500: #22c55e;
84
- --color-green-600: #16a34a;
85
- --color-green-700: #15803d;
86
- --color-green-800: #166534;
87
- --color-green-900: #14532d;
86
+ --color-green-200: #b9f8cf;
87
+ --color-green-300: #7bf1a8;
88
+ --color-green-400: #05df72;
89
+ --color-green-500: #31c950;
90
+ --color-green-600: #2aa63e;
91
+ --color-green-700: #178236;
92
+ --color-green-800: #016630;
93
+ --color-green-900: #0d542b;
94
+ --color-green-950: #032e15;
88
95
 
89
96
  --color-indigo-50: #eef2ff;
90
97
  --color-indigo-100: #e0e7ff;
91
- --color-indigo-200: #c7d2fe;
92
- --color-indigo-300: #a5b4fc;
93
- --color-indigo-400: #818cf8;
94
- --color-indigo-500: #6366f1;
95
- --color-indigo-600: #4f46e5;
96
- --color-indigo-700: #4338ca;
97
- --color-indigo-800: #3730a3;
98
- --color-indigo-900: #312e81;
98
+ --color-indigo-200: #c6d2ff;
99
+ --color-indigo-300: #a3b3ff;
100
+ --color-indigo-400: #7c86ff;
101
+ --color-indigo-500: #615fff;
102
+ --color-indigo-600: #4f39f6;
103
+ --color-indigo-700: #432dd7;
104
+ --color-indigo-800: #372aac;
105
+ --color-indigo-900: #312c85;
106
+ --color-indigo-950: #1e1a4d;
99
107
 
100
108
  --color-lime-50: #f7fee7;
101
- --color-lime-100: #ecfccb;
102
- --color-lime-200: #d9f99d;
103
- --color-lime-300: #bef264;
104
- --color-lime-400: #a3e635;
105
- --color-lime-500: #84cc16;
106
- --color-lime-600: #65a30d;
107
- --color-lime-700: #4d7c0f;
108
- --color-lime-800: #3f6212;
109
- --color-lime-900: #365314;
109
+ --color-lime-100: #ecfcca;
110
+ --color-lime-200: #d8f999;
111
+ --color-lime-300: #bbf451;
112
+ --color-lime-400: #9ae630;
113
+ --color-lime-500: #7ccf35;
114
+ --color-lime-600: #5ea529;
115
+ --color-lime-700: #497d15;
116
+ --color-lime-800: #3c6301;
117
+ --color-lime-900: #35530e;
118
+ --color-lime-950: #192e03;
110
119
 
111
120
  --color-metal-50: #f3f5f7;
112
121
  --color-metal-100: #e7ebee;
@@ -125,34 +134,37 @@
125
134
  --color-neutral-100: #f5f5f5;
126
135
  --color-neutral-200: #e5e5e5;
127
136
  --color-neutral-300: #d4d4d4;
128
- --color-neutral-400: #a3a3a3;
137
+ --color-neutral-400: #a1a1a1;
129
138
  --color-neutral-500: #737373;
130
139
  --color-neutral-600: #525252;
131
140
  --color-neutral-700: #404040;
132
141
  --color-neutral-800: #262626;
133
142
  --color-neutral-900: #171717;
143
+ --color-neutral-950: #0a0a0a;
134
144
 
135
- --color-orange-50: #fef3eb;
136
- --color-orange-100: #fee7d7;
137
- --color-orange-200: #fdd0af;
138
- --color-orange-300: #fcb888;
139
- --color-orange-400: #fa9247;
140
- --color-orange-500: #f97d24;
141
- --color-orange-600: #ef6706;
142
- --color-orange-700: #c75605;
143
- --color-orange-800: #9f4504;
144
- --color-orange-900: #773403;
145
+ --color-orange-50: #fff7ed;
146
+ --color-orange-100: #ffedd4;
147
+ --color-orange-200: #ffd6a7;
148
+ --color-orange-300: #ffb86a;
149
+ --color-orange-400: #ff8904;
150
+ --color-orange-500: #ff692a;
151
+ --color-orange-600: #f54927;
152
+ --color-orange-700: #ca3519;
153
+ --color-orange-800: #9f2d01;
154
+ --color-orange-900: #7e2a0c;
155
+ --color-orange-950: #441306;
145
156
 
146
157
  --color-pink-50: #fdf2f8;
147
158
  --color-pink-100: #fce7f3;
148
- --color-pink-200: #fbcfe8;
149
- --color-pink-300: #f9a8d4;
150
- --color-pink-400: #f472b6;
151
- --color-pink-500: #ec4899;
152
- --color-pink-600: #db2777;
153
- --color-pink-700: #be185d;
154
- --color-pink-800: #9d174d;
155
- --color-pink-900: #831843;
159
+ --color-pink-200: #fceee8;
160
+ --color-pink-300: #fda5d5;
161
+ --color-pink-400: #fb64b6;
162
+ --color-pink-500: #f6339a;
163
+ --color-pink-600: #e61876;
164
+ --color-pink-700: #c6185c;
165
+ --color-pink-800: #a3044c;
166
+ --color-pink-900: #861043;
167
+ --color-pink-950: #510424;
156
168
 
157
169
  --color-powder-50: #f1f4f9;
158
170
  --color-powder-100: #e3eaf2;
@@ -167,36 +179,39 @@
167
179
 
168
180
  --color-purple-50: #faf5ff;
169
181
  --color-purple-100: #f3e8ff;
170
- --color-purple-200: #e9d5ff;
171
- --color-purple-300: #d8b4fe;
172
- --color-purple-400: #c084fc;
173
- --color-purple-500: #a855f7;
174
- --color-purple-600: #9333ea;
175
- --color-purple-700: #7e22ce;
176
- --color-purple-800: #6b21a8;
177
- --color-purple-900: #581c87;
182
+ --color-purple-200: #e9d4ff;
183
+ --color-purple-300: #dab2ff;
184
+ --color-purple-400: #c27aff;
185
+ --color-purple-500: #ad46ff;
186
+ --color-purple-600: #9810fa;
187
+ --color-purple-700: #8207db;
188
+ --color-purple-800: #6e11b0;
189
+ --color-purple-900: #59168b;
190
+ --color-purple-950: #3c0366;
178
191
 
179
192
  --color-red-50: #fef2f2;
180
- --color-red-100: #fee2e2;
181
- --color-red-200: #fecaca;
182
- --color-red-300: #fca5a5;
183
- --color-red-400: #f87171;
184
- --color-red-500: #ef4444;
185
- --color-red-600: #dc2626;
186
- --color-red-700: #b91c1c;
187
- --color-red-800: #991b1b;
188
- --color-red-900: #7f1d1d;
193
+ --color-red-100: #ffe2e2;
194
+ --color-red-200: #ffc9c9;
195
+ --color-red-300: #ffa2a2;
196
+ --color-red-400: #ff6467;
197
+ --color-red-500: #fb2c36;
198
+ --color-red-600: #e7180b;
199
+ --color-red-700: #c11007;
200
+ --color-red-800: #9f0712;
201
+ --color-red-900: #82181a;
202
+ --color-red-950: #460809;
189
203
 
190
204
  --color-rose-50: #fff1f2;
191
205
  --color-rose-100: #ffe4e6;
192
- --color-rose-200: #fecdd3;
193
- --color-rose-300: #fda4af;
194
- --color-rose-400: #fb7185;
195
- --color-rose-500: #f43f5e;
196
- --color-rose-600: #e11d48;
197
- --color-rose-700: #be123c;
198
- --color-rose-800: #9f1239;
199
- --color-rose-900: #881337;
206
+ --color-rose-200: #ffccd3;
207
+ --color-rose-300: #ffa1ad;
208
+ --color-rose-400: #ff637e;
209
+ --color-rose-500: #ff2056;
210
+ --color-rose-600: #ec253f;
211
+ --color-rose-700: #c71d36;
212
+ --color-rose-800: #a50c36;
213
+ --color-rose-900: #8b0836;
214
+ --color-rose-950: #4d0218;
200
215
 
201
216
  --color-sage-50: #f5f9f1;
202
217
  --color-sage-100: #d6e5c7;
@@ -210,81 +225,88 @@
210
225
  --color-sage-900: #3c5427;
211
226
 
212
227
  --color-sky-50: #f0f9ff;
213
- --color-sky-100: #e0f2fe;
214
- --color-sky-200: #bae6fd;
215
- --color-sky-300: #7dd3fc;
216
- --color-sky-400: #38bdf8;
217
- --color-sky-500: #0ea5e9;
218
- --color-sky-600: #0284c7;
219
- --color-sky-700: #0369a1;
220
- --color-sky-800: #075985;
221
- --color-sky-900: #0c4a6e;
228
+ --color-sky-100: #dff2fe;
229
+ --color-sky-200: #b8e6fe;
230
+ --color-sky-300: #74d4ff;
231
+ --color-sky-400: #21bcff;
232
+ --color-sky-500: #34a6f4;
233
+ --color-sky-600: #2984d1;
234
+ --color-sky-700: #1c69a8;
235
+ --color-sky-800: #10598a;
236
+ --color-sky-900: #024a70;
237
+ --color-sky-950: #052f4a;
222
238
 
223
239
  --color-slate-50: #f8fafc;
224
240
  --color-slate-100: #f1f5f9;
225
241
  --color-slate-200: #e2e8f0;
226
- --color-slate-300: #cbd5e1;
227
- --color-slate-400: #94a3b8;
228
- --color-slate-500: #64748b;
229
- --color-slate-600: #475569;
230
- --color-slate-700: #334155;
231
- --color-slate-800: #1e293b;
232
- --color-slate-900: #0f172a;
242
+ --color-slate-300: #cad5e2;
243
+ --color-slate-400: #90a1b9;
244
+ --color-slate-500: #62748e;
245
+ --color-slate-600: #45556c;
246
+ --color-slate-700: #314158;
247
+ --color-slate-800: #1d293d;
248
+ --color-slate-900: #0f172b;
249
+ --color-slate-950: #020618;
233
250
 
234
251
  --color-stone-50: #fafaf9;
235
252
  --color-stone-100: #f5f5f4;
236
253
  --color-stone-200: #e7e5e4;
237
254
  --color-stone-300: #d6d3d1;
238
- --color-stone-400: #a8a29e;
239
- --color-stone-500: #78716c;
240
- --color-stone-600: #57534e;
241
- --color-stone-700: #44403c;
255
+ --color-stone-400: #a6a09b;
256
+ --color-stone-500: #79716b;
257
+ --color-stone-600: #57534d;
258
+ --color-stone-700: #44403b;
242
259
  --color-stone-800: #292524;
243
260
  --color-stone-900: #1c1917;
261
+ --color-stone-950: #0c0a09;
244
262
 
245
263
  --color-teal-50: #f0fdfa;
246
- --color-teal-100: #ccfbf1;
247
- --color-teal-200: #99f6e4;
248
- --color-teal-300: #5eead4;
249
- --color-teal-400: #2dd4bf;
250
- --color-teal-500: #14b8a6;
251
- --color-teal-600: #0d9488;
252
- --color-teal-700: #0f766e;
253
- --color-teal-800: #115e59;
254
- --color-teal-900: #134e4a;
264
+ --color-teal-100: #cbfbf1;
265
+ --color-teal-200: #96f7e4;
266
+ --color-teal-300: #46ecd5;
267
+ --color-teal-400: #38d5be;
268
+ --color-teal-500: #36bba7;
269
+ --color-teal-600: #2a9689;
270
+ --color-teal-700: #18786f;
271
+ --color-teal-800: #075f5a;
272
+ --color-teal-900: #0b4f4a;
273
+ --color-teal-950: #022f2e;
255
274
 
256
275
  --color-violet-50: #f5f3ff;
257
276
  --color-violet-100: #ede9fe;
258
- --color-violet-200: #ddd6fe;
259
- --color-violet-300: #c4b5fd;
260
- --color-violet-400: #a78bfa;
261
- --color-violet-500: #8b5cf6;
262
- --color-violet-600: #7c3aed;
263
- --color-violet-700: #6d28d9;
264
- --color-violet-800: #5b21b6;
265
- --color-violet-900: #4c1d95;
277
+ --color-violet-200: #ddd6ff;
278
+ --color-violet-300: #c4b4ff;
279
+ --color-violet-400: #a684ff;
280
+ --color-violet-500: #8e51ff;
281
+ --color-violet-600: #7f22fe;
282
+ --color-violet-700: #7008e7;
283
+ --color-violet-800: #5d0ec0;
284
+ --color-violet-900: #4d179a;
285
+ --color-violet-950: #2f0d68;
266
286
 
267
287
  --color-yellow-50: #fefce8;
268
- --color-yellow-100: #fef9c3;
269
- --color-yellow-200: #fef08a;
270
- --color-yellow-300: #fde047;
271
- --color-yellow-400: #facc15;
272
- --color-yellow-500: #eab308;
273
- --color-yellow-600: #ca8a04;
274
- --color-yellow-700: #a16207;
275
- --color-yellow-800: #854d0e;
276
- --color-yellow-900: #713f12;
288
+ --color-yellow-100: #fef9c2;
289
+ --color-yellow-200: #fff085;
290
+ --color-yellow-300: #ffdf20;
291
+ --color-yellow-400: #fdc745;
292
+ --color-yellow-500: #f0b13b;
293
+ --color-yellow-600: #d0872e;
294
+ --color-yellow-700: #a65f1b;
295
+ --color-yellow-800: #894b0a;
296
+ --color-yellow-900: #733e0a;
297
+ --color-yellow-950: #432004;
277
298
 
278
299
  --color-zinc-50: #fafafa;
279
300
  --color-zinc-100: #f4f4f5;
280
301
  --color-zinc-200: #e4e4e7;
281
302
  --color-zinc-300: #d4d4d8;
282
- --color-zinc-400: #a1a1aa;
283
- --color-zinc-500: #71717a;
284
- --color-zinc-600: #52525b;
303
+ --color-zinc-400: #9f9fa9;
304
+ --color-zinc-500: #71717b;
305
+ --color-zinc-600: #52525c;
285
306
  --color-zinc-700: #3f3f46;
286
307
  --color-zinc-800: #27272a;
287
308
  --color-zinc-900: #18181b;
309
+ --color-zinc-950: #09090b;
288
310
 
289
311
  --color-kubefirst-primary: #8851c8;
290
312
  --color-kubefirst-secondary: #7037ae;
@@ -295,4 +317,6 @@
295
317
 
296
318
  --color-civo-primary: #239dff;
297
319
  --color-civo-secondary: #007be0;
320
+
321
+ --color-cloud: #d1ccbe;
298
322
  }
@@ -1,5 +1,5 @@
1
1
  import l, { forwardRef as c } from "react";
2
- import { P as a } from "./index-h-Ul0anl.js";
2
+ import { P as a } from "./index-N2OStZoU.js";
3
3
  function f() {
4
4
  return f = Object.assign || function(e) {
5
5
  for (var o = 1; o < arguments.length; o++) {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@konstructio/ui",
3
3
  "description": "A set of reusable and customizable React components built for konstruct.io",
4
4
  "private": false,
5
- "version": "0.1.2-alpha.2",
5
+ "version": "0.1.2-alpha.21",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",
@@ -63,22 +63,25 @@
63
63
  "@radix-ui/react-switch": "^1.2.6",
64
64
  "@radix-ui/react-tabs": "^1.1.13",
65
65
  "@radix-ui/react-toast": "^1.2.15",
66
+ "@radix-ui/react-tooltip": "^1.2.8",
66
67
  "@radix-ui/react-visually-hidden": "^1.2.3",
67
- "chart.js": "^4.5.0",
68
+ "@tanstack/react-table": "^8.21.3",
69
+ "chart.js": "^4.5.1",
68
70
  "class-variance-authority": "^0.7.1",
69
71
  "clsx": "^2.1.1",
70
72
  "cmdk": "^1.1.1",
71
73
  "countries-and-timezones": "^3.8.0",
72
74
  "js-cookie": "^3.0.5",
73
- "lucide-react": "^0.544.0",
74
- "react-chartjs-2": "^5.3.0",
75
- "react-day-picker": "^9.11.0",
75
+ "lucide-react": "^0.548.0",
76
+ "react-chartjs-2": "^5.3.1",
77
+ "react-day-picker": "^9.11.1",
76
78
  "react-feather": "^2.0.10",
77
79
  "react-focus-lock": "^2.13.6",
78
80
  "react-remove-scroll": "^2.7.1",
79
81
  "tailwind-merge": "^3.3.1"
80
82
  },
81
83
  "peerDependencies": {
84
+ "@tanstack/react-query": "^5.90",
82
85
  "@types/react": "*",
83
86
  "@types/react-dom": "*",
84
87
  "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
@@ -104,46 +107,51 @@
104
107
  },
105
108
  "@types/react-router-dom": {
106
109
  "optional": true
110
+ },
111
+ "@tanstack/react-query": {
112
+ "optional": false
107
113
  }
108
114
  },
109
115
  "devDependencies": {
110
- "@rollup/plugin-alias": "^5.1.1",
111
- "@storybook/addon-docs": "^9.1.7",
112
- "@storybook/addon-links": "^9.1.7",
113
- "@storybook/react-vite": "^9.1.7",
114
- "@tailwindcss/vite": "^4.1.13",
115
- "@testing-library/jest-dom": "^6.8.0",
116
+ "@faker-js/faker": "^10.1.0",
117
+ "@rollup/plugin-alias": "^6.0.0",
118
+ "@storybook/addon-docs": "^10.0.0",
119
+ "@storybook/addon-links": "^10.0.0",
120
+ "@storybook/react-vite": "^10.0.0",
121
+ "@tailwindcss/vite": "^4.1.16",
122
+ "@tanstack/react-query": "^5.90.5",
123
+ "@testing-library/jest-dom": "^6.9.1",
116
124
  "@testing-library/react": "^16.3.0",
117
125
  "@testing-library/user-event": "^14.6.1",
118
126
  "@types/jest-axe": "^3.5.9",
119
127
  "@types/js-cookie": "^3.0.6",
120
128
  "@types/lodash": "^4.17.20",
121
- "@types/react": "^19.1.13",
122
- "@types/react-dom": "^19.1.9",
123
- "@typescript-eslint/eslint-plugin": "^8.44.0",
124
- "@typescript-eslint/parser": "^8.44.0",
125
- "@vitejs/plugin-react": "^5.0.3",
129
+ "@types/react": "^19.2.2",
130
+ "@types/react-dom": "^19.2.2",
131
+ "@typescript-eslint/eslint-plugin": "^8.46.2",
132
+ "@typescript-eslint/parser": "^8.46.2",
133
+ "@vitejs/plugin-react": "^5.1.0",
126
134
  "@vitest/coverage-v8": "^3.2.4",
127
135
  "autoprefixer": "^10.4.21",
128
- "eslint": "^9.36.0",
136
+ "eslint": "^9.38.0",
129
137
  "eslint-plugin-react": "^7.37.5",
130
- "eslint-plugin-react-hooks": "^5.2.0",
131
- "eslint-plugin-react-refresh": "^0.4.20",
132
- "eslint-plugin-storybook": "^9.1.7",
138
+ "eslint-plugin-react-hooks": "^6.1.1",
139
+ "eslint-plugin-react-refresh": "^0.4.23",
140
+ "eslint-plugin-storybook": "^9.1.13",
133
141
  "eslint-plugin-vitest": "^0.5.4",
134
142
  "glob": "^11.0.3",
135
143
  "husky": "^9.1.7",
136
144
  "jest-axe": "^10.0.0",
137
- "jsdom": "^27.0.0",
145
+ "jsdom": "^27.0.1",
138
146
  "lodash": "^4.17.21",
139
147
  "postcss": "^8.5.6",
140
148
  "prettier": "^3.6.2",
141
149
  "rimraf": "^6.0.1",
142
- "storybook": "^9.1.7",
143
- "tailwindcss": "^4.1.13",
150
+ "storybook": "^10.0.0",
151
+ "tailwindcss": "^4.1.16",
144
152
  "ts-node": "^10.9.2",
145
- "typescript": "^5.9.2",
146
- "vite": "^7.1.7",
153
+ "typescript": "^5.9.3",
154
+ "vite": "^7.1.12",
147
155
  "vite-plugin-dts": "^4.5.4",
148
156
  "vite-plugin-lib-inject-css": "^2.2.2",
149
157
  "vite-plugin-svgr": "^4.5.0",
@@ -1,6 +0,0 @@
1
- function e(t) {
2
- return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
3
- }
4
- export {
5
- e as g
6
- };
@@ -1,54 +0,0 @@
1
- import l, { forwardRef as c } from "react";
2
- import { P as a } from "./index-h-Ul0anl.js";
3
- function p() {
4
- return p = Object.assign || function(e) {
5
- for (var o = 1; o < arguments.length; o++) {
6
- var t = arguments[o];
7
- for (var r in t)
8
- Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
9
- }
10
- return e;
11
- }, p.apply(this, arguments);
12
- }
13
- function u(e, o) {
14
- if (e == null) return {};
15
- var t = v(e, o), r, n;
16
- if (Object.getOwnPropertySymbols) {
17
- var i = Object.getOwnPropertySymbols(e);
18
- for (n = 0; n < i.length; n++)
19
- r = i[n], !(o.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
20
- }
21
- return t;
22
- }
23
- function v(e, o) {
24
- if (e == null) return {};
25
- var t = {}, r = Object.keys(e), n, i;
26
- for (i = 0; i < r.length; i++)
27
- n = r[i], !(o.indexOf(n) >= 0) && (t[n] = e[n]);
28
- return t;
29
- }
30
- var s = c(function(e, o) {
31
- var t = e.color, r = t === void 0 ? "currentColor" : t, n = e.size, i = n === void 0 ? 24 : n, f = u(e, ["color", "size"]);
32
- return /* @__PURE__ */ l.createElement("svg", p({
33
- ref: o,
34
- xmlns: "http://www.w3.org/2000/svg",
35
- width: i,
36
- height: i,
37
- viewBox: "0 0 24 24",
38
- fill: "none",
39
- stroke: r,
40
- strokeWidth: "2",
41
- strokeLinecap: "round",
42
- strokeLinejoin: "round"
43
- }, f), /* @__PURE__ */ l.createElement("polyline", {
44
- points: "18 15 12 9 6 15"
45
- }));
46
- });
47
- s.propTypes = {
48
- color: a.string,
49
- size: a.oneOfType([a.string, a.number])
50
- };
51
- s.displayName = "ChevronUp";
52
- export {
53
- s as C
54
- };