galaxy-design 0.2.68 → 0.2.70

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 (2) hide show
  1. package/dist/registry.json +412 -299
  2. package/package.json +1 -1
package/dist/registry.json CHANGED
@@ -2,459 +2,572 @@
2
2
  "components": {
3
3
  "button": {
4
4
  "name": "Button",
5
- "selector": "gButton",
6
5
  "type": "form",
7
- "description": "Versatile button with 6 status variants and 5 sizes",
8
- "files": ["button/button.component.ts"],
9
- "dependencies": [],
10
- "peerDependencies": ["lucide-angular"],
11
- "exports": ["ButtonDirective"]
6
+ "description": "Displays a button or a component that looks like a button",
7
+ "category": "form"
12
8
  },
13
9
  "input": {
14
10
  "name": "Input",
15
- "selector": "g-input",
16
11
  "type": "form",
17
- "description": "Text input with label, hints, and error messages",
18
- "files": ["input/input.component.ts"],
19
- "dependencies": [],
20
- "peerDependencies": ["lucide-angular"],
21
- "exports": ["InputComponent"]
12
+ "description": "Displays a form input field or a component that looks like an input field",
13
+ "category": "form"
22
14
  },
23
- "checkbox": {
24
- "name": "Checkbox",
25
- "selector": "g-checkbox",
15
+ "label": {
16
+ "name": "Label",
26
17
  "type": "form",
27
- "description": "Checkbox with indeterminate state support",
28
- "files": ["checkbox/checkbox.component.ts"],
29
- "dependencies": [],
30
- "peerDependencies": ["lucide-angular"],
31
- "exports": ["CheckboxComponent"]
18
+ "description": "Renders an accessible label associated with controls",
19
+ "category": "form"
32
20
  },
33
21
  "select": {
34
22
  "name": "Select",
35
- "selector": "g-select",
36
23
  "type": "form",
37
- "description": "Custom dropdown with search functionality",
38
- "files": ["select/select.component.ts"],
39
- "dependencies": [],
40
- "peerDependencies": ["lucide-angular"],
41
- "exports": ["SelectComponent", "OptionComponent"]
24
+ "description": "Displays a list of options for the user to pick from triggered by a button",
25
+ "category": "form"
42
26
  },
43
- "calendar": {
44
- "name": "Calendar",
45
- "selector": "g-calendar",
27
+ "checkbox": {
28
+ "name": "Checkbox",
46
29
  "type": "form",
47
- "description": "Full-featured date picker",
48
- "files": ["calendar/calendar.component.ts"],
49
- "dependencies": [],
50
- "peerDependencies": [],
51
- "exports": ["CalendarComponent"]
52
- },
53
- "radio": {
54
- "name": "Radio",
55
- "selector": "g-radio",
30
+ "description": "A control that allows the user to toggle between checked and not checked",
31
+ "category": "form"
32
+ },
33
+ "radio-group": {
34
+ "name": "Radio Group",
56
35
  "type": "form",
57
- "description": "Radio button group with single/multiple selection",
58
- "files": ["radio/radio.component.ts"],
59
- "dependencies": [],
60
- "peerDependencies": [],
61
- "exports": ["RadioComponent"]
36
+ "description": "A set of checkable buttons where no more than one of the buttons can be checked at a time",
37
+ "category": "form"
62
38
  },
63
39
  "switch": {
64
40
  "name": "Switch",
65
- "selector": "g-switch",
66
41
  "type": "form",
67
- "description": "Toggle switch with smooth animation",
68
- "files": ["switch/switch.component.ts"],
69
- "dependencies": [],
70
- "peerDependencies": [],
71
- "exports": ["SwitchComponent"]
42
+ "description": "A control that allows the user to toggle between checked and not checked",
43
+ "category": "form"
72
44
  },
73
45
  "slider": {
74
46
  "name": "Slider",
75
- "selector": "g-slider",
76
47
  "type": "form",
77
- "description": "Range slider with min/max and step support",
78
- "files": ["slider/slider.component.ts"],
79
- "dependencies": [],
80
- "peerDependencies": [],
81
- "exports": ["SliderComponent"]
48
+ "description": "An input where the user selects a value from within a given range",
49
+ "category": "form"
50
+ },
51
+ "textarea": {
52
+ "name": "Textarea",
53
+ "type": "form",
54
+ "description": "Displays a form textarea or a component that looks like a textarea",
55
+ "category": "form"
56
+ },
57
+ "form": {
58
+ "name": "Form",
59
+ "type": "form",
60
+ "description": "Building forms with proper validation and accessibility",
61
+ "category": "form"
82
62
  },
83
63
  "rate": {
84
64
  "name": "Rate",
85
- "selector": "g-rate",
86
65
  "type": "form",
87
66
  "description": "Star rating with half star support",
88
- "files": ["rate/rate.component.ts"],
89
- "dependencies": [],
90
- "peerDependencies": ["lucide-angular"],
91
- "exports": ["RateComponent"]
67
+ "category": "form"
92
68
  },
93
69
  "button-group": {
94
70
  "name": "Button Group",
95
- "selector": "g-button-group",
96
71
  "type": "form",
97
72
  "description": "Button group with single/multiple selection",
98
- "files": ["button-group/button-group.component.ts"],
99
- "dependencies": [],
100
- "peerDependencies": [],
101
- "exports": ["ButtonGroupComponent", "ButtonGroupItemComponent"]
73
+ "category": "form"
102
74
  },
103
75
  "autocomplete": {
104
76
  "name": "Autocomplete",
105
- "selector": "g-autocomplete",
106
77
  "type": "form",
107
78
  "description": "Autocomplete input with search and suggestions",
108
- "files": ["autocomplete/autocomplete.component.ts"],
109
- "dependencies": [],
110
- "peerDependencies": ["lucide-angular"],
111
- "exports": ["AutocompleteComponent"]
79
+ "category": "form"
80
+ },
81
+ "calendar": {
82
+ "name": "Calendar",
83
+ "type": "form",
84
+ "description": "Full-featured date picker",
85
+ "category": "form"
112
86
  },
113
87
  "calendar-range": {
114
88
  "name": "Calendar Range",
115
- "selector": "g-calendar-range",
116
89
  "type": "form",
117
90
  "description": "Date range picker with start and end dates",
118
- "files": ["calendar-range/calendar-range.component.ts"],
119
- "dependencies": [],
120
- "peerDependencies": [],
121
- "exports": ["CalendarRangeComponent"]
91
+ "category": "form"
92
+ },
93
+ "date-picker": {
94
+ "name": "Date Picker",
95
+ "type": "form",
96
+ "description": "A date picker component with popover and calendar",
97
+ "category": "form"
98
+ },
99
+ "date-range-picker": {
100
+ "name": "Date Range Picker",
101
+ "type": "form",
102
+ "description": "A date range picker component with popover and calendar range",
103
+ "category": "form"
104
+ },
105
+ "time-picker": {
106
+ "name": "Time Picker",
107
+ "type": "form",
108
+ "description": "A time picker component with popover and select inputs for hours and minutes",
109
+ "category": "form"
110
+ },
111
+ "date-time-picker": {
112
+ "name": "Date Time Picker",
113
+ "type": "form",
114
+ "description": "A combined date and time picker component",
115
+ "category": "form"
116
+ },
117
+ "tags-input": {
118
+ "name": "Tags Input",
119
+ "type": "form",
120
+ "description": "Input field for entering multiple tags or values",
121
+ "category": "form"
122
122
  },
123
123
  "card": {
124
124
  "name": "Card",
125
- "selector": "g-card",
126
125
  "type": "layout",
127
- "description": "Container with header, body, and footer sections",
128
- "files": ["card/card.component.ts"],
129
- "dependencies": [],
130
- "peerDependencies": [],
131
- "exports": ["CardComponent", "CardHeaderComponent", "CardBodyComponent", "CardFooterComponent"]
126
+ "description": "Displays a card with header, content, and footer",
127
+ "category": "layout"
128
+ },
129
+ "separator": {
130
+ "name": "Separator",
131
+ "type": "layout",
132
+ "description": "Visually or semantically separates content",
133
+ "category": "layout"
132
134
  },
133
135
  "accordion": {
134
136
  "name": "Accordion",
135
- "selector": "g-accordion",
136
137
  "type": "layout",
137
- "description": "Collapsible sections with expand/collapse",
138
- "files": ["accordion/accordion.component.ts"],
139
- "dependencies": [],
140
- "peerDependencies": ["lucide-angular"],
141
- "exports": ["AccordionComponent", "AccordionItemComponent"]
142
- },
143
- "grid": {
144
- "name": "Grid",
145
- "selector": "g-grid",
138
+ "description": "A vertically stacked set of interactive headings that each reveal a section of content",
139
+ "category": "layout"
140
+ },
141
+ "tabs": {
142
+ "name": "Tabs",
143
+ "type": "layout",
144
+ "description": "A set of layered sections of content known as tab panels that are displayed one at a time",
145
+ "category": "layout"
146
+ },
147
+ "dialog": {
148
+ "name": "Dialog",
146
149
  "type": "layout",
147
- "description": "12-column responsive grid system",
148
- "files": ["grid/grid.component.ts"],
149
- "dependencies": [],
150
- "peerDependencies": [],
151
- "exports": ["GridComponent", "GridItemComponent"]
152
- },
153
- "divider": {
154
- "name": "Divider",
155
- "selector": "g-divider",
150
+ "description": "A window overlaid on either the primary window or another dialog window",
151
+ "category": "layout"
152
+ },
153
+ "collapsible": {
154
+ "name": "Collapsible",
156
155
  "type": "layout",
157
- "description": "Horizontal or vertical separator",
158
- "files": ["divider/divider.component.ts"],
159
- "dependencies": [],
160
- "peerDependencies": [],
161
- "exports": ["DividerComponent"]
156
+ "description": "An interactive component which expands/collapses a panel",
157
+ "category": "layout"
162
158
  },
163
159
  "splitter": {
164
160
  "name": "Splitter",
165
- "selector": "g-splitter",
166
161
  "type": "layout",
167
162
  "description": "Resizable split panes with drag handles",
168
- "files": ["splitter/splitter.component.ts"],
169
- "dependencies": [],
170
- "peerDependencies": ["lucide-angular"],
171
- "exports": ["SplitterComponent", "SplitterPanelComponent"]
172
- },
173
- "menu": {
174
- "name": "Menu",
175
- "selector": "g-menu",
163
+ "category": "layout"
164
+ },
165
+ "aspect-ratio": {
166
+ "name": "Aspect Ratio",
167
+ "type": "layout",
168
+ "description": "Displays content within a desired aspect ratio",
169
+ "category": "layout"
170
+ },
171
+ "scroll-area": {
172
+ "name": "Scroll Area",
173
+ "type": "layout",
174
+ "description": "Augments native scroll functionality for custom, cross-browser styling",
175
+ "category": "layout"
176
+ },
177
+ "resizable": {
178
+ "name": "Resizable",
179
+ "type": "layout",
180
+ "description": "Accessible resizable panel groups and layouts with keyboard support",
181
+ "category": "layout"
182
+ },
183
+ "sheet": {
184
+ "name": "Sheet",
185
+ "type": "layout",
186
+ "description": "Slide-over panel that slides in from the edge of the screen",
187
+ "category": "layout"
188
+ },
189
+ "toolbar": {
190
+ "name": "Toolbar",
191
+ "type": "layout",
192
+ "description": "A container for grouping a set of controls",
193
+ "category": "layout"
194
+ },
195
+ "alert-dialog": {
196
+ "name": "Alert Dialog",
197
+ "type": "feedback",
198
+ "description": "A modal dialog that interrupts the user with important content and expects a response",
199
+ "category": "feedback"
200
+ },
201
+ "alert": {
202
+ "name": "Alert",
203
+ "type": "feedback",
204
+ "description": "Displays a callout for user attention",
205
+ "category": "feedback"
206
+ },
207
+ "progress": {
208
+ "name": "Progress",
209
+ "type": "feedback",
210
+ "description": "Displays an indicator showing the completion progress of a task",
211
+ "category": "feedback"
212
+ },
213
+ "avatar": {
214
+ "name": "Avatar",
215
+ "type": "data-display",
216
+ "description": "An image element with a fallback for representing the user",
217
+ "category": "data-display"
218
+ },
219
+ "hover-card": {
220
+ "name": "Hover Card",
221
+ "type": "data-display",
222
+ "description": "For sighted users to preview content available behind a link",
223
+ "category": "data-display"
224
+ },
225
+ "dropdown-menu": {
226
+ "name": "Dropdown Menu",
176
227
  "type": "navigation",
177
- "description": "Sidebar navigation with icons and badges",
178
- "files": ["menu/menu.component.ts"],
179
- "dependencies": [],
180
- "peerDependencies": ["lucide-angular"],
181
- "exports": ["MenuComponent", "MenuItemComponent", "MenuGroupComponent"]
228
+ "description": "Displays a menu to the user triggered by a button",
229
+ "category": "navigation"
230
+ },
231
+ "navigation-menu": {
232
+ "name": "Navigation Menu",
233
+ "type": "navigation",
234
+ "description": "A collection of links for navigating websites",
235
+ "category": "navigation"
182
236
  },
183
237
  "breadcrumb": {
184
238
  "name": "Breadcrumb",
185
- "selector": "g-breadcrumb",
186
239
  "type": "navigation",
187
- "description": "Page location navigation trail",
188
- "files": ["breadcrumb/breadcrumb.component.ts"],
189
- "dependencies": [],
190
- "peerDependencies": ["lucide-angular"],
191
- "exports": ["BreadcrumbComponent", "BreadcrumbItemComponent"]
240
+ "description": "Displays the path to the current resource using a hierarchy of links",
241
+ "category": "navigation"
192
242
  },
193
- "tabs": {
194
- "name": "Tabs",
195
- "selector": "g-tabs",
243
+ "menubar": {
244
+ "name": "Menubar",
245
+ "type": "navigation",
246
+ "description": "A visually persistent menu common in desktop applications",
247
+ "category": "navigation"
248
+ },
249
+ "context-menu": {
250
+ "name": "Context Menu",
251
+ "type": "navigation",
252
+ "description": "Displays a menu to the user triggered by right-click or long-press",
253
+ "category": "navigation"
254
+ },
255
+ "popover": {
256
+ "name": "Popover",
257
+ "type": "navigation",
258
+ "description": "Displays rich content in a portal, triggered by a button",
259
+ "category": "navigation"
260
+ },
261
+ "tooltip": {
262
+ "name": "Tooltip",
263
+ "type": "navigation",
264
+ "description": "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it",
265
+ "category": "navigation"
266
+ },
267
+ "pagination": {
268
+ "name": "Pagination",
196
269
  "type": "navigation",
197
- "description": "Tabbed content organization",
198
- "files": ["tabs/tabs.component.ts"],
199
- "dependencies": [],
200
- "peerDependencies": ["lucide-angular"],
201
- "exports": ["TabsComponent", "TabComponent", "TabPanelComponent"]
202
- },
203
- "dropdown": {
204
- "name": "Dropdown",
205
- "selector": "g-dropdown",
270
+ "description": "Page navigation with previous, next, and page numbers",
271
+ "category": "navigation"
272
+ },
273
+ "command": {
274
+ "name": "Command",
206
275
  "type": "navigation",
207
- "description": "Action menus and context menus",
208
- "files": ["dropdown/dropdown.component.ts"],
209
- "dependencies": [],
210
- "peerDependencies": ["lucide-angular"],
211
- "exports": ["DropdownComponent", "DropdownMenuComponent", "DropdownItemComponent"]
276
+ "description": "Command palette for keyboard-first navigation and search",
277
+ "category": "navigation"
278
+ },
279
+ "line-chart": {
280
+ "name": "LineChart",
281
+ "type": "chart",
282
+ "description": "Display data as a responsive line chart with smooth curves and customizable styling",
283
+ "category": "charts"
284
+ },
285
+ "bar-chart": {
286
+ "name": "BarChart",
287
+ "type": "chart",
288
+ "description": "Display data as vertical or horizontal bars with support for stacked and grouped layouts",
289
+ "category": "charts"
290
+ },
291
+ "pie-chart": {
292
+ "name": "PieChart",
293
+ "type": "chart",
294
+ "description": "Display proportional data as a pie or donut chart with customizable labels and legend",
295
+ "category": "charts"
296
+ },
297
+ "donut-chart": {
298
+ "name": "DonutChart",
299
+ "type": "chart",
300
+ "description": "Display proportional data as a donut chart with a hollow center",
301
+ "category": "charts"
302
+ },
303
+ "area-chart": {
304
+ "name": "AreaChart",
305
+ "type": "chart",
306
+ "description": "Visualize cumulative totals over time with filled areas and gradient support",
307
+ "category": "charts"
308
+ },
309
+ "radar-chart": {
310
+ "name": "RadarChart",
311
+ "type": "chart",
312
+ "description": "Display multi-dimensional data comparison on a radial grid",
313
+ "category": "charts"
314
+ },
315
+ "scatter-chart": {
316
+ "name": "ScatterChart",
317
+ "type": "chart",
318
+ "description": "Display distribution and correlation analysis with scatter plots",
319
+ "category": "charts"
320
+ },
321
+ "mixed-chart": {
322
+ "name": "MixedChart",
323
+ "type": "chart",
324
+ "description": "Combine multiple chart types (line, bar, area) in a single visualization",
325
+ "category": "charts"
326
+ },
327
+ "gauge-chart": {
328
+ "name": "GaugeChart",
329
+ "type": "chart",
330
+ "description": "Display data as a gauge chart with customizable ranges and styling",
331
+ "category": "charts"
212
332
  },
213
333
  "sidebar": {
214
334
  "name": "Sidebar",
215
- "selector": "g-sidebar",
216
335
  "type": "navigation",
217
336
  "description": "Layout with collapsible sidebar",
218
- "files": ["sidebar/sidebar.component.ts"],
219
- "dependencies": [],
220
- "peerDependencies": ["lucide-angular"],
221
- "exports": ["SidebarComponent", "SidebarHeaderComponent", "SidebarContentComponent", "SidebarFooterComponent"]
337
+ "category": "navigation"
222
338
  },
223
339
  "stepper": {
224
340
  "name": "Stepper",
225
- "selector": "g-stepper",
226
341
  "type": "navigation",
227
342
  "description": "Multi-step wizards and forms",
228
- "files": ["stepper/stepper.component.ts"],
229
- "dependencies": [],
230
- "peerDependencies": ["lucide-angular"],
231
- "exports": ["StepperComponent", "StepComponent"]
343
+ "category": "navigation"
232
344
  },
233
345
  "table": {
234
346
  "name": "Table",
235
- "selector": "g-table",
236
347
  "type": "data-display",
237
348
  "description": "Data table with sorting, filtering, and selection",
238
- "files": ["table/table.component.ts"],
239
- "dependencies": [],
240
- "peerDependencies": ["lucide-angular"],
241
- "exports": ["TableComponent"]
242
- },
243
- "pagination": {
244
- "name": "Pagination",
245
- "selector": "g-pagination",
246
- "type": "data-display",
247
- "description": "Pagination controls for data navigation",
248
- "files": ["pagination/pagination.component.ts"],
249
- "dependencies": [],
250
- "peerDependencies": ["lucide-angular"],
251
- "exports": ["PaginationComponent"]
349
+ "category": "data-display"
252
350
  },
253
351
  "table-paginated": {
254
352
  "name": "Table Paginated",
255
- "selector": "g-table-paginated",
256
353
  "type": "data-display",
257
354
  "description": "Data table with built-in pagination",
258
- "files": ["table-paginated/table-paginated.component.ts"],
259
- "dependencies": ["table", "pagination"],
260
- "peerDependencies": ["lucide-angular"],
261
- "exports": ["TablePaginatedComponent"]
355
+ "category": "data-display"
262
356
  },
263
357
  "list": {
264
358
  "name": "List",
265
- "selector": "g-list",
266
359
  "type": "data-display",
267
360
  "description": "Versatile list component for displaying data",
268
- "files": ["list/list.component.ts"],
269
- "dependencies": [],
270
- "peerDependencies": [],
271
- "exports": ["ListComponent", "ListItemComponent"]
361
+ "category": "data-display"
272
362
  },
273
363
  "tree": {
274
364
  "name": "Tree",
275
- "selector": "g-tree",
276
365
  "type": "data-display",
277
366
  "description": "Hierarchical tree structure with expand/collapse",
278
- "files": ["tree/tree.component.ts"],
279
- "dependencies": [],
280
- "peerDependencies": ["lucide-angular"],
281
- "exports": ["TreeComponent"]
367
+ "category": "data-display"
282
368
  },
283
369
  "tag": {
284
370
  "name": "Tag",
285
- "selector": "g-tag",
286
371
  "type": "data-display",
287
372
  "description": "Tag component for labels and categorization",
288
- "files": ["tag/tag.component.ts"],
289
- "dependencies": [],
290
- "peerDependencies": ["lucide-angular"],
291
- "exports": ["TagComponent"]
373
+ "category": "data-display"
292
374
  },
293
375
  "timeline": {
294
376
  "name": "Timeline",
295
- "selector": "g-timeline",
296
377
  "type": "data-display",
297
378
  "description": "Timeline component for displaying chronological events",
298
- "files": ["timeline/timeline.component.ts"],
299
- "dependencies": [],
300
- "peerDependencies": ["lucide-angular"],
301
- "exports": ["TimelineComponent"]
302
- },
303
- "popover": {
304
- "name": "Popover",
305
- "selector": "g-popover",
306
- "type": "modal-overlay",
307
- "description": "Popover component for contextual information",
308
- "files": ["popover/popover.component.ts"],
309
- "dependencies": [],
310
- "peerDependencies": [],
311
- "exports": ["PopoverComponent"]
379
+ "category": "data-display"
312
380
  },
313
381
  "drawer": {
314
382
  "name": "Drawer",
315
- "selector": "g-drawer",
316
383
  "type": "modal-overlay",
317
384
  "description": "Drawer component with slide-in animation (shadcn style)",
318
- "files": ["drawer/drawer.component.ts"],
319
- "dependencies": [],
320
- "peerDependencies": ["lucide-angular"],
321
- "exports": ["DrawerComponent"]
385
+ "category": "modal-overlay"
322
386
  },
323
387
  "toast": {
324
388
  "name": "Toast",
325
- "selector": "g-toast",
326
- "type": "modal-overlay",
327
- "description": "Toast notification component with service (antd style)",
328
- "files": ["toast/toast.component.ts"],
329
- "dependencies": [],
330
- "peerDependencies": ["lucide-angular"],
331
- "exports": ["ToastComponent", "ToastService", "ToastItemComponent", "ToastContainerComponent"]
332
- },
333
- "tooltip": {
334
- "name": "Tooltip",
335
- "selector": "g-tooltip",
336
- "type": "modal-overlay",
337
- "description": "Tooltip component for hover information (shadcn style)",
338
- "files": ["tooltip/tooltip.component.ts"],
339
- "dependencies": [],
340
- "peerDependencies": [],
341
- "exports": ["TooltipComponent"]
342
- },
343
- "progress": {
344
- "name": "Progress",
345
- "selector": "g-progress",
346
- "type": "modal-overlay",
347
- "description": "Progress bar and circle component (antd style)",
348
- "files": ["progress/progress.component.ts"],
349
- "dependencies": [],
350
- "peerDependencies": ["lucide-angular"],
351
- "exports": ["ProgressComponent"]
389
+ "type": "feedback",
390
+ "description": "A succinct message that is displayed temporarily",
391
+ "category": "feedback"
352
392
  },
353
393
  "skeleton": {
354
394
  "name": "Skeleton",
355
- "selector": "g-skeleton",
356
- "type": "modal-overlay",
357
- "description": "Skeleton loading placeholder component (antd style)",
358
- "files": ["skeleton/skeleton.component.ts"],
359
- "dependencies": [],
360
- "peerDependencies": [],
361
- "exports": ["SkeletonComponent"]
395
+ "type": "feedback",
396
+ "description": "Use to show a placeholder while content is loading",
397
+ "category": "feedback"
398
+ },
399
+ "empty": {
400
+ "name": "Empty",
401
+ "type": "feedback",
402
+ "description": "Displays an empty state placeholder",
403
+ "category": "feedback"
404
+ },
405
+ "kbd": {
406
+ "name": "Kbd",
407
+ "type": "data-display",
408
+ "description": "Displays keyboard key combinations",
409
+ "category": "data-display"
362
410
  },
363
- "popconfirm": {
364
- "name": "Popconfirm",
365
- "selector": "g-popconfirm",
366
- "type": "modal-overlay",
367
- "description": "Popconfirm component for confirmation dialogs (antd style)",
368
- "files": ["popconfirm/popconfirm.component.ts"],
369
- "dependencies": [],
370
- "peerDependencies": ["lucide-angular"],
371
- "exports": ["PopconfirmComponent"]
411
+ "typography": {
412
+ "name": "Typography",
413
+ "type": "data-display",
414
+ "description": "Text formatting and typography components",
415
+ "category": "data-display"
372
416
  },
373
- "dialog": {
374
- "name": "Dialog",
375
- "selector": "g-dialog",
376
- "type": "modal-overlay",
377
- "description": "Modal dialog component",
378
- "files": ["dialog/dialog.component.ts"],
379
- "dependencies": [],
380
- "peerDependencies": ["lucide-angular"],
381
- "exports": ["DialogComponent"]
417
+ "badge": {
418
+ "name": "Badge",
419
+ "type": "feedback",
420
+ "description": "Displays a badge or a component that looks like a badge",
421
+ "category": "feedback"
422
+ },
423
+ "toggle": {
424
+ "name": "Toggle",
425
+ "type": "interactive",
426
+ "description": "A two-state button that can be either on or off",
427
+ "category": "interactive"
428
+ },
429
+ "toggle-group": {
430
+ "name": "Toggle Group",
431
+ "type": "interactive",
432
+ "description": "A set of two-state buttons that can be toggled on or off",
433
+ "category": "interactive"
382
434
  },
383
435
  "spinner": {
384
436
  "name": "Spinner",
385
- "selector": "g-spinner",
386
437
  "type": "modal-overlay",
387
438
  "description": "Loading spinner component with multiple styles",
388
- "files": ["spinner/spinner.component.ts"],
389
- "dependencies": [],
390
- "peerDependencies": ["lucide-angular"],
391
- "exports": ["SpinnerComponent"]
392
- },
393
- "avatar": {
394
- "name": "Avatar",
395
- "selector": "g-avatar",
396
- "type": "other",
397
- "description": "Avatar component for user profile pictures",
398
- "files": ["avatar/avatar.component.ts"],
399
- "dependencies": [],
400
- "peerDependencies": ["lucide-angular"],
401
- "exports": ["AvatarComponent", "AvatarGroupComponent"]
439
+ "category": "modal-overlay"
402
440
  },
403
- "badge": {
404
- "name": "Badge",
405
- "selector": "g-badge",
406
- "type": "other",
407
- "description": "Badge component for counts and status indicators",
408
- "files": ["badge/badge.component.ts"],
409
- "dependencies": [],
410
- "peerDependencies": [],
411
- "exports": ["BadgeComponent", "BadgeRibbonComponent"]
441
+ "popconfirm": {
442
+ "name": "Popconfirm",
443
+ "type": "modal-overlay",
444
+ "description": "Popconfirm component for confirmation dialogs (antd style)",
445
+ "category": "modal-overlay"
412
446
  },
413
447
  "tour": {
414
448
  "name": "Tour",
415
- "selector": "g-tour",
416
449
  "type": "other",
417
450
  "description": "Tour component for user onboarding (antd style)",
418
- "files": ["tour/tour.component.ts"],
419
- "dependencies": [],
420
- "peerDependencies": ["lucide-angular"],
421
- "exports": ["TourComponent"]
451
+ "category": "other"
422
452
  },
423
453
  "carousel": {
424
454
  "name": "Carousel",
425
- "selector": "g-carousel",
426
455
  "type": "other",
427
456
  "description": "Carousel component for image/content slides (antd style)",
428
- "files": ["carousel/carousel.component.ts"],
429
- "dependencies": [],
430
- "peerDependencies": ["lucide-angular"],
431
- "exports": ["CarouselComponent", "CarouselItemComponent"]
457
+ "category": "other"
432
458
  }
433
459
  },
434
460
  "groups": {
435
461
  "form": {
436
462
  "name": "Form Components",
437
- "components": ["button", "input", "checkbox", "select", "calendar", "radio", "switch", "slider", "rate", "button-group", "autocomplete", "calendar-range"]
463
+ "components": [
464
+ "button",
465
+ "input",
466
+ "label",
467
+ "select",
468
+ "checkbox",
469
+ "radio-group",
470
+ "switch",
471
+ "slider",
472
+ "textarea",
473
+ "form",
474
+ "rate",
475
+ "button-group",
476
+ "autocomplete",
477
+ "calendar",
478
+ "calendar-range",
479
+ "date-picker",
480
+ "date-range-picker",
481
+ "time-picker",
482
+ "date-time-picker",
483
+ "tags-input"
484
+ ]
438
485
  },
439
486
  "layout": {
440
487
  "name": "Layout Components",
441
- "components": ["card", "accordion", "grid", "divider", "splitter"]
488
+ "components": [
489
+ "card",
490
+ "separator",
491
+ "accordion",
492
+ "tabs",
493
+ "dialog",
494
+ "collapsible",
495
+ "splitter",
496
+ "aspect-ratio",
497
+ "scroll-area",
498
+ "resizable",
499
+ "sheet",
500
+ "toolbar"
501
+ ]
442
502
  },
443
503
  "navigation": {
444
504
  "name": "Navigation Components",
445
- "components": ["menu", "breadcrumb", "tabs", "dropdown", "sidebar", "stepper"]
505
+ "components": [
506
+ "dropdown-menu",
507
+ "navigation-menu",
508
+ "breadcrumb",
509
+ "menubar",
510
+ "context-menu",
511
+ "popover",
512
+ "tooltip",
513
+ "pagination",
514
+ "command",
515
+ "sidebar",
516
+ "stepper"
517
+ ]
446
518
  },
447
519
  "data-display": {
448
520
  "name": "Data Display Components",
449
- "components": ["table", "pagination", "table-paginated", "list", "tree", "tag", "timeline"]
521
+ "components": [
522
+ "avatar",
523
+ "hover-card",
524
+ "table",
525
+ "table-paginated",
526
+ "list",
527
+ "tree",
528
+ "tag",
529
+ "timeline",
530
+ "kbd",
531
+ "typography"
532
+ ]
533
+ },
534
+ "feedback": {
535
+ "name": "Feedback Components",
536
+ "components": [
537
+ "alert-dialog",
538
+ "alert",
539
+ "progress",
540
+ "toast",
541
+ "skeleton",
542
+ "empty",
543
+ "badge"
544
+ ]
450
545
  },
451
546
  "modal-overlay": {
452
547
  "name": "Modal & Overlay Components",
453
- "components": ["popover", "drawer", "toast", "tooltip", "progress", "skeleton", "popconfirm", "dialog", "spinner"]
548
+ "components": ["drawer", "spinner", "popconfirm"]
549
+ },
550
+ "interactive": {
551
+ "name": "Interactive Components",
552
+ "components": ["toggle", "toggle-group"]
553
+ },
554
+ "charts": {
555
+ "name": "Chart Components",
556
+ "components": [
557
+ "line-chart",
558
+ "bar-chart",
559
+ "pie-chart",
560
+ "donut-chart",
561
+ "area-chart",
562
+ "radar-chart",
563
+ "scatter-chart",
564
+ "mixed-chart",
565
+ "gauge-chart"
566
+ ]
454
567
  },
455
568
  "other": {
456
569
  "name": "Other Components",
457
- "components": ["avatar", "badge", "tour", "carousel"]
570
+ "components": ["tour", "carousel"]
458
571
  }
459
572
  }
460
573
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "galaxy-design",
3
- "version": "0.2.68",
3
+ "version": "0.2.70",
4
4
  "description": "CLI tool for adding Galaxy UI components to your Vue, React, Angular, Next.js, Nuxt.js, React Native, or Flutter project",
5
5
  "author": "Bùi Trọng Hiếu (kevinbui) <kevinbui210191@gmail.com>",
6
6
  "license": "MIT",