galaxy-design 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +320 -0
- package/dist/bin.js +11 -0
- package/dist/bin.js.map +1 -0
- package/dist/commands/add.js +252 -0
- package/dist/commands/add.js.map +1 -0
- package/dist/commands/init-old.js +159 -0
- package/dist/commands/init-old.js.map +1 -0
- package/dist/commands/init.js +266 -0
- package/dist/commands/init.js.map +1 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/cli.js +5 -0
- package/dist/lib/cli.js.map +1 -0
- package/dist/registries/blocks-angular.json +89 -0
- package/dist/registries/blocks-flutter.json +60 -0
- package/dist/registries/blocks-react-native.json +60 -0
- package/dist/registries/blocks-react.json +89 -0
- package/dist/registries/blocks-vue.json +89 -0
- package/dist/registries/registry-angular.json +557 -0
- package/dist/registries/registry-flutter.json +491 -0
- package/dist/registries/registry-flutter.json.old +258 -0
- package/dist/registries/registry-react-native.json +491 -0
- package/dist/registries/registry-react-native.json.old +379 -0
- package/dist/registries/registry-react.json +526 -0
- package/dist/registries/registry-vue.json +586 -0
- package/dist/registry.json +460 -0
- package/dist/schemas/components-schema.json +91 -0
- package/dist/templates/tailwind.config.template +45 -0
- package/dist/templates/utils.ts.template +11 -0
- package/dist/utils/component-copier.js +207 -0
- package/dist/utils/component-copier.js.map +1 -0
- package/dist/utils/components-config.js +58 -0
- package/dist/utils/components-config.js.map +1 -0
- package/dist/utils/config-schema.js +221 -0
- package/dist/utils/config-schema.js.map +1 -0
- package/dist/utils/config.js +88 -0
- package/dist/utils/config.js.map +1 -0
- package/dist/utils/detect.js +86 -0
- package/dist/utils/detect.js.map +1 -0
- package/dist/utils/files.js +52 -0
- package/dist/utils/files.js.map +1 -0
- package/dist/utils/framework-registry.js +133 -0
- package/dist/utils/framework-registry.js.map +1 -0
- package/dist/utils/github-fetcher.js +120 -0
- package/dist/utils/github-fetcher.js.map +1 -0
- package/dist/utils/index.js +12 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/package-manager.js +173 -0
- package/dist/utils/package-manager.js.map +1 -0
- package/dist/utils/platform-detector.js +176 -0
- package/dist/utils/platform-detector.js.map +1 -0
- package/dist/utils/registry-loader.js +143 -0
- package/dist/utils/registry-loader.js.map +1 -0
- package/dist/utils/registry.js +92 -0
- package/dist/utils/registry.js.map +1 -0
- package/package.json +77 -0
|
@@ -0,0 +1,557 @@
|
|
|
1
|
+
{
|
|
2
|
+
"components": {
|
|
3
|
+
"button": {
|
|
4
|
+
"name": "Button",
|
|
5
|
+
"selector": "gButton",
|
|
6
|
+
"type": "form",
|
|
7
|
+
"description": "Versatile button with 6 status variants and 5 sizes",
|
|
8
|
+
"files": ["button.component.ts", "index.ts", "variants.ts"],
|
|
9
|
+
"dependencies": ["@radix-ng/primitives", "class-variance-authority"],
|
|
10
|
+
"devDependencies": [],
|
|
11
|
+
"peerDependencies": ["lucide-angular"],
|
|
12
|
+
"exports": ["ButtonDirective"],
|
|
13
|
+
"category": "form"
|
|
14
|
+
},
|
|
15
|
+
"input": {
|
|
16
|
+
"name": "Input",
|
|
17
|
+
"selector": "g-input",
|
|
18
|
+
"type": "form",
|
|
19
|
+
"description": "Text input with label, hints, and error messages",
|
|
20
|
+
"files": ["index.ts", "input.component.ts"],
|
|
21
|
+
"dependencies": [],
|
|
22
|
+
"devDependencies": [],
|
|
23
|
+
"peerDependencies": ["lucide-angular"],
|
|
24
|
+
"exports": ["InputComponent"],
|
|
25
|
+
"category": "form"
|
|
26
|
+
},
|
|
27
|
+
"label": {
|
|
28
|
+
"name": "Label",
|
|
29
|
+
"selector": "ui-label",
|
|
30
|
+
"type": "form",
|
|
31
|
+
"description": "Accessible form label component",
|
|
32
|
+
"files": ["index.ts", "label.component.ts"],
|
|
33
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
34
|
+
"devDependencies": [],
|
|
35
|
+
"peerDependencies": [],
|
|
36
|
+
"exports": ["LabelComponent"],
|
|
37
|
+
"category": "form"
|
|
38
|
+
},
|
|
39
|
+
"checkbox": {
|
|
40
|
+
"name": "Checkbox",
|
|
41
|
+
"selector": "g-checkbox",
|
|
42
|
+
"type": "form",
|
|
43
|
+
"description": "Checkbox with indeterminate state support",
|
|
44
|
+
"files": ["checkbox.component.ts", "index.ts"],
|
|
45
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
46
|
+
"devDependencies": [],
|
|
47
|
+
"peerDependencies": ["lucide-angular"],
|
|
48
|
+
"exports": ["CheckboxComponent"],
|
|
49
|
+
"category": "form"
|
|
50
|
+
},
|
|
51
|
+
"select": {
|
|
52
|
+
"name": "Select",
|
|
53
|
+
"selector": "g-select",
|
|
54
|
+
"type": "form",
|
|
55
|
+
"description": "Custom dropdown with search functionality",
|
|
56
|
+
"files": ["index.ts", "select.component.ts"],
|
|
57
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
58
|
+
"devDependencies": [],
|
|
59
|
+
"peerDependencies": ["lucide-angular"],
|
|
60
|
+
"exports": ["SelectComponent", "SelectItemComponent"],
|
|
61
|
+
"category": "form"
|
|
62
|
+
},
|
|
63
|
+
"radio-group": {
|
|
64
|
+
"name": "Radio Group",
|
|
65
|
+
"selector": "g-radio-group",
|
|
66
|
+
"type": "form",
|
|
67
|
+
"description": "Radio button group with single selection",
|
|
68
|
+
"files": ["index.ts", "radio-group.component.ts"],
|
|
69
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
70
|
+
"peerDependencies": [],
|
|
71
|
+
"exports": ["RadioGroupComponent"]
|
|
72
|
+
},
|
|
73
|
+
"switch": {
|
|
74
|
+
"name": "Switch",
|
|
75
|
+
"selector": "g-switch",
|
|
76
|
+
"type": "form",
|
|
77
|
+
"description": "Toggle switch with smooth animation",
|
|
78
|
+
"files": ["index.ts", "switch.component.ts"],
|
|
79
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
80
|
+
"peerDependencies": [],
|
|
81
|
+
"exports": ["SwitchComponent"]
|
|
82
|
+
},
|
|
83
|
+
"slider": {
|
|
84
|
+
"name": "Slider",
|
|
85
|
+
"selector": "g-slider",
|
|
86
|
+
"type": "form",
|
|
87
|
+
"description": "Range slider with min/max and step support",
|
|
88
|
+
"files": ["index.ts", "slider.component.ts"],
|
|
89
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
90
|
+
"peerDependencies": [],
|
|
91
|
+
"exports": ["SliderComponent"]
|
|
92
|
+
},
|
|
93
|
+
"textarea": {
|
|
94
|
+
"name": "Textarea",
|
|
95
|
+
"selector": "g-textarea",
|
|
96
|
+
"type": "form",
|
|
97
|
+
"description": "Multi-line text input component",
|
|
98
|
+
"files": ["index.ts", "textarea.component.ts"],
|
|
99
|
+
"dependencies": [],
|
|
100
|
+
"peerDependencies": [],
|
|
101
|
+
"exports": ["TextareaComponent"]
|
|
102
|
+
},
|
|
103
|
+
"accordion": {
|
|
104
|
+
"name": "Accordion",
|
|
105
|
+
"selector": "g-accordion",
|
|
106
|
+
"type": "layout",
|
|
107
|
+
"description": "Collapsible sections with expand/collapse",
|
|
108
|
+
"files": ["accordion.component.ts", "index.ts"],
|
|
109
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
110
|
+
"peerDependencies": ["lucide-angular"],
|
|
111
|
+
"exports": ["AccordionComponent", "AccordionItemComponent"]
|
|
112
|
+
},
|
|
113
|
+
"collapsible": {
|
|
114
|
+
"name": "Collapsible",
|
|
115
|
+
"selector": "g-collapsible",
|
|
116
|
+
"type": "layout",
|
|
117
|
+
"description": "Collapsible content panel",
|
|
118
|
+
"files": ["collapsible.component.ts", "index.ts"],
|
|
119
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
120
|
+
"peerDependencies": [],
|
|
121
|
+
"exports": ["CollapsibleComponent"]
|
|
122
|
+
},
|
|
123
|
+
"separator": {
|
|
124
|
+
"name": "Separator",
|
|
125
|
+
"selector": "g-separator",
|
|
126
|
+
"type": "layout",
|
|
127
|
+
"description": "Horizontal or vertical separator",
|
|
128
|
+
"files": ["index.ts", "separator.component.ts"],
|
|
129
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
130
|
+
"peerDependencies": [],
|
|
131
|
+
"exports": ["SeparatorComponent"]
|
|
132
|
+
},
|
|
133
|
+
"tabs": {
|
|
134
|
+
"name": "Tabs",
|
|
135
|
+
"selector": "g-tabs",
|
|
136
|
+
"type": "navigation",
|
|
137
|
+
"description": "Tabbed content organization",
|
|
138
|
+
"files": ["index.ts", "tabs.component.ts"],
|
|
139
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
140
|
+
"peerDependencies": ["lucide-angular"],
|
|
141
|
+
"exports": ["TabsComponent", "TabComponent", "TabPanelComponent"]
|
|
142
|
+
},
|
|
143
|
+
"dropdown-menu": {
|
|
144
|
+
"name": "Dropdown Menu",
|
|
145
|
+
"selector": "g-dropdown-menu",
|
|
146
|
+
"type": "navigation",
|
|
147
|
+
"description": "Action menus and context menus",
|
|
148
|
+
"files": ["dropdown-menu.component.ts", "index.ts"],
|
|
149
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
150
|
+
"peerDependencies": ["lucide-angular"],
|
|
151
|
+
"exports": ["DropdownMenuComponent", "DropdownMenuItemComponent"]
|
|
152
|
+
},
|
|
153
|
+
"menubar": {
|
|
154
|
+
"name": "Menubar",
|
|
155
|
+
"selector": "g-menubar",
|
|
156
|
+
"type": "navigation",
|
|
157
|
+
"description": "Horizontal menubar with dropdown menus",
|
|
158
|
+
"files": ["index.ts", "menubar.component.ts"],
|
|
159
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
160
|
+
"peerDependencies": [],
|
|
161
|
+
"exports": ["MenubarComponent"]
|
|
162
|
+
},
|
|
163
|
+
"navigation-menu": {
|
|
164
|
+
"name": "Navigation Menu",
|
|
165
|
+
"selector": "g-navigation-menu",
|
|
166
|
+
"type": "navigation",
|
|
167
|
+
"description": "Navigation menu with nested items",
|
|
168
|
+
"files": ["index.ts", "navigation-menu.component.ts"],
|
|
169
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
170
|
+
"peerDependencies": [],
|
|
171
|
+
"exports": ["NavigationMenuComponent"]
|
|
172
|
+
},
|
|
173
|
+
"context-menu": {
|
|
174
|
+
"name": "Context Menu",
|
|
175
|
+
"selector": "g-context-menu",
|
|
176
|
+
"type": "navigation",
|
|
177
|
+
"description": "Right-click context menu",
|
|
178
|
+
"files": ["context-menu.component.ts", "index.ts"],
|
|
179
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
180
|
+
"peerDependencies": [],
|
|
181
|
+
"exports": ["ContextMenuComponent"]
|
|
182
|
+
},
|
|
183
|
+
"popover": {
|
|
184
|
+
"name": "Popover",
|
|
185
|
+
"selector": "g-popover",
|
|
186
|
+
"type": "modal-overlay",
|
|
187
|
+
"description": "Popover component for contextual information",
|
|
188
|
+
"files": ["index.ts", "popover.component.ts"],
|
|
189
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
190
|
+
"peerDependencies": [],
|
|
191
|
+
"exports": ["PopoverComponent"]
|
|
192
|
+
},
|
|
193
|
+
"tooltip": {
|
|
194
|
+
"name": "Tooltip",
|
|
195
|
+
"selector": "g-tooltip",
|
|
196
|
+
"type": "modal-overlay",
|
|
197
|
+
"description": "Tooltip component for hover information (shadcn style)",
|
|
198
|
+
"files": ["index.ts", "tooltip.component.ts"],
|
|
199
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
200
|
+
"peerDependencies": [],
|
|
201
|
+
"exports": ["TooltipComponent"]
|
|
202
|
+
},
|
|
203
|
+
"line-chart": {
|
|
204
|
+
"name": "LineChart",
|
|
205
|
+
"selector": "ui-line-chart",
|
|
206
|
+
"type": "chart",
|
|
207
|
+
"description": "Display data as a responsive line chart with smooth curves and customizable styling",
|
|
208
|
+
"files": ["charts/line-chart.component.ts", "charts/types.ts", "charts/utils.ts", "charts/index.ts"],
|
|
209
|
+
"dependencies": ["ngx-echarts", "echarts"],
|
|
210
|
+
"peerDependencies": [],
|
|
211
|
+
"exports": ["LineChartComponent"],
|
|
212
|
+
"category": "charts"
|
|
213
|
+
},
|
|
214
|
+
"bar-chart": {
|
|
215
|
+
"name": "BarChart",
|
|
216
|
+
"selector": "ui-bar-chart",
|
|
217
|
+
"type": "chart",
|
|
218
|
+
"description": "Display data as vertical or horizontal bars with support for stacked and grouped layouts",
|
|
219
|
+
"files": ["charts/bar-chart.component.ts", "charts/types.ts", "charts/utils.ts", "charts/index.ts"],
|
|
220
|
+
"dependencies": ["ngx-echarts", "echarts"],
|
|
221
|
+
"peerDependencies": [],
|
|
222
|
+
"exports": ["BarChartComponent"],
|
|
223
|
+
"category": "charts"
|
|
224
|
+
},
|
|
225
|
+
"pie-chart": {
|
|
226
|
+
"name": "PieChart",
|
|
227
|
+
"selector": "ui-pie-chart",
|
|
228
|
+
"type": "chart",
|
|
229
|
+
"description": "Display proportional data as a pie or donut chart with customizable labels and legend",
|
|
230
|
+
"files": ["charts/pie-chart.component.ts", "charts/types.ts", "charts/utils.ts", "charts/index.ts"],
|
|
231
|
+
"dependencies": ["ngx-echarts", "echarts"],
|
|
232
|
+
"peerDependencies": [],
|
|
233
|
+
"exports": ["PieChartComponent"],
|
|
234
|
+
"category": "charts"
|
|
235
|
+
},
|
|
236
|
+
"donut-chart": {
|
|
237
|
+
"name": "DonutChart",
|
|
238
|
+
"type": "chart",
|
|
239
|
+
"description": "Display proportional data as a donut chart with a hollow center",
|
|
240
|
+
"dependencies": ["vue-echarts", "echarts"],
|
|
241
|
+
"devDependencies": [],
|
|
242
|
+
"registryDependencies": [],
|
|
243
|
+
"files": ["charts/DonutChart.vue", "charts/types.ts", "charts/utils.ts", "charts/index.ts"],
|
|
244
|
+
"category": "charts"
|
|
245
|
+
},
|
|
246
|
+
"area-chart": {
|
|
247
|
+
"name": "AreaChart",
|
|
248
|
+
"selector": "ui-area-chart",
|
|
249
|
+
"type": "chart",
|
|
250
|
+
"description": "Visualize cumulative totals over time with filled areas and gradient support",
|
|
251
|
+
"files": ["charts/area-chart.component.ts", "charts/types.ts", "charts/utils.ts", "charts/index.ts"],
|
|
252
|
+
"dependencies": ["ngx-echarts", "echarts"],
|
|
253
|
+
"peerDependencies": [],
|
|
254
|
+
"exports": ["AreaChartComponent"],
|
|
255
|
+
"category": "charts"
|
|
256
|
+
},
|
|
257
|
+
"radar-chart": {
|
|
258
|
+
"name": "RadarChart",
|
|
259
|
+
"selector": "ui-radar-chart",
|
|
260
|
+
"type": "chart",
|
|
261
|
+
"description": "Display multi-dimensional data comparison on a radial grid",
|
|
262
|
+
"files": ["charts/radar-chart.component.ts", "charts/types.ts", "charts/utils.ts", "charts/index.ts"],
|
|
263
|
+
"dependencies": ["ngx-echarts", "echarts"],
|
|
264
|
+
"peerDependencies": [],
|
|
265
|
+
"exports": ["RadarChartComponent"],
|
|
266
|
+
"category": "charts"
|
|
267
|
+
},
|
|
268
|
+
"scatter-chart": {
|
|
269
|
+
"name": "ScatterChart",
|
|
270
|
+
"selector": "ui-scatter-chart",
|
|
271
|
+
"type": "chart",
|
|
272
|
+
"description": "Display distribution and correlation analysis with scatter plots",
|
|
273
|
+
"files": ["charts/scatter-chart.component.ts", "charts/types.ts", "charts/utils.ts", "charts/index.ts"],
|
|
274
|
+
"dependencies": ["ngx-echarts", "echarts"],
|
|
275
|
+
"peerDependencies": [],
|
|
276
|
+
"exports": ["ScatterChartComponent"],
|
|
277
|
+
"category": "charts"
|
|
278
|
+
},
|
|
279
|
+
"mixed-chart": {
|
|
280
|
+
"name": "MixedChart",
|
|
281
|
+
"selector": "ui-mixed-chart",
|
|
282
|
+
"type": "chart",
|
|
283
|
+
"description": "Combine multiple chart types (line, bar, area) in a single visualization",
|
|
284
|
+
"files": ["charts/mixed-chart.component.ts", "charts/types.ts", "charts/utils.ts", "charts/index.ts"],
|
|
285
|
+
"dependencies": ["ngx-echarts", "echarts"],
|
|
286
|
+
"peerDependencies": [],
|
|
287
|
+
"exports": ["MixedChartComponent"],
|
|
288
|
+
"category": "charts"
|
|
289
|
+
},
|
|
290
|
+
"dialog": {
|
|
291
|
+
"name": "Dialog",
|
|
292
|
+
"selector": "g-dialog",
|
|
293
|
+
"type": "modal-overlay",
|
|
294
|
+
"description": "Modal dialog component",
|
|
295
|
+
"files": ["dialog.component.ts", "index.ts"],
|
|
296
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
297
|
+
"peerDependencies": ["lucide-angular"],
|
|
298
|
+
"exports": ["DialogComponent"]
|
|
299
|
+
},
|
|
300
|
+
"alert-dialog": {
|
|
301
|
+
"name": "Alert Dialog",
|
|
302
|
+
"selector": "g-alert-dialog",
|
|
303
|
+
"type": "modal-overlay",
|
|
304
|
+
"description": "Alert dialog for confirmations",
|
|
305
|
+
"files": ["alert-dialog.component.ts", "index.ts"],
|
|
306
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
307
|
+
"peerDependencies": [],
|
|
308
|
+
"exports": ["AlertDialogComponent"]
|
|
309
|
+
},
|
|
310
|
+
"progress": {
|
|
311
|
+
"name": "Progress",
|
|
312
|
+
"type": "feedback",
|
|
313
|
+
"description": "Displays an indicator showing the completion progress of a task",
|
|
314
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
315
|
+
"devDependencies": [],
|
|
316
|
+
"registryDependencies": [],
|
|
317
|
+
"files": ["progress.component.ts", "index.ts"],
|
|
318
|
+
"category": "feedback"
|
|
319
|
+
},
|
|
320
|
+
"hover-card": {
|
|
321
|
+
"name": "Hover Card",
|
|
322
|
+
"selector": "g-hover-card",
|
|
323
|
+
"type": "modal-overlay",
|
|
324
|
+
"description": "Hover card with rich content preview",
|
|
325
|
+
"files": ["hover-card.component.ts", "index.ts"],
|
|
326
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
327
|
+
"peerDependencies": [],
|
|
328
|
+
"exports": ["HoverCardComponent"]
|
|
329
|
+
},
|
|
330
|
+
"avatar": {
|
|
331
|
+
"name": "Avatar",
|
|
332
|
+
"selector": "g-avatar",
|
|
333
|
+
"type": "other",
|
|
334
|
+
"description": "Avatar component for user profile pictures",
|
|
335
|
+
"files": ["avatar.component.ts", "index.ts"],
|
|
336
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
337
|
+
"peerDependencies": ["lucide-angular"],
|
|
338
|
+
"exports": ["AvatarComponent", "AvatarGroupComponent"]
|
|
339
|
+
},
|
|
340
|
+
"scroll-area": {
|
|
341
|
+
"name": "Scroll Area",
|
|
342
|
+
"selector": "ui-scroll-area",
|
|
343
|
+
"type": "layout",
|
|
344
|
+
"description": "Augments native scroll functionality for custom, cross-browser styling",
|
|
345
|
+
"files": ["scroll-area.component.ts", "index.ts"],
|
|
346
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
347
|
+
"peerDependencies": [],
|
|
348
|
+
"exports": ["ScrollAreaComponent"]
|
|
349
|
+
},
|
|
350
|
+
"aspect-ratio": {
|
|
351
|
+
"name": "Aspect Ratio",
|
|
352
|
+
"selector": "ui-aspect-ratio",
|
|
353
|
+
"type": "layout",
|
|
354
|
+
"description": "Displays content within a desired aspect ratio",
|
|
355
|
+
"files": ["aspect-ratio.component.ts", "index.ts"],
|
|
356
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
357
|
+
"peerDependencies": [],
|
|
358
|
+
"exports": ["AspectRatioComponent"]
|
|
359
|
+
},
|
|
360
|
+
"toggle": {
|
|
361
|
+
"name": "Toggle",
|
|
362
|
+
"selector": "ui-toggle",
|
|
363
|
+
"type": "interactive",
|
|
364
|
+
"description": "A two-state button that can be either on or off",
|
|
365
|
+
"files": ["toggle.component.ts", "index.ts"],
|
|
366
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
367
|
+
"peerDependencies": [],
|
|
368
|
+
"exports": ["ToggleComponent"]
|
|
369
|
+
},
|
|
370
|
+
"toggle-group": {
|
|
371
|
+
"name": "Toggle Group",
|
|
372
|
+
"selector": "ui-toggle-group",
|
|
373
|
+
"type": "interactive",
|
|
374
|
+
"description": "A set of two-state buttons that can be toggled on or off",
|
|
375
|
+
"files": ["toggle-group.component.ts", "index.ts"],
|
|
376
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
377
|
+
"peerDependencies": [],
|
|
378
|
+
"exports": ["ToggleGroupComponent", "ToggleGroupItemComponent"]
|
|
379
|
+
},
|
|
380
|
+
"resizable": {
|
|
381
|
+
"name": "Resizable",
|
|
382
|
+
"selector": "ui-resizable",
|
|
383
|
+
"type": "layout",
|
|
384
|
+
"description": "Accessible resizable panel groups and layouts with keyboard support",
|
|
385
|
+
"files": ["resizable.component.ts", "index.ts"],
|
|
386
|
+
"dependencies": ["@radix-ng/primitives"],
|
|
387
|
+
"peerDependencies": [],
|
|
388
|
+
"exports": ["ResizablePanelGroupComponent", "ResizablePanelComponent", "ResizableHandleComponent"]
|
|
389
|
+
},
|
|
390
|
+
"empty": {
|
|
391
|
+
"name": "Empty",
|
|
392
|
+
"selector": "ui-empty",
|
|
393
|
+
"type": "feedback",
|
|
394
|
+
"description": "Displays an empty state placeholder",
|
|
395
|
+
"files": ["empty.component.ts", "index.ts"],
|
|
396
|
+
"dependencies": [],
|
|
397
|
+
"peerDependencies": [],
|
|
398
|
+
"exports": ["EmptyComponent"],
|
|
399
|
+
"category": "feedback"
|
|
400
|
+
},
|
|
401
|
+
"skeleton": {
|
|
402
|
+
"name": "Skeleton",
|
|
403
|
+
"selector": "ui-skeleton",
|
|
404
|
+
"type": "feedback",
|
|
405
|
+
"description": "Use to show a placeholder while content is loading",
|
|
406
|
+
"files": ["skeleton.component.ts", "index.ts"],
|
|
407
|
+
"dependencies": [],
|
|
408
|
+
"peerDependencies": [],
|
|
409
|
+
"exports": ["SkeletonComponent"],
|
|
410
|
+
"category": "feedback"
|
|
411
|
+
},
|
|
412
|
+
"kbd": {
|
|
413
|
+
"name": "Kbd",
|
|
414
|
+
"selector": "ui-kbd",
|
|
415
|
+
"type": "data-display",
|
|
416
|
+
"description": "Displays keyboard key combinations",
|
|
417
|
+
"files": ["kbd.component.ts", "index.ts"],
|
|
418
|
+
"dependencies": [],
|
|
419
|
+
"peerDependencies": [],
|
|
420
|
+
"exports": ["KbdComponent"],
|
|
421
|
+
"category": "data-display"
|
|
422
|
+
},
|
|
423
|
+
"typography": {
|
|
424
|
+
"name": "Typography",
|
|
425
|
+
"selector": "ui-typography",
|
|
426
|
+
"type": "data-display",
|
|
427
|
+
"description": "Text formatting and typography components",
|
|
428
|
+
"files": ["typography.component.ts", "index.ts"],
|
|
429
|
+
"dependencies": [],
|
|
430
|
+
"peerDependencies": [],
|
|
431
|
+
"exports": ["TypographyComponent"],
|
|
432
|
+
"category": "data-display"
|
|
433
|
+
},
|
|
434
|
+
"pagination": {
|
|
435
|
+
"name": "Pagination",
|
|
436
|
+
"selector": "ui-pagination",
|
|
437
|
+
"type": "navigation",
|
|
438
|
+
"description": "Page navigation with previous, next, and page numbers",
|
|
439
|
+
"files": ["pagination.component.ts", "index.ts"],
|
|
440
|
+
"dependencies": [],
|
|
441
|
+
"peerDependencies": [],
|
|
442
|
+
"exports": ["PaginationComponent"],
|
|
443
|
+
"category": "navigation"
|
|
444
|
+
},
|
|
445
|
+
"table": {
|
|
446
|
+
"name": "Table",
|
|
447
|
+
"selector": "ui-table",
|
|
448
|
+
"type": "data-display",
|
|
449
|
+
"description": "A responsive table component for displaying data",
|
|
450
|
+
"files": ["table.component.ts", "index.ts"],
|
|
451
|
+
"dependencies": [],
|
|
452
|
+
"peerDependencies": [],
|
|
453
|
+
"exports": ["TableComponent", "TableHeaderDirective", "TableBodyDirective", "TableFooterDirective", "TableRowDirective", "TableHeadDirective", "TableCellDirective", "TableCaptionDirective"],
|
|
454
|
+
"category": "data-display"
|
|
455
|
+
},
|
|
456
|
+
"calendar": {
|
|
457
|
+
"name": "Calendar",
|
|
458
|
+
"selector": "ui-calendar",
|
|
459
|
+
"type": "form",
|
|
460
|
+
"description": "A date picker calendar component",
|
|
461
|
+
"files": ["calendar.component.ts", "index.ts"],
|
|
462
|
+
"dependencies": [],
|
|
463
|
+
"peerDependencies": [],
|
|
464
|
+
"exports": ["CalendarComponent"],
|
|
465
|
+
"category": "form"
|
|
466
|
+
},
|
|
467
|
+
"calendar-range": {
|
|
468
|
+
"name": "Calendar Range",
|
|
469
|
+
"selector": "ui-calendar-range",
|
|
470
|
+
"type": "form",
|
|
471
|
+
"description": "A date range picker calendar component",
|
|
472
|
+
"files": ["calendar-range.component.ts", "index.ts"],
|
|
473
|
+
"dependencies": [],
|
|
474
|
+
"peerDependencies": [],
|
|
475
|
+
"exports": ["CalendarRangeComponent"],
|
|
476
|
+
"category": "form"
|
|
477
|
+
},
|
|
478
|
+
"command": {
|
|
479
|
+
"name": "Command",
|
|
480
|
+
"selector": "ui-command",
|
|
481
|
+
"type": "navigation",
|
|
482
|
+
"description": "Command palette for keyboard-first navigation and search",
|
|
483
|
+
"files": ["command.component.ts", "index.ts"],
|
|
484
|
+
"dependencies": [],
|
|
485
|
+
"peerDependencies": [],
|
|
486
|
+
"exports": ["CommandComponent"],
|
|
487
|
+
"category": "navigation"
|
|
488
|
+
},
|
|
489
|
+
"sheet": {
|
|
490
|
+
"name": "Sheet",
|
|
491
|
+
"selector": "ui-sheet",
|
|
492
|
+
"type": "layout",
|
|
493
|
+
"description": "Slide-over panel that slides in from the edge of the screen",
|
|
494
|
+
"files": ["sheet.component.ts", "index.ts"],
|
|
495
|
+
"dependencies": [],
|
|
496
|
+
"peerDependencies": [],
|
|
497
|
+
"exports": ["SheetComponent"],
|
|
498
|
+
"category": "layout"
|
|
499
|
+
},
|
|
500
|
+
"toolbar": {
|
|
501
|
+
"name": "Toolbar",
|
|
502
|
+
"selector": "ui-toolbar",
|
|
503
|
+
"type": "layout",
|
|
504
|
+
"description": "A container for grouping a set of controls",
|
|
505
|
+
"files": ["toolbar.component.ts", "index.ts"],
|
|
506
|
+
"dependencies": [],
|
|
507
|
+
"peerDependencies": [],
|
|
508
|
+
"exports": ["ToolbarComponent"],
|
|
509
|
+
"category": "layout"
|
|
510
|
+
},
|
|
511
|
+
"tags-input": {
|
|
512
|
+
"name": "Tags Input",
|
|
513
|
+
"selector": "ui-tags-input",
|
|
514
|
+
"type": "form",
|
|
515
|
+
"description": "Input field for entering multiple tags or values",
|
|
516
|
+
"files": ["tags-input.component.ts", "index.ts"],
|
|
517
|
+
"dependencies": [],
|
|
518
|
+
"peerDependencies": [],
|
|
519
|
+
"exports": ["TagsInputComponent"],
|
|
520
|
+
"category": "form"
|
|
521
|
+
}
|
|
522
|
+
},
|
|
523
|
+
"groups": {
|
|
524
|
+
"form": {
|
|
525
|
+
"name": "Form Components",
|
|
526
|
+
"components": ["button", "input", "label", "checkbox", "select", "radio-group", "switch", "slider", "textarea", "calendar", "calendar-range", "tags-input"]
|
|
527
|
+
},
|
|
528
|
+
"layout": {
|
|
529
|
+
"name": "Layout Components",
|
|
530
|
+
"components": ["accordion", "collapsible", "separator", "scroll-area", "aspect-ratio", "resizable", "sheet", "toolbar"]
|
|
531
|
+
},
|
|
532
|
+
"interactive": {
|
|
533
|
+
"name": "Interactive Components",
|
|
534
|
+
"components": ["toggle", "toggle-group"]
|
|
535
|
+
},
|
|
536
|
+
"navigation": {
|
|
537
|
+
"name": "Navigation Components",
|
|
538
|
+
"components": ["tabs", "dropdown-menu", "menubar", "navigation-menu", "context-menu", "pagination", "command"]
|
|
539
|
+
},
|
|
540
|
+
"modal-overlay": {
|
|
541
|
+
"name": "Modal & Overlay Components",
|
|
542
|
+
"components": ["popover", "tooltip", "dialog", "alert-dialog", "hover-card"]
|
|
543
|
+
},
|
|
544
|
+
"feedback": {
|
|
545
|
+
"name": "Feedback Components",
|
|
546
|
+
"components": ["progress", "empty", "skeleton"]
|
|
547
|
+
},
|
|
548
|
+
"data-display": {
|
|
549
|
+
"name": "Data Display Components",
|
|
550
|
+
"components": ["kbd", "typography", "table", "avatar"]
|
|
551
|
+
},
|
|
552
|
+
"charts": {
|
|
553
|
+
"name": "Chart Components",
|
|
554
|
+
"components": ["line-chart", "bar-chart", "pie-chart", "donut-chart", "area-chart", "radar-chart", "scatter-chart", "mixed-chart"]
|
|
555
|
+
}
|
|
556
|
+
}
|
|
557
|
+
}
|