galaxy-design 0.2.6 → 0.2.8
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/dist/registries/registry-react.json +495 -133
- package/dist/registries/registry-vue.json +484 -132
- package/package.json +1 -1
|
@@ -6,10 +6,17 @@
|
|
|
6
6
|
"name": "Button",
|
|
7
7
|
"type": "form",
|
|
8
8
|
"description": "Displays a button or a component that looks like a button",
|
|
9
|
-
"dependencies": [
|
|
9
|
+
"dependencies": [
|
|
10
|
+
"@radix-ui/react-slot",
|
|
11
|
+
"class-variance-authority"
|
|
12
|
+
],
|
|
10
13
|
"devDependencies": [],
|
|
11
14
|
"registryDependencies": [],
|
|
12
|
-
"files": [
|
|
15
|
+
"files": [
|
|
16
|
+
"Button.tsx",
|
|
17
|
+
"variants.ts",
|
|
18
|
+
"index.ts"
|
|
19
|
+
],
|
|
13
20
|
"category": "form"
|
|
14
21
|
},
|
|
15
22
|
"input": {
|
|
@@ -19,67 +26,100 @@
|
|
|
19
26
|
"dependencies": [],
|
|
20
27
|
"devDependencies": [],
|
|
21
28
|
"registryDependencies": [],
|
|
22
|
-
"files": [
|
|
29
|
+
"files": [
|
|
30
|
+
"Input.tsx",
|
|
31
|
+
"index.ts"
|
|
32
|
+
],
|
|
23
33
|
"category": "form"
|
|
24
34
|
},
|
|
25
35
|
"label": {
|
|
26
36
|
"name": "Label",
|
|
27
37
|
"type": "form",
|
|
28
38
|
"description": "Renders an accessible label associated with controls",
|
|
29
|
-
"dependencies": [
|
|
39
|
+
"dependencies": [
|
|
40
|
+
"@radix-ui/react-label"
|
|
41
|
+
],
|
|
30
42
|
"devDependencies": [],
|
|
31
43
|
"registryDependencies": [],
|
|
32
|
-
"files": [
|
|
44
|
+
"files": [
|
|
45
|
+
"Label.tsx",
|
|
46
|
+
"index.ts"
|
|
47
|
+
],
|
|
33
48
|
"category": "form"
|
|
34
49
|
},
|
|
35
50
|
"select": {
|
|
36
51
|
"name": "Select",
|
|
37
52
|
"type": "form",
|
|
38
53
|
"description": "Displays a list of options for the user to pick from triggered by a button",
|
|
39
|
-
"dependencies": [
|
|
54
|
+
"dependencies": [
|
|
55
|
+
"@radix-ui/react-select"
|
|
56
|
+
],
|
|
40
57
|
"devDependencies": [],
|
|
41
58
|
"registryDependencies": [],
|
|
42
|
-
"files": [
|
|
59
|
+
"files": [
|
|
60
|
+
"Select.tsx",
|
|
61
|
+
"index.ts"
|
|
62
|
+
],
|
|
43
63
|
"category": "form"
|
|
44
64
|
},
|
|
45
65
|
"checkbox": {
|
|
46
66
|
"name": "Checkbox",
|
|
47
67
|
"type": "form",
|
|
48
68
|
"description": "A control that allows the user to toggle between checked and not checked",
|
|
49
|
-
"dependencies": [
|
|
69
|
+
"dependencies": [
|
|
70
|
+
"@radix-ui/react-checkbox"
|
|
71
|
+
],
|
|
50
72
|
"devDependencies": [],
|
|
51
73
|
"registryDependencies": [],
|
|
52
|
-
"files": [
|
|
74
|
+
"files": [
|
|
75
|
+
"Checkbox.tsx",
|
|
76
|
+
"index.ts"
|
|
77
|
+
],
|
|
53
78
|
"category": "form"
|
|
54
79
|
},
|
|
55
80
|
"radio-group": {
|
|
56
81
|
"name": "Radio Group",
|
|
57
82
|
"type": "form",
|
|
58
83
|
"description": "A set of checkable buttons where no more than one of the buttons can be checked at a time",
|
|
59
|
-
"dependencies": [
|
|
84
|
+
"dependencies": [
|
|
85
|
+
"@radix-ui/react-radio-group"
|
|
86
|
+
],
|
|
60
87
|
"devDependencies": [],
|
|
61
88
|
"registryDependencies": [],
|
|
62
|
-
"files": [
|
|
89
|
+
"files": [
|
|
90
|
+
"RadioGroup.tsx",
|
|
91
|
+
"index.ts"
|
|
92
|
+
],
|
|
63
93
|
"category": "form"
|
|
64
94
|
},
|
|
65
95
|
"switch": {
|
|
66
96
|
"name": "Switch",
|
|
67
97
|
"type": "form",
|
|
68
98
|
"description": "A control that allows the user to toggle between checked and not checked",
|
|
69
|
-
"dependencies": [
|
|
99
|
+
"dependencies": [
|
|
100
|
+
"@radix-ui/react-switch"
|
|
101
|
+
],
|
|
70
102
|
"devDependencies": [],
|
|
71
103
|
"registryDependencies": [],
|
|
72
|
-
"files": [
|
|
104
|
+
"files": [
|
|
105
|
+
"Switch.tsx",
|
|
106
|
+
"index.ts"
|
|
107
|
+
],
|
|
73
108
|
"category": "form"
|
|
74
109
|
},
|
|
75
110
|
"slider": {
|
|
76
111
|
"name": "Slider",
|
|
77
112
|
"type": "form",
|
|
78
113
|
"description": "An input where the user selects a value from within a given range",
|
|
79
|
-
"dependencies": [
|
|
114
|
+
"dependencies": [
|
|
115
|
+
"@radix-ui/react-slider"
|
|
116
|
+
],
|
|
80
117
|
"devDependencies": [],
|
|
81
118
|
"registryDependencies": [],
|
|
82
|
-
"files": [
|
|
119
|
+
"files": [
|
|
120
|
+
"Slider.tsx",
|
|
121
|
+
"index.ts"
|
|
122
|
+
],
|
|
83
123
|
"category": "form"
|
|
84
124
|
},
|
|
85
125
|
"textarea": {
|
|
@@ -89,67 +129,104 @@
|
|
|
89
129
|
"dependencies": [],
|
|
90
130
|
"devDependencies": [],
|
|
91
131
|
"registryDependencies": [],
|
|
92
|
-
"files": [
|
|
132
|
+
"files": [
|
|
133
|
+
"Textarea.tsx",
|
|
134
|
+
"index.ts"
|
|
135
|
+
],
|
|
93
136
|
"category": "form"
|
|
94
137
|
},
|
|
95
138
|
"form": {
|
|
96
139
|
"name": "Form",
|
|
97
140
|
"type": "form",
|
|
98
141
|
"description": "Building forms with React Hook Form and Zod validation",
|
|
99
|
-
"dependencies": [
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
142
|
+
"dependencies": [
|
|
143
|
+
"react-hook-form",
|
|
144
|
+
"@radix-ui/react-label",
|
|
145
|
+
"@radix-ui/react-slot"
|
|
146
|
+
],
|
|
147
|
+
"devDependencies": [],
|
|
148
|
+
"registryDependencies": [
|
|
149
|
+
"label"
|
|
150
|
+
],
|
|
151
|
+
"files": [
|
|
152
|
+
"Form.tsx",
|
|
153
|
+
"index.ts"
|
|
154
|
+
],
|
|
103
155
|
"category": "form"
|
|
104
156
|
},
|
|
105
157
|
"separator": {
|
|
106
158
|
"name": "Separator",
|
|
107
159
|
"type": "layout",
|
|
108
160
|
"description": "Visually or semantically separates content",
|
|
109
|
-
"dependencies": [
|
|
161
|
+
"dependencies": [
|
|
162
|
+
"@radix-ui/react-separator"
|
|
163
|
+
],
|
|
110
164
|
"devDependencies": [],
|
|
111
165
|
"registryDependencies": [],
|
|
112
|
-
"files": [
|
|
166
|
+
"files": [
|
|
167
|
+
"Separator.tsx",
|
|
168
|
+
"index.ts"
|
|
169
|
+
],
|
|
113
170
|
"category": "layout"
|
|
114
171
|
},
|
|
115
172
|
"accordion": {
|
|
116
173
|
"name": "Accordion",
|
|
117
174
|
"type": "layout",
|
|
118
175
|
"description": "A vertically stacked set of interactive headings that each reveal a section of content",
|
|
119
|
-
"dependencies": [
|
|
176
|
+
"dependencies": [
|
|
177
|
+
"@radix-ui/react-accordion"
|
|
178
|
+
],
|
|
120
179
|
"devDependencies": [],
|
|
121
180
|
"registryDependencies": [],
|
|
122
|
-
"files": [
|
|
181
|
+
"files": [
|
|
182
|
+
"Accordion.tsx",
|
|
183
|
+
"index.ts"
|
|
184
|
+
],
|
|
123
185
|
"category": "layout"
|
|
124
186
|
},
|
|
125
187
|
"tabs": {
|
|
126
188
|
"name": "Tabs",
|
|
127
189
|
"type": "layout",
|
|
128
|
-
"description": "A set of layered sections of content
|
|
129
|
-
"dependencies": [
|
|
190
|
+
"description": "A set of layered sections of content\u2014known as tab panels\u2014that are displayed one at a time",
|
|
191
|
+
"dependencies": [
|
|
192
|
+
"@radix-ui/react-tabs"
|
|
193
|
+
],
|
|
130
194
|
"devDependencies": [],
|
|
131
195
|
"registryDependencies": [],
|
|
132
|
-
"files": [
|
|
196
|
+
"files": [
|
|
197
|
+
"Tabs.tsx",
|
|
198
|
+
"index.ts"
|
|
199
|
+
],
|
|
133
200
|
"category": "layout"
|
|
134
201
|
},
|
|
135
202
|
"dialog": {
|
|
136
203
|
"name": "Dialog",
|
|
137
204
|
"type": "layout",
|
|
138
205
|
"description": "A window overlaid on either the primary window or another dialog window",
|
|
139
|
-
"dependencies": [
|
|
206
|
+
"dependencies": [
|
|
207
|
+
"@radix-ui/react-dialog"
|
|
208
|
+
],
|
|
140
209
|
"devDependencies": [],
|
|
141
210
|
"registryDependencies": [],
|
|
142
|
-
"files": [
|
|
211
|
+
"files": [
|
|
212
|
+
"Dialog.tsx",
|
|
213
|
+
"index.ts"
|
|
214
|
+
],
|
|
143
215
|
"category": "layout"
|
|
144
216
|
},
|
|
145
217
|
"collapsible": {
|
|
146
218
|
"name": "Collapsible",
|
|
147
219
|
"type": "layout",
|
|
148
220
|
"description": "An interactive component which expands/collapses a panel",
|
|
149
|
-
"dependencies": [
|
|
221
|
+
"dependencies": [
|
|
222
|
+
"@radix-ui/react-collapsible"
|
|
223
|
+
],
|
|
150
224
|
"devDependencies": [],
|
|
151
225
|
"registryDependencies": [],
|
|
152
|
-
"files": [
|
|
226
|
+
"files": [
|
|
227
|
+
"Collapsible.tsx",
|
|
228
|
+
"index.ts"
|
|
229
|
+
],
|
|
153
230
|
"category": "layout"
|
|
154
231
|
},
|
|
155
232
|
"card": {
|
|
@@ -159,257 +236,413 @@
|
|
|
159
236
|
"dependencies": [],
|
|
160
237
|
"devDependencies": [],
|
|
161
238
|
"registryDependencies": [],
|
|
162
|
-
"files": [
|
|
239
|
+
"files": [
|
|
240
|
+
"Card.tsx",
|
|
241
|
+
"index.ts"
|
|
242
|
+
],
|
|
163
243
|
"category": "layout"
|
|
164
244
|
},
|
|
165
245
|
"alert-dialog": {
|
|
166
246
|
"name": "Alert Dialog",
|
|
167
247
|
"type": "feedback",
|
|
168
248
|
"description": "A modal dialog that interrupts the user with important content and expects a response",
|
|
169
|
-
"dependencies": [
|
|
249
|
+
"dependencies": [
|
|
250
|
+
"@radix-ui/react-alert-dialog"
|
|
251
|
+
],
|
|
170
252
|
"devDependencies": [],
|
|
171
253
|
"registryDependencies": [],
|
|
172
|
-
"files": [
|
|
254
|
+
"files": [
|
|
255
|
+
"AlertDialog.tsx",
|
|
256
|
+
"index.ts"
|
|
257
|
+
],
|
|
173
258
|
"category": "feedback"
|
|
174
259
|
},
|
|
175
260
|
"alert": {
|
|
176
261
|
"name": "Alert",
|
|
177
262
|
"type": "feedback",
|
|
178
263
|
"description": "Displays a callout for user attention",
|
|
179
|
-
"dependencies": [
|
|
264
|
+
"dependencies": [
|
|
265
|
+
"class-variance-authority"
|
|
266
|
+
],
|
|
180
267
|
"devDependencies": [],
|
|
181
268
|
"registryDependencies": [],
|
|
182
|
-
"files": [
|
|
269
|
+
"files": [
|
|
270
|
+
"Alert.tsx",
|
|
271
|
+
"index.ts"
|
|
272
|
+
],
|
|
183
273
|
"category": "feedback"
|
|
184
274
|
},
|
|
185
275
|
"progress": {
|
|
186
276
|
"name": "Progress",
|
|
187
277
|
"type": "feedback",
|
|
188
278
|
"description": "Displays an indicator showing the completion progress of a task",
|
|
189
|
-
"dependencies": [
|
|
279
|
+
"dependencies": [
|
|
280
|
+
"@radix-ui/react-progress"
|
|
281
|
+
],
|
|
190
282
|
"devDependencies": [],
|
|
191
283
|
"registryDependencies": [],
|
|
192
|
-
"files": [
|
|
284
|
+
"files": [
|
|
285
|
+
"Progress.tsx",
|
|
286
|
+
"index.ts"
|
|
287
|
+
],
|
|
193
288
|
"category": "feedback"
|
|
194
289
|
},
|
|
195
290
|
"avatar": {
|
|
196
291
|
"name": "Avatar",
|
|
197
292
|
"type": "data-display",
|
|
198
293
|
"description": "An image element with a fallback for representing the user",
|
|
199
|
-
"dependencies": [
|
|
294
|
+
"dependencies": [
|
|
295
|
+
"@radix-ui/react-avatar"
|
|
296
|
+
],
|
|
200
297
|
"devDependencies": [],
|
|
201
298
|
"registryDependencies": [],
|
|
202
|
-
"files": [
|
|
299
|
+
"files": [
|
|
300
|
+
"Avatar.tsx",
|
|
301
|
+
"index.ts"
|
|
302
|
+
],
|
|
203
303
|
"category": "data-display"
|
|
204
304
|
},
|
|
205
305
|
"hover-card": {
|
|
206
306
|
"name": "Hover Card",
|
|
207
307
|
"type": "data-display",
|
|
208
308
|
"description": "For sighted users to preview content available behind a link",
|
|
209
|
-
"dependencies": [
|
|
309
|
+
"dependencies": [
|
|
310
|
+
"@radix-ui/react-hover-card"
|
|
311
|
+
],
|
|
210
312
|
"devDependencies": [],
|
|
211
313
|
"registryDependencies": [],
|
|
212
|
-
"files": [
|
|
314
|
+
"files": [
|
|
315
|
+
"HoverCard.tsx",
|
|
316
|
+
"index.ts"
|
|
317
|
+
],
|
|
213
318
|
"category": "data-display"
|
|
214
319
|
},
|
|
215
320
|
"dropdown-menu": {
|
|
216
321
|
"name": "Dropdown Menu",
|
|
217
322
|
"type": "navigation",
|
|
218
323
|
"description": "Displays a menu to the user triggered by a button",
|
|
219
|
-
"dependencies": [
|
|
324
|
+
"dependencies": [
|
|
325
|
+
"@radix-ui/react-dropdown-menu"
|
|
326
|
+
],
|
|
220
327
|
"devDependencies": [],
|
|
221
328
|
"registryDependencies": [],
|
|
222
|
-
"files": [
|
|
329
|
+
"files": [
|
|
330
|
+
"DropdownMenu.tsx",
|
|
331
|
+
"index.ts"
|
|
332
|
+
],
|
|
223
333
|
"category": "navigation"
|
|
224
334
|
},
|
|
225
335
|
"navigation-menu": {
|
|
226
336
|
"name": "Navigation Menu",
|
|
227
337
|
"type": "navigation",
|
|
228
338
|
"description": "A collection of links for navigating websites",
|
|
229
|
-
"dependencies": [
|
|
339
|
+
"dependencies": [
|
|
340
|
+
"@radix-ui/react-navigation-menu"
|
|
341
|
+
],
|
|
230
342
|
"devDependencies": [],
|
|
231
343
|
"registryDependencies": [],
|
|
232
|
-
"files": [
|
|
344
|
+
"files": [
|
|
345
|
+
"NavigationMenu.tsx",
|
|
346
|
+
"index.ts"
|
|
347
|
+
],
|
|
233
348
|
"category": "navigation"
|
|
234
349
|
},
|
|
235
350
|
"breadcrumb": {
|
|
236
351
|
"name": "Breadcrumb",
|
|
237
352
|
"type": "navigation",
|
|
238
353
|
"description": "Displays the path to the current resource using a hierarchy of links",
|
|
239
|
-
"dependencies": [
|
|
354
|
+
"dependencies": [
|
|
355
|
+
"lucide-react"
|
|
356
|
+
],
|
|
240
357
|
"devDependencies": [],
|
|
241
358
|
"registryDependencies": [],
|
|
242
|
-
"files": [
|
|
359
|
+
"files": [
|
|
360
|
+
"Breadcrumb.tsx",
|
|
361
|
+
"index.ts"
|
|
362
|
+
],
|
|
243
363
|
"category": "navigation"
|
|
244
364
|
},
|
|
245
365
|
"menubar": {
|
|
246
366
|
"name": "Menubar",
|
|
247
367
|
"type": "navigation",
|
|
248
368
|
"description": "A visually persistent menu common in desktop applications",
|
|
249
|
-
"dependencies": [
|
|
369
|
+
"dependencies": [
|
|
370
|
+
"@radix-ui/react-menubar"
|
|
371
|
+
],
|
|
250
372
|
"devDependencies": [],
|
|
251
373
|
"registryDependencies": [],
|
|
252
|
-
"files": [
|
|
374
|
+
"files": [
|
|
375
|
+
"Menubar.tsx",
|
|
376
|
+
"index.ts"
|
|
377
|
+
],
|
|
253
378
|
"category": "navigation"
|
|
254
379
|
},
|
|
255
380
|
"context-menu": {
|
|
256
381
|
"name": "Context Menu",
|
|
257
382
|
"type": "navigation",
|
|
258
383
|
"description": "Displays a menu to the user triggered by right-click or long-press",
|
|
259
|
-
"dependencies": [
|
|
384
|
+
"dependencies": [
|
|
385
|
+
"@radix-ui/react-context-menu"
|
|
386
|
+
],
|
|
260
387
|
"devDependencies": [],
|
|
261
388
|
"registryDependencies": [],
|
|
262
|
-
"files": [
|
|
389
|
+
"files": [
|
|
390
|
+
"ContextMenu.tsx",
|
|
391
|
+
"index.ts"
|
|
392
|
+
],
|
|
263
393
|
"category": "navigation"
|
|
264
394
|
},
|
|
265
395
|
"popover": {
|
|
266
396
|
"name": "Popover",
|
|
267
397
|
"type": "navigation",
|
|
268
398
|
"description": "Displays rich content in a portal, triggered by a button",
|
|
269
|
-
"dependencies": [
|
|
399
|
+
"dependencies": [
|
|
400
|
+
"@radix-ui/react-popover"
|
|
401
|
+
],
|
|
270
402
|
"devDependencies": [],
|
|
271
403
|
"registryDependencies": [],
|
|
272
|
-
"files": [
|
|
404
|
+
"files": [
|
|
405
|
+
"Popover.tsx",
|
|
406
|
+
"index.ts"
|
|
407
|
+
],
|
|
273
408
|
"category": "navigation"
|
|
274
409
|
},
|
|
275
410
|
"tooltip": {
|
|
276
411
|
"name": "Tooltip",
|
|
277
412
|
"type": "navigation",
|
|
278
413
|
"description": "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it",
|
|
279
|
-
"dependencies": [
|
|
414
|
+
"dependencies": [
|
|
415
|
+
"@radix-ui/react-tooltip"
|
|
416
|
+
],
|
|
280
417
|
"devDependencies": [],
|
|
281
418
|
"registryDependencies": [],
|
|
282
|
-
"files": [
|
|
419
|
+
"files": [
|
|
420
|
+
"Tooltip.tsx",
|
|
421
|
+
"index.ts"
|
|
422
|
+
],
|
|
283
423
|
"category": "navigation"
|
|
284
424
|
},
|
|
285
425
|
"line-chart": {
|
|
286
426
|
"name": "LineChart",
|
|
287
427
|
"type": "chart",
|
|
288
428
|
"description": "Display data as a responsive line chart with smooth curves and customizable styling",
|
|
289
|
-
"dependencies": [
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
429
|
+
"dependencies": [
|
|
430
|
+
"echarts-for-react",
|
|
431
|
+
"echarts"
|
|
432
|
+
],
|
|
433
|
+
"devDependencies": [],
|
|
434
|
+
"registryDependencies": [],
|
|
435
|
+
"files": [
|
|
436
|
+
"LineChart.tsx",
|
|
437
|
+
"types.ts",
|
|
438
|
+
"utils.ts",
|
|
439
|
+
"index.ts"
|
|
440
|
+
],
|
|
293
441
|
"category": "charts"
|
|
294
442
|
},
|
|
295
443
|
"bar-chart": {
|
|
296
444
|
"name": "BarChart",
|
|
297
445
|
"type": "chart",
|
|
298
446
|
"description": "Display data as vertical or horizontal bars with support for stacked and grouped layouts",
|
|
299
|
-
"dependencies": [
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
447
|
+
"dependencies": [
|
|
448
|
+
"echarts-for-react",
|
|
449
|
+
"echarts"
|
|
450
|
+
],
|
|
451
|
+
"devDependencies": [],
|
|
452
|
+
"registryDependencies": [],
|
|
453
|
+
"files": [
|
|
454
|
+
"BarChart.tsx",
|
|
455
|
+
"types.ts",
|
|
456
|
+
"utils.ts",
|
|
457
|
+
"index.ts"
|
|
458
|
+
],
|
|
303
459
|
"category": "charts"
|
|
304
460
|
},
|
|
305
461
|
"pie-chart": {
|
|
306
462
|
"name": "PieChart",
|
|
307
463
|
"type": "chart",
|
|
308
464
|
"description": "Display proportional data as a pie or donut chart with customizable labels and legend",
|
|
309
|
-
"dependencies": [
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
465
|
+
"dependencies": [
|
|
466
|
+
"echarts-for-react",
|
|
467
|
+
"echarts"
|
|
468
|
+
],
|
|
469
|
+
"devDependencies": [],
|
|
470
|
+
"registryDependencies": [],
|
|
471
|
+
"files": [
|
|
472
|
+
"PieChart.tsx",
|
|
473
|
+
"types.ts",
|
|
474
|
+
"utils.ts",
|
|
475
|
+
"index.ts"
|
|
476
|
+
],
|
|
313
477
|
"category": "charts"
|
|
314
478
|
},
|
|
315
479
|
"donut-chart": {
|
|
316
480
|
"name": "DonutChart",
|
|
317
481
|
"type": "chart",
|
|
318
482
|
"description": "Display proportional data as a donut chart with a hollow center",
|
|
319
|
-
"dependencies": [
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
483
|
+
"dependencies": [
|
|
484
|
+
"vue-echarts",
|
|
485
|
+
"echarts"
|
|
486
|
+
],
|
|
487
|
+
"devDependencies": [],
|
|
488
|
+
"registryDependencies": [],
|
|
489
|
+
"files": [
|
|
490
|
+
"DonutChart.tsx",
|
|
491
|
+
"types.ts",
|
|
492
|
+
"utils.ts",
|
|
493
|
+
"index.ts"
|
|
494
|
+
],
|
|
323
495
|
"category": "charts"
|
|
324
496
|
},
|
|
325
497
|
"area-chart": {
|
|
326
498
|
"name": "AreaChart",
|
|
327
499
|
"type": "chart",
|
|
328
500
|
"description": "Visualize cumulative totals over time with filled areas and gradient support",
|
|
329
|
-
"dependencies": [
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
501
|
+
"dependencies": [
|
|
502
|
+
"echarts-for-react",
|
|
503
|
+
"echarts"
|
|
504
|
+
],
|
|
505
|
+
"devDependencies": [],
|
|
506
|
+
"registryDependencies": [],
|
|
507
|
+
"files": [
|
|
508
|
+
"AreaChart.tsx",
|
|
509
|
+
"types.ts",
|
|
510
|
+
"utils.ts",
|
|
511
|
+
"index.ts"
|
|
512
|
+
],
|
|
333
513
|
"category": "charts"
|
|
334
514
|
},
|
|
335
515
|
"radar-chart": {
|
|
336
516
|
"name": "RadarChart",
|
|
337
517
|
"type": "chart",
|
|
338
518
|
"description": "Display multi-dimensional data comparison on a radial grid",
|
|
339
|
-
"dependencies": [
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
519
|
+
"dependencies": [
|
|
520
|
+
"echarts-for-react",
|
|
521
|
+
"echarts"
|
|
522
|
+
],
|
|
523
|
+
"devDependencies": [],
|
|
524
|
+
"registryDependencies": [],
|
|
525
|
+
"files": [
|
|
526
|
+
"RadarChart.tsx",
|
|
527
|
+
"types.ts",
|
|
528
|
+
"utils.ts",
|
|
529
|
+
"index.ts"
|
|
530
|
+
],
|
|
343
531
|
"category": "charts"
|
|
344
532
|
},
|
|
345
533
|
"scatter-chart": {
|
|
346
534
|
"name": "ScatterChart",
|
|
347
535
|
"type": "chart",
|
|
348
536
|
"description": "Display distribution and correlation analysis with scatter plots",
|
|
349
|
-
"dependencies": [
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
537
|
+
"dependencies": [
|
|
538
|
+
"echarts-for-react",
|
|
539
|
+
"echarts"
|
|
540
|
+
],
|
|
541
|
+
"devDependencies": [],
|
|
542
|
+
"registryDependencies": [],
|
|
543
|
+
"files": [
|
|
544
|
+
"ScatterChart.tsx",
|
|
545
|
+
"types.ts",
|
|
546
|
+
"utils.ts",
|
|
547
|
+
"index.ts"
|
|
548
|
+
],
|
|
353
549
|
"category": "charts"
|
|
354
550
|
},
|
|
355
551
|
"mixed-chart": {
|
|
356
552
|
"name": "MixedChart",
|
|
357
553
|
"type": "chart",
|
|
358
554
|
"description": "Combine multiple chart types (line, bar, area) in a single visualization",
|
|
359
|
-
"dependencies": [
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
555
|
+
"dependencies": [
|
|
556
|
+
"echarts-for-react",
|
|
557
|
+
"echarts"
|
|
558
|
+
],
|
|
559
|
+
"devDependencies": [],
|
|
560
|
+
"registryDependencies": [],
|
|
561
|
+
"files": [
|
|
562
|
+
"MixedChart.tsx",
|
|
563
|
+
"types.ts",
|
|
564
|
+
"utils.ts",
|
|
565
|
+
"index.ts"
|
|
566
|
+
],
|
|
363
567
|
"category": "charts"
|
|
364
568
|
},
|
|
365
569
|
"scroll-area": {
|
|
366
570
|
"name": "Scroll Area",
|
|
367
571
|
"type": "layout",
|
|
368
572
|
"description": "Augments native scroll functionality for custom, cross-browser styling",
|
|
369
|
-
"dependencies": [
|
|
573
|
+
"dependencies": [
|
|
574
|
+
"@radix-ui/react-scroll-area"
|
|
575
|
+
],
|
|
370
576
|
"devDependencies": [],
|
|
371
577
|
"registryDependencies": [],
|
|
372
|
-
"files": [
|
|
578
|
+
"files": [
|
|
579
|
+
"ScrollArea.tsx",
|
|
580
|
+
"index.ts"
|
|
581
|
+
],
|
|
373
582
|
"category": "layout"
|
|
374
583
|
},
|
|
375
584
|
"aspect-ratio": {
|
|
376
585
|
"name": "Aspect Ratio",
|
|
377
586
|
"type": "layout",
|
|
378
587
|
"description": "Displays content within a desired aspect ratio",
|
|
379
|
-
"dependencies": [
|
|
588
|
+
"dependencies": [
|
|
589
|
+
"@radix-ui/react-aspect-ratio"
|
|
590
|
+
],
|
|
380
591
|
"devDependencies": [],
|
|
381
592
|
"registryDependencies": [],
|
|
382
|
-
"files": [
|
|
593
|
+
"files": [
|
|
594
|
+
"AspectRatio.tsx",
|
|
595
|
+
"index.ts"
|
|
596
|
+
],
|
|
383
597
|
"category": "layout"
|
|
384
598
|
},
|
|
385
599
|
"toggle": {
|
|
386
600
|
"name": "Toggle",
|
|
387
601
|
"type": "interactive",
|
|
388
602
|
"description": "A two-state button that can be either on or off",
|
|
389
|
-
"dependencies": [
|
|
603
|
+
"dependencies": [
|
|
604
|
+
"@radix-ui/react-toggle",
|
|
605
|
+
"class-variance-authority"
|
|
606
|
+
],
|
|
390
607
|
"devDependencies": [],
|
|
391
608
|
"registryDependencies": [],
|
|
392
|
-
"files": [
|
|
609
|
+
"files": [
|
|
610
|
+
"Toggle.tsx",
|
|
611
|
+
"index.ts"
|
|
612
|
+
],
|
|
393
613
|
"category": "interactive"
|
|
394
614
|
},
|
|
395
615
|
"toggle-group": {
|
|
396
616
|
"name": "Toggle Group",
|
|
397
617
|
"type": "interactive",
|
|
398
618
|
"description": "A set of two-state buttons that can be toggled on or off",
|
|
399
|
-
"dependencies": [
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
619
|
+
"dependencies": [
|
|
620
|
+
"@radix-ui/react-toggle-group",
|
|
621
|
+
"class-variance-authority"
|
|
622
|
+
],
|
|
623
|
+
"devDependencies": [],
|
|
624
|
+
"registryDependencies": [
|
|
625
|
+
"toggle"
|
|
626
|
+
],
|
|
627
|
+
"files": [
|
|
628
|
+
"ToggleGroup.tsx",
|
|
629
|
+
"index.ts"
|
|
630
|
+
],
|
|
403
631
|
"category": "interactive"
|
|
404
632
|
},
|
|
405
633
|
"resizable": {
|
|
406
634
|
"name": "Resizable",
|
|
407
635
|
"type": "layout",
|
|
408
636
|
"description": "Accessible resizable panel groups and layouts with keyboard support",
|
|
409
|
-
"dependencies": [
|
|
637
|
+
"dependencies": [
|
|
638
|
+
"react-resizable-panels"
|
|
639
|
+
],
|
|
410
640
|
"devDependencies": [],
|
|
411
641
|
"registryDependencies": [],
|
|
412
|
-
"files": [
|
|
642
|
+
"files": [
|
|
643
|
+
"Resizable.tsx",
|
|
644
|
+
"index.ts"
|
|
645
|
+
],
|
|
413
646
|
"category": "layout"
|
|
414
647
|
},
|
|
415
648
|
"empty": {
|
|
@@ -419,7 +652,10 @@
|
|
|
419
652
|
"dependencies": [],
|
|
420
653
|
"devDependencies": [],
|
|
421
654
|
"registryDependencies": [],
|
|
422
|
-
"files": [
|
|
655
|
+
"files": [
|
|
656
|
+
"Empty.tsx",
|
|
657
|
+
"index.ts"
|
|
658
|
+
],
|
|
423
659
|
"category": "feedback"
|
|
424
660
|
},
|
|
425
661
|
"skeleton": {
|
|
@@ -429,27 +665,40 @@
|
|
|
429
665
|
"dependencies": [],
|
|
430
666
|
"devDependencies": [],
|
|
431
667
|
"registryDependencies": [],
|
|
432
|
-
"files": [
|
|
668
|
+
"files": [
|
|
669
|
+
"Skeleton.tsx",
|
|
670
|
+
"index.ts"
|
|
671
|
+
],
|
|
433
672
|
"category": "feedback"
|
|
434
673
|
},
|
|
435
674
|
"badge": {
|
|
436
675
|
"name": "Badge",
|
|
437
676
|
"type": "feedback",
|
|
438
677
|
"description": "Displays a badge or a component that looks like a badge",
|
|
439
|
-
"dependencies": [
|
|
678
|
+
"dependencies": [
|
|
679
|
+
"class-variance-authority"
|
|
680
|
+
],
|
|
440
681
|
"devDependencies": [],
|
|
441
682
|
"registryDependencies": [],
|
|
442
|
-
"files": [
|
|
683
|
+
"files": [
|
|
684
|
+
"Badge.tsx",
|
|
685
|
+
"index.ts"
|
|
686
|
+
],
|
|
443
687
|
"category": "feedback"
|
|
444
688
|
},
|
|
445
689
|
"toast": {
|
|
446
690
|
"name": "Toast",
|
|
447
691
|
"type": "feedback",
|
|
448
692
|
"description": "A succinct message that is displayed temporarily",
|
|
449
|
-
"dependencies": [
|
|
693
|
+
"dependencies": [
|
|
694
|
+
"sonner"
|
|
695
|
+
],
|
|
450
696
|
"devDependencies": [],
|
|
451
697
|
"registryDependencies": [],
|
|
452
|
-
"files": [
|
|
698
|
+
"files": [
|
|
699
|
+
"Toast.tsx",
|
|
700
|
+
"index.ts"
|
|
701
|
+
],
|
|
453
702
|
"category": "feedback"
|
|
454
703
|
},
|
|
455
704
|
"kbd": {
|
|
@@ -459,7 +708,10 @@
|
|
|
459
708
|
"dependencies": [],
|
|
460
709
|
"devDependencies": [],
|
|
461
710
|
"registryDependencies": [],
|
|
462
|
-
"files": [
|
|
711
|
+
"files": [
|
|
712
|
+
"Kbd.tsx",
|
|
713
|
+
"index.ts"
|
|
714
|
+
],
|
|
463
715
|
"category": "data-display"
|
|
464
716
|
},
|
|
465
717
|
"typography": {
|
|
@@ -469,17 +721,25 @@
|
|
|
469
721
|
"dependencies": [],
|
|
470
722
|
"devDependencies": [],
|
|
471
723
|
"registryDependencies": [],
|
|
472
|
-
"files": [
|
|
724
|
+
"files": [
|
|
725
|
+
"Typography.tsx",
|
|
726
|
+
"index.ts"
|
|
727
|
+
],
|
|
473
728
|
"category": "data-display"
|
|
474
729
|
},
|
|
475
730
|
"pagination": {
|
|
476
731
|
"name": "Pagination",
|
|
477
732
|
"type": "navigation",
|
|
478
733
|
"description": "Page navigation with previous, next, and page numbers",
|
|
479
|
-
"dependencies": [
|
|
734
|
+
"dependencies": [
|
|
735
|
+
"lucide-react"
|
|
736
|
+
],
|
|
480
737
|
"devDependencies": [],
|
|
481
738
|
"registryDependencies": [],
|
|
482
|
-
"files": [
|
|
739
|
+
"files": [
|
|
740
|
+
"Pagination.tsx",
|
|
741
|
+
"index.ts"
|
|
742
|
+
],
|
|
483
743
|
"category": "navigation"
|
|
484
744
|
},
|
|
485
745
|
"table": {
|
|
@@ -489,98 +749,200 @@
|
|
|
489
749
|
"dependencies": [],
|
|
490
750
|
"devDependencies": [],
|
|
491
751
|
"registryDependencies": [],
|
|
492
|
-
"files": [
|
|
752
|
+
"files": [
|
|
753
|
+
"Table.tsx",
|
|
754
|
+
"index.ts"
|
|
755
|
+
],
|
|
493
756
|
"category": "data-display"
|
|
494
757
|
},
|
|
495
758
|
"calendar": {
|
|
496
759
|
"name": "Calendar",
|
|
497
760
|
"type": "form",
|
|
498
761
|
"description": "A date picker calendar component",
|
|
499
|
-
"dependencies": [
|
|
762
|
+
"dependencies": [
|
|
763
|
+
"react-day-picker",
|
|
764
|
+
"lucide-react"
|
|
765
|
+
],
|
|
500
766
|
"devDependencies": [],
|
|
501
767
|
"registryDependencies": [],
|
|
502
|
-
"files": [
|
|
768
|
+
"files": [
|
|
769
|
+
"Calendar.tsx",
|
|
770
|
+
"index.ts"
|
|
771
|
+
],
|
|
503
772
|
"category": "form"
|
|
504
773
|
},
|
|
505
774
|
"calendar-range": {
|
|
506
775
|
"name": "Calendar Range",
|
|
507
776
|
"type": "form",
|
|
508
777
|
"description": "A date range picker calendar component",
|
|
509
|
-
"dependencies": [
|
|
778
|
+
"dependencies": [
|
|
779
|
+
"react-day-picker",
|
|
780
|
+
"lucide-react"
|
|
781
|
+
],
|
|
510
782
|
"devDependencies": [],
|
|
511
783
|
"registryDependencies": [],
|
|
512
|
-
"files": [
|
|
784
|
+
"files": [
|
|
785
|
+
"CalendarRange.tsx",
|
|
786
|
+
"index.ts"
|
|
787
|
+
],
|
|
513
788
|
"category": "form"
|
|
514
789
|
},
|
|
515
790
|
"command": {
|
|
516
791
|
"name": "Command",
|
|
517
792
|
"type": "navigation",
|
|
518
793
|
"description": "Command palette for keyboard-first navigation and search",
|
|
519
|
-
"dependencies": [
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
794
|
+
"dependencies": [
|
|
795
|
+
"cmdk",
|
|
796
|
+
"lucide-react"
|
|
797
|
+
],
|
|
798
|
+
"devDependencies": [],
|
|
799
|
+
"registryDependencies": [
|
|
800
|
+
"dialog"
|
|
801
|
+
],
|
|
802
|
+
"files": [
|
|
803
|
+
"Command.tsx",
|
|
804
|
+
"index.ts"
|
|
805
|
+
],
|
|
523
806
|
"category": "navigation"
|
|
524
807
|
},
|
|
525
808
|
"sheet": {
|
|
526
809
|
"name": "Sheet",
|
|
527
810
|
"type": "layout",
|
|
528
811
|
"description": "Slide-over panel that slides in from the edge of the screen",
|
|
529
|
-
"dependencies": [
|
|
812
|
+
"dependencies": [
|
|
813
|
+
"@radix-ui/react-dialog",
|
|
814
|
+
"class-variance-authority",
|
|
815
|
+
"lucide-react"
|
|
816
|
+
],
|
|
530
817
|
"devDependencies": [],
|
|
531
818
|
"registryDependencies": [],
|
|
532
|
-
"files": [
|
|
819
|
+
"files": [
|
|
820
|
+
"Sheet.tsx",
|
|
821
|
+
"index.ts"
|
|
822
|
+
],
|
|
533
823
|
"category": "layout"
|
|
534
824
|
},
|
|
535
825
|
"toolbar": {
|
|
536
826
|
"name": "Toolbar",
|
|
537
827
|
"type": "layout",
|
|
538
828
|
"description": "A container for grouping a set of controls",
|
|
539
|
-
"dependencies": [
|
|
829
|
+
"dependencies": [
|
|
830
|
+
"@radix-ui/react-toolbar"
|
|
831
|
+
],
|
|
540
832
|
"devDependencies": [],
|
|
541
833
|
"registryDependencies": [],
|
|
542
|
-
"files": [
|
|
834
|
+
"files": [
|
|
835
|
+
"Toolbar.tsx",
|
|
836
|
+
"index.ts"
|
|
837
|
+
],
|
|
543
838
|
"category": "layout"
|
|
544
839
|
},
|
|
545
840
|
"tags-input": {
|
|
546
841
|
"name": "Tags Input",
|
|
547
842
|
"type": "form",
|
|
548
843
|
"description": "Input field for entering multiple tags or values",
|
|
549
|
-
"dependencies": [
|
|
844
|
+
"dependencies": [
|
|
845
|
+
"lucide-react"
|
|
846
|
+
],
|
|
550
847
|
"devDependencies": [],
|
|
551
848
|
"registryDependencies": [],
|
|
552
|
-
"files": [
|
|
849
|
+
"files": [
|
|
850
|
+
"TagsInput.tsx",
|
|
851
|
+
"index.ts"
|
|
852
|
+
],
|
|
553
853
|
"category": "form"
|
|
554
854
|
}
|
|
555
855
|
},
|
|
556
856
|
"groups": {
|
|
557
857
|
"form": {
|
|
558
858
|
"name": "Form Components",
|
|
559
|
-
"components": [
|
|
859
|
+
"components": [
|
|
860
|
+
"button",
|
|
861
|
+
"input",
|
|
862
|
+
"label",
|
|
863
|
+
"select",
|
|
864
|
+
"checkbox",
|
|
865
|
+
"radio-group",
|
|
866
|
+
"switch",
|
|
867
|
+
"slider",
|
|
868
|
+
"textarea",
|
|
869
|
+
"form",
|
|
870
|
+
"calendar",
|
|
871
|
+
"calendar-range",
|
|
872
|
+
"tags-input"
|
|
873
|
+
]
|
|
560
874
|
},
|
|
561
875
|
"layout": {
|
|
562
876
|
"name": "Layout Components",
|
|
563
|
-
"components": [
|
|
877
|
+
"components": [
|
|
878
|
+
"card",
|
|
879
|
+
"separator",
|
|
880
|
+
"accordion",
|
|
881
|
+
"tabs",
|
|
882
|
+
"dialog",
|
|
883
|
+
"collapsible",
|
|
884
|
+
"scroll-area",
|
|
885
|
+
"aspect-ratio",
|
|
886
|
+
"resizable",
|
|
887
|
+
"sheet",
|
|
888
|
+
"toolbar"
|
|
889
|
+
]
|
|
564
890
|
},
|
|
565
891
|
"interactive": {
|
|
566
892
|
"name": "Interactive Components",
|
|
567
|
-
"components": [
|
|
893
|
+
"components": [
|
|
894
|
+
"toggle",
|
|
895
|
+
"toggle-group"
|
|
896
|
+
]
|
|
568
897
|
},
|
|
569
898
|
"feedback": {
|
|
570
899
|
"name": "Feedback Components",
|
|
571
|
-
"components": [
|
|
900
|
+
"components": [
|
|
901
|
+
"alert-dialog",
|
|
902
|
+
"alert",
|
|
903
|
+
"progress",
|
|
904
|
+
"empty",
|
|
905
|
+
"skeleton",
|
|
906
|
+
"badge",
|
|
907
|
+
"toast"
|
|
908
|
+
]
|
|
572
909
|
},
|
|
573
910
|
"data-display": {
|
|
574
911
|
"name": "Data Display Components",
|
|
575
|
-
"components": [
|
|
912
|
+
"components": [
|
|
913
|
+
"avatar",
|
|
914
|
+
"hover-card",
|
|
915
|
+
"kbd",
|
|
916
|
+
"typography",
|
|
917
|
+
"table"
|
|
918
|
+
]
|
|
576
919
|
},
|
|
577
920
|
"navigation": {
|
|
578
921
|
"name": "Navigation Components",
|
|
579
|
-
"components": [
|
|
922
|
+
"components": [
|
|
923
|
+
"dropdown-menu",
|
|
924
|
+
"navigation-menu",
|
|
925
|
+
"breadcrumb",
|
|
926
|
+
"menubar",
|
|
927
|
+
"context-menu",
|
|
928
|
+
"popover",
|
|
929
|
+
"tooltip",
|
|
930
|
+
"pagination",
|
|
931
|
+
"command"
|
|
932
|
+
]
|
|
580
933
|
},
|
|
581
934
|
"charts": {
|
|
582
935
|
"name": "Chart Components",
|
|
583
|
-
"components": [
|
|
936
|
+
"components": [
|
|
937
|
+
"line-chart",
|
|
938
|
+
"bar-chart",
|
|
939
|
+
"pie-chart",
|
|
940
|
+
"donut-chart",
|
|
941
|
+
"area-chart",
|
|
942
|
+
"radar-chart",
|
|
943
|
+
"scatter-chart",
|
|
944
|
+
"mixed-chart"
|
|
945
|
+
]
|
|
584
946
|
}
|
|
585
947
|
}
|
|
586
|
-
}
|
|
948
|
+
}
|