galaxy-design 0.2.69 → 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 +386 -320
  2. package/package.json +1 -1
package/dist/registry.json CHANGED
@@ -2,442 +2,459 @@
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": [
132
- "CardComponent",
133
- "CardHeaderComponent",
134
- "CardBodyComponent",
135
- "CardFooterComponent"
136
- ]
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"
137
134
  },
138
135
  "accordion": {
139
136
  "name": "Accordion",
140
- "selector": "g-accordion",
141
137
  "type": "layout",
142
- "description": "Collapsible sections with expand/collapse",
143
- "files": ["accordion/accordion.component.ts"],
144
- "dependencies": [],
145
- "peerDependencies": ["lucide-angular"],
146
- "exports": ["AccordionComponent", "AccordionItemComponent"]
138
+ "description": "A vertically stacked set of interactive headings that each reveal a section of content",
139
+ "category": "layout"
147
140
  },
148
- "separator": {
149
- "name": "Separator",
150
- "selector": "g-divider",
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",
151
149
  "type": "layout",
152
- "description": "Horizontal or vertical separator",
153
- "files": ["divider/divider.component.ts"],
154
- "dependencies": [],
155
- "peerDependencies": [],
156
- "exports": ["DividerComponent"]
150
+ "description": "A window overlaid on either the primary window or another dialog window",
151
+ "category": "layout"
152
+ },
153
+ "collapsible": {
154
+ "name": "Collapsible",
155
+ "type": "layout",
156
+ "description": "An interactive component which expands/collapses a panel",
157
+ "category": "layout"
157
158
  },
158
159
  "splitter": {
159
160
  "name": "Splitter",
160
- "selector": "g-splitter",
161
161
  "type": "layout",
162
162
  "description": "Resizable split panes with drag handles",
163
- "files": ["splitter/splitter.component.ts"],
164
- "dependencies": [],
165
- "peerDependencies": ["lucide-angular"],
166
- "exports": ["SplitterComponent", "SplitterPanelComponent"]
163
+ "category": "layout"
167
164
  },
168
- "menubar": {
169
- "name": "Menubar",
170
- "selector": "g-menu",
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",
227
+ "type": "navigation",
228
+ "description": "Displays a menu to the user triggered by a button",
229
+ "category": "navigation"
230
+ },
231
+ "navigation-menu": {
232
+ "name": "Navigation Menu",
171
233
  "type": "navigation",
172
- "description": "Sidebar navigation with icons and badges",
173
- "files": ["menu/menu.component.ts"],
174
- "dependencies": [],
175
- "peerDependencies": ["lucide-angular"],
176
- "exports": ["MenuComponent", "MenuItemComponent", "MenuGroupComponent"]
234
+ "description": "A collection of links for navigating websites",
235
+ "category": "navigation"
177
236
  },
178
237
  "breadcrumb": {
179
238
  "name": "Breadcrumb",
180
- "selector": "g-breadcrumb",
181
239
  "type": "navigation",
182
- "description": "Page location navigation trail",
183
- "files": ["breadcrumb/breadcrumb.component.ts"],
184
- "dependencies": [],
185
- "peerDependencies": ["lucide-angular"],
186
- "exports": ["BreadcrumbComponent", "BreadcrumbItemComponent"]
240
+ "description": "Displays the path to the current resource using a hierarchy of links",
241
+ "category": "navigation"
187
242
  },
188
- "tabs": {
189
- "name": "Tabs",
190
- "selector": "g-tabs",
243
+ "menubar": {
244
+ "name": "Menubar",
191
245
  "type": "navigation",
192
- "description": "Tabbed content organization",
193
- "files": ["tabs/tabs.component.ts"],
194
- "dependencies": [],
195
- "peerDependencies": ["lucide-angular"],
196
- "exports": ["TabsComponent", "TabComponent", "TabPanelComponent"]
246
+ "description": "A visually persistent menu common in desktop applications",
247
+ "category": "navigation"
197
248
  },
198
- "dropdown-menu": {
199
- "name": "Dropdown Menu",
200
- "selector": "g-dropdown",
249
+ "context-menu": {
250
+ "name": "Context Menu",
201
251
  "type": "navigation",
202
- "description": "Action menus and context menus",
203
- "files": ["dropdown/dropdown.component.ts"],
204
- "dependencies": [],
205
- "peerDependencies": ["lucide-angular"],
206
- "exports": [
207
- "DropdownComponent",
208
- "DropdownMenuComponent",
209
- "DropdownItemComponent"
210
- ]
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",
269
+ "type": "navigation",
270
+ "description": "Page navigation with previous, next, and page numbers",
271
+ "category": "navigation"
272
+ },
273
+ "command": {
274
+ "name": "Command",
275
+ "type": "navigation",
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"
211
332
  },
212
333
  "sidebar": {
213
334
  "name": "Sidebar",
214
- "selector": "g-sidebar",
215
335
  "type": "navigation",
216
336
  "description": "Layout with collapsible sidebar",
217
- "files": ["sidebar/sidebar.component.ts"],
218
- "dependencies": [],
219
- "peerDependencies": ["lucide-angular"],
220
- "exports": [
221
- "SidebarComponent",
222
- "SidebarHeaderComponent",
223
- "SidebarContentComponent",
224
- "SidebarFooterComponent"
225
- ]
337
+ "category": "navigation"
226
338
  },
227
339
  "stepper": {
228
340
  "name": "Stepper",
229
- "selector": "g-stepper",
230
341
  "type": "navigation",
231
342
  "description": "Multi-step wizards and forms",
232
- "files": ["stepper/stepper.component.ts"],
233
- "dependencies": [],
234
- "peerDependencies": ["lucide-angular"],
235
- "exports": ["StepperComponent", "StepComponent"]
343
+ "category": "navigation"
236
344
  },
237
345
  "table": {
238
346
  "name": "Table",
239
- "selector": "g-table",
240
347
  "type": "data-display",
241
348
  "description": "Data table with sorting, filtering, and selection",
242
- "files": ["table/table.component.ts"],
243
- "dependencies": [],
244
- "peerDependencies": ["lucide-angular"],
245
- "exports": ["TableComponent"]
246
- },
247
- "pagination": {
248
- "name": "Pagination",
249
- "selector": "g-pagination",
250
- "type": "data-display",
251
- "description": "Pagination controls for data navigation",
252
- "files": ["pagination/pagination.component.ts"],
253
- "dependencies": [],
254
- "peerDependencies": ["lucide-angular"],
255
- "exports": ["PaginationComponent"]
349
+ "category": "data-display"
256
350
  },
257
351
  "table-paginated": {
258
352
  "name": "Table Paginated",
259
- "selector": "g-table-paginated",
260
353
  "type": "data-display",
261
354
  "description": "Data table with built-in pagination",
262
- "files": ["table-paginated/table-paginated.component.ts"],
263
- "dependencies": ["table", "pagination"],
264
- "peerDependencies": ["lucide-angular"],
265
- "exports": ["TablePaginatedComponent"]
355
+ "category": "data-display"
266
356
  },
267
357
  "list": {
268
358
  "name": "List",
269
- "selector": "g-list",
270
359
  "type": "data-display",
271
360
  "description": "Versatile list component for displaying data",
272
- "files": ["list/list.component.ts"],
273
- "dependencies": [],
274
- "peerDependencies": [],
275
- "exports": ["ListComponent", "ListItemComponent"]
361
+ "category": "data-display"
276
362
  },
277
363
  "tree": {
278
364
  "name": "Tree",
279
- "selector": "g-tree",
280
365
  "type": "data-display",
281
366
  "description": "Hierarchical tree structure with expand/collapse",
282
- "files": ["tree/tree.component.ts"],
283
- "dependencies": [],
284
- "peerDependencies": ["lucide-angular"],
285
- "exports": ["TreeComponent"]
367
+ "category": "data-display"
286
368
  },
287
369
  "tag": {
288
370
  "name": "Tag",
289
- "selector": "g-tag",
290
371
  "type": "data-display",
291
372
  "description": "Tag component for labels and categorization",
292
- "files": ["tag/tag.component.ts"],
293
- "dependencies": [],
294
- "peerDependencies": ["lucide-angular"],
295
- "exports": ["TagComponent"]
373
+ "category": "data-display"
296
374
  },
297
375
  "timeline": {
298
376
  "name": "Timeline",
299
- "selector": "g-timeline",
300
377
  "type": "data-display",
301
378
  "description": "Timeline component for displaying chronological events",
302
- "files": ["timeline/timeline.component.ts"],
303
- "dependencies": [],
304
- "peerDependencies": ["lucide-angular"],
305
- "exports": ["TimelineComponent"]
306
- },
307
- "popover": {
308
- "name": "Popover",
309
- "selector": "g-popover",
310
- "type": "modal-overlay",
311
- "description": "Popover component for contextual information",
312
- "files": ["popover/popover.component.ts"],
313
- "dependencies": [],
314
- "peerDependencies": [],
315
- "exports": ["PopoverComponent"]
379
+ "category": "data-display"
316
380
  },
317
381
  "drawer": {
318
382
  "name": "Drawer",
319
- "selector": "g-drawer",
320
383
  "type": "modal-overlay",
321
384
  "description": "Drawer component with slide-in animation (shadcn style)",
322
- "files": ["drawer/drawer.component.ts"],
323
- "dependencies": [],
324
- "peerDependencies": ["lucide-angular"],
325
- "exports": ["DrawerComponent"]
385
+ "category": "modal-overlay"
326
386
  },
327
387
  "toast": {
328
388
  "name": "Toast",
329
- "selector": "g-toast",
330
- "type": "modal-overlay",
331
- "description": "Toast notification component with service (antd style)",
332
- "files": ["toast/toast.component.ts"],
333
- "dependencies": [],
334
- "peerDependencies": ["lucide-angular"],
335
- "exports": [
336
- "ToastComponent",
337
- "ToastService",
338
- "ToastItemComponent",
339
- "ToastContainerComponent"
340
- ]
341
- },
342
- "tooltip": {
343
- "name": "Tooltip",
344
- "selector": "g-tooltip",
345
- "type": "modal-overlay",
346
- "description": "Tooltip component for hover information (shadcn style)",
347
- "files": ["tooltip/tooltip.component.ts"],
348
- "dependencies": [],
349
- "peerDependencies": [],
350
- "exports": ["TooltipComponent"]
351
- },
352
- "progress": {
353
- "name": "Progress",
354
- "selector": "g-progress",
355
- "type": "modal-overlay",
356
- "description": "Progress bar and circle component (antd style)",
357
- "files": ["progress/progress.component.ts"],
358
- "dependencies": [],
359
- "peerDependencies": ["lucide-angular"],
360
- "exports": ["ProgressComponent"]
389
+ "type": "feedback",
390
+ "description": "A succinct message that is displayed temporarily",
391
+ "category": "feedback"
361
392
  },
362
393
  "skeleton": {
363
394
  "name": "Skeleton",
364
- "selector": "g-skeleton",
365
- "type": "modal-overlay",
366
- "description": "Skeleton loading placeholder component (antd style)",
367
- "files": ["skeleton/skeleton.component.ts"],
368
- "dependencies": [],
369
- "peerDependencies": [],
370
- "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"
371
410
  },
372
- "popconfirm": {
373
- "name": "Popconfirm",
374
- "selector": "g-popconfirm",
375
- "type": "modal-overlay",
376
- "description": "Popconfirm component for confirmation dialogs (antd style)",
377
- "files": ["popconfirm/popconfirm.component.ts"],
378
- "dependencies": [],
379
- "peerDependencies": ["lucide-angular"],
380
- "exports": ["PopconfirmComponent"]
411
+ "typography": {
412
+ "name": "Typography",
413
+ "type": "data-display",
414
+ "description": "Text formatting and typography components",
415
+ "category": "data-display"
381
416
  },
382
- "dialog": {
383
- "name": "Dialog",
384
- "selector": "g-dialog",
385
- "type": "modal-overlay",
386
- "description": "Modal dialog component",
387
- "files": ["dialog/dialog.component.ts"],
388
- "dependencies": [],
389
- "peerDependencies": ["lucide-angular"],
390
- "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"
391
434
  },
392
435
  "spinner": {
393
436
  "name": "Spinner",
394
- "selector": "g-spinner",
395
437
  "type": "modal-overlay",
396
438
  "description": "Loading spinner component with multiple styles",
397
- "files": ["spinner/spinner.component.ts"],
398
- "dependencies": [],
399
- "peerDependencies": ["lucide-angular"],
400
- "exports": ["SpinnerComponent"]
401
- },
402
- "avatar": {
403
- "name": "Avatar",
404
- "selector": "g-avatar",
405
- "type": "other",
406
- "description": "Avatar component for user profile pictures",
407
- "files": ["avatar/avatar.component.ts"],
408
- "dependencies": [],
409
- "peerDependencies": ["lucide-angular"],
410
- "exports": ["AvatarComponent", "AvatarGroupComponent"]
439
+ "category": "modal-overlay"
411
440
  },
412
- "badge": {
413
- "name": "Badge",
414
- "selector": "g-badge",
415
- "type": "other",
416
- "description": "Badge component for counts and status indicators",
417
- "files": ["badge/badge.component.ts"],
418
- "dependencies": [],
419
- "peerDependencies": [],
420
- "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"
421
446
  },
422
447
  "tour": {
423
448
  "name": "Tour",
424
- "selector": "g-tour",
425
449
  "type": "other",
426
450
  "description": "Tour component for user onboarding (antd style)",
427
- "files": ["tour/tour.component.ts"],
428
- "dependencies": [],
429
- "peerDependencies": ["lucide-angular"],
430
- "exports": ["TourComponent"]
451
+ "category": "other"
431
452
  },
432
453
  "carousel": {
433
454
  "name": "Carousel",
434
- "selector": "g-carousel",
435
455
  "type": "other",
436
456
  "description": "Carousel component for image/content slides (antd style)",
437
- "files": ["carousel/carousel.component.ts"],
438
- "dependencies": [],
439
- "peerDependencies": ["lucide-angular"],
440
- "exports": ["CarouselComponent", "CarouselItemComponent"]
457
+ "category": "other"
441
458
  }
442
459
  },
443
460
  "groups": {
@@ -446,29 +463,55 @@
446
463
  "components": [
447
464
  "button",
448
465
  "input",
449
- "checkbox",
466
+ "label",
450
467
  "select",
451
- "calendar",
452
- "radio",
468
+ "checkbox",
469
+ "radio-group",
453
470
  "switch",
454
471
  "slider",
472
+ "textarea",
473
+ "form",
455
474
  "rate",
456
475
  "button-group",
457
476
  "autocomplete",
458
- "calendar-range"
477
+ "calendar",
478
+ "calendar-range",
479
+ "date-picker",
480
+ "date-range-picker",
481
+ "time-picker",
482
+ "date-time-picker",
483
+ "tags-input"
459
484
  ]
460
485
  },
461
486
  "layout": {
462
487
  "name": "Layout Components",
463
- "components": ["card", "accordion", "separator", "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
+ ]
464
502
  },
465
503
  "navigation": {
466
504
  "name": "Navigation Components",
467
505
  "components": [
468
- "menubar",
469
- "breadcrumb",
470
- "tabs",
471
506
  "dropdown-menu",
507
+ "navigation-menu",
508
+ "breadcrumb",
509
+ "menubar",
510
+ "context-menu",
511
+ "popover",
512
+ "tooltip",
513
+ "pagination",
514
+ "command",
472
515
  "sidebar",
473
516
  "stepper"
474
517
  ]
@@ -476,32 +519,55 @@
476
519
  "data-display": {
477
520
  "name": "Data Display Components",
478
521
  "components": [
522
+ "avatar",
523
+ "hover-card",
479
524
  "table",
480
- "pagination",
481
525
  "table-paginated",
482
526
  "list",
483
527
  "tree",
484
528
  "tag",
485
- "timeline"
529
+ "timeline",
530
+ "kbd",
531
+ "typography"
486
532
  ]
487
533
  },
488
- "modal-overlay": {
489
- "name": "Modal & Overlay Components",
534
+ "feedback": {
535
+ "name": "Feedback Components",
490
536
  "components": [
491
- "popover",
492
- "drawer",
493
- "toast",
494
- "tooltip",
537
+ "alert-dialog",
538
+ "alert",
495
539
  "progress",
540
+ "toast",
496
541
  "skeleton",
497
- "popconfirm",
498
- "dialog",
499
- "spinner"
542
+ "empty",
543
+ "badge"
544
+ ]
545
+ },
546
+ "modal-overlay": {
547
+ "name": "Modal & Overlay Components",
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"
500
566
  ]
501
567
  },
502
568
  "other": {
503
569
  "name": "Other Components",
504
- "components": ["avatar", "badge", "tour", "carousel"]
570
+ "components": ["tour", "carousel"]
505
571
  }
506
572
  }
507
573
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "galaxy-design",
3
- "version": "0.2.69",
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",