@aleph-alpha/lib-mcp 1.1.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.
@@ -0,0 +1,1172 @@
1
+ {
2
+ "UiCompositionPlaceholder": {
3
+ "description": "Placeholder for composition components (internal development use).",
4
+ "category": "Compositions",
5
+ "useCases": [
6
+ "development placeholder"
7
+ ],
8
+ "keywords": [
9
+ "placeholder",
10
+ "composition",
11
+ "internal"
12
+ ],
13
+ "related": [],
14
+ "props": [],
15
+ "examples": [],
16
+ "_autoGenerated": true
17
+ },
18
+ "UiDataTable": {
19
+ "description": "A feature-rich data table with sorting, filtering, and pagination. Use for displaying and managing large datasets with interactive features.",
20
+ "category": "Layout",
21
+ "useCases": [
22
+ "data grid",
23
+ "admin table",
24
+ "user list",
25
+ "product catalog",
26
+ "reports"
27
+ ],
28
+ "keywords": [
29
+ "datatable",
30
+ "grid",
31
+ "sorting",
32
+ "filtering",
33
+ "pagination",
34
+ "data",
35
+ "list",
36
+ "table"
37
+ ],
38
+ "related": [
39
+ "UiTable"
40
+ ],
41
+ "props": [],
42
+ "examples": [
43
+ "Basic",
44
+ "WithSorting",
45
+ "WithPagination",
46
+ "WithToolbar",
47
+ "WithGlobalFilter",
48
+ "WithRowSelection",
49
+ "FullExample",
50
+ "WithCustomEmptyText",
51
+ "WithCustomEmptySlot",
52
+ "WithColumnHeader",
53
+ "WithPageSizeSelector",
54
+ "WithMinHeightSmallDataset",
55
+ "WithRowActions",
56
+ "WithCellFormatting"
57
+ ],
58
+ "_autoGenerated": true
59
+ },
60
+ "UiDatePicker": {
61
+ "description": "A date picker combining a button trigger with a popover calendar. Provides an accessible way to select dates or date ranges.",
62
+ "category": "Form Inputs",
63
+ "useCases": [
64
+ "date selection",
65
+ "booking form",
66
+ "event picker",
67
+ "schedule",
68
+ "deadline"
69
+ ],
70
+ "keywords": [
71
+ "date",
72
+ "picker",
73
+ "calendar",
74
+ "datepicker",
75
+ "range",
76
+ "schedule"
77
+ ],
78
+ "related": [
79
+ "UiCalendar",
80
+ "UiPopover"
81
+ ],
82
+ "props": [
83
+ "class",
84
+ "open",
85
+ "mode",
86
+ "modelValue",
87
+ "defaultValue",
88
+ "placeholder",
89
+ "minValue",
90
+ "maxValue",
91
+ "disabled",
92
+ "readonly",
93
+ "locale",
94
+ "weekStartsOn",
95
+ "numberOfMonths",
96
+ "weekdayFormat",
97
+ "fixedWeeks",
98
+ "layout",
99
+ "preventDeselect",
100
+ "calendarLabel",
101
+ "isDateDisabled",
102
+ "isDateUnavailable",
103
+ "dateFormat",
104
+ "closeOnSelect",
105
+ "pagedNavigation",
106
+ "ariaLabel",
107
+ "rangeSeparator"
108
+ ],
109
+ "examples": [
110
+ "Default",
111
+ "WithPreselectedDate",
112
+ "WithMonthYearDropdowns",
113
+ "WithDateRange",
114
+ "DisabledWeekends",
115
+ "GermanLocale",
116
+ "Disabled",
117
+ "CustomWidth",
118
+ "KeepOpenOnSelect",
119
+ "TwoMonthsView",
120
+ "FormExample",
121
+ "RangeMode",
122
+ "RangeTwoMonths",
123
+ "RangeWithConstraints",
124
+ "RangePreselected",
125
+ "RangeFormExample",
126
+ "RangeKeepOpen"
127
+ ],
128
+ "_autoGenerated": true
129
+ },
130
+ "UiPlaceholder": {
131
+ "description": "Placeholder for foundation components (internal development use).",
132
+ "category": "Foundations",
133
+ "useCases": [
134
+ "development placeholder"
135
+ ],
136
+ "keywords": [
137
+ "placeholder",
138
+ "foundation",
139
+ "internal"
140
+ ],
141
+ "related": [],
142
+ "props": [],
143
+ "examples": [],
144
+ "_autoGenerated": true
145
+ },
146
+ "UiAccordion": {
147
+ "description": "Collapsible sections for organizing content. Use for FAQs, settings panels, or any content that benefits from show/hide.",
148
+ "category": "Navigation",
149
+ "useCases": [
150
+ "FAQ section",
151
+ "settings panel",
152
+ "collapsible content",
153
+ "expandable list"
154
+ ],
155
+ "keywords": [
156
+ "accordion",
157
+ "collapse",
158
+ "expand",
159
+ "faq",
160
+ "panel",
161
+ "section",
162
+ "toggle"
163
+ ],
164
+ "related": [
165
+ "UiTabs"
166
+ ],
167
+ "props": [],
168
+ "examples": [
169
+ "Default",
170
+ "Multiple",
171
+ "NonCollapsible",
172
+ "WithDisabledItem",
173
+ "Controlled"
174
+ ],
175
+ "_autoGenerated": true
176
+ },
177
+ "UiAlert": {
178
+ "description": "A highlighted message box for important information. Use for success messages, warnings, errors, or informational notices.",
179
+ "category": "Feedback",
180
+ "useCases": [
181
+ "success message",
182
+ "error notice",
183
+ "warning",
184
+ "info banner",
185
+ "notification"
186
+ ],
187
+ "keywords": [
188
+ "alert",
189
+ "message",
190
+ "notice",
191
+ "warning",
192
+ "error",
193
+ "success",
194
+ "info",
195
+ "banner"
196
+ ],
197
+ "related": [
198
+ "UiAlertDialog"
199
+ ],
200
+ "props": [],
201
+ "examples": [
202
+ "Default",
203
+ "Destructive",
204
+ "AllVariants"
205
+ ],
206
+ "_autoGenerated": true
207
+ },
208
+ "UiAlertDialog": {
209
+ "description": "A modal dialog for confirmations that interrupt the user. Use for destructive actions, important decisions, or critical confirmations.",
210
+ "category": "Overlays",
211
+ "useCases": [
212
+ "confirm delete",
213
+ "destructive action",
214
+ "important confirmation",
215
+ "warning"
216
+ ],
217
+ "keywords": [
218
+ "alert",
219
+ "dialog",
220
+ "modal",
221
+ "confirm",
222
+ "warning",
223
+ "destructive",
224
+ "popup"
225
+ ],
226
+ "related": [
227
+ "UiPopover"
228
+ ],
229
+ "props": [],
230
+ "examples": [
231
+ "Default",
232
+ "Simple"
233
+ ],
234
+ "_autoGenerated": true
235
+ },
236
+ "UiAvatar": {
237
+ "description": "A circular image for representing users or entities. Use for profile pictures, user lists, or any person/entity representation.",
238
+ "category": "Data Display",
239
+ "useCases": [
240
+ "profile picture",
241
+ "user avatar",
242
+ "contact image",
243
+ "team member"
244
+ ],
245
+ "keywords": [
246
+ "avatar",
247
+ "image",
248
+ "profile",
249
+ "picture",
250
+ "user",
251
+ "photo",
252
+ "initials"
253
+ ],
254
+ "related": [
255
+ "UiBadge"
256
+ ],
257
+ "props": [],
258
+ "examples": [
259
+ "Default",
260
+ "Fallback",
261
+ "Multiple",
262
+ "Stacked"
263
+ ],
264
+ "_autoGenerated": true
265
+ },
266
+ "UiBadge": {
267
+ "description": "A small label for status, counts, or categories. Use for tags, notifications counts, status indicators, or labels.",
268
+ "category": "Feedback",
269
+ "useCases": [
270
+ "status label",
271
+ "notification count",
272
+ "tag",
273
+ "category",
274
+ "version"
275
+ ],
276
+ "keywords": [
277
+ "badge",
278
+ "label",
279
+ "tag",
280
+ "status",
281
+ "count",
282
+ "chip",
283
+ "pill"
284
+ ],
285
+ "related": [
286
+ "UiButton"
287
+ ],
288
+ "props": [
289
+ "variant",
290
+ "asChild",
291
+ "startIcon",
292
+ "endIcon"
293
+ ],
294
+ "examples": [
295
+ "Default",
296
+ "Secondary",
297
+ "Destructive",
298
+ "Outline",
299
+ "WithStartIcon",
300
+ "WithEndIcon",
301
+ "WithBothIcons",
302
+ "WithIconSlot",
303
+ "Pill",
304
+ "AllVariants"
305
+ ],
306
+ "_autoGenerated": true
307
+ },
308
+ "UiButton": {
309
+ "description": "A clickable button component for triggering actions and submitting forms.",
310
+ "category": "Actions",
311
+ "useCases": [
312
+ "form submission",
313
+ "call to action",
314
+ "trigger modal",
315
+ "navigation link",
316
+ "toolbar action"
317
+ ],
318
+ "keywords": [
319
+ "button",
320
+ "click",
321
+ "submit",
322
+ "action",
323
+ "cta",
324
+ "interactive"
325
+ ],
326
+ "related": [
327
+ "UiIconButton",
328
+ "UiLink"
329
+ ],
330
+ "props": [
331
+ "variant",
332
+ "size",
333
+ "asChild",
334
+ "type",
335
+ "disabled",
336
+ "loading",
337
+ "ariaLabel",
338
+ "startIcon",
339
+ "endIcon"
340
+ ],
341
+ "examples": [
342
+ "Default",
343
+ "Outline",
344
+ "Secondary",
345
+ "Ghost",
346
+ "Destructive",
347
+ "Link",
348
+ "Sizes",
349
+ "WithStartIcon",
350
+ "WithEndIcon",
351
+ "WithBothIcons",
352
+ "Loading",
353
+ "LoadingWithBothIcons",
354
+ "WithIconSlot",
355
+ "AsChild",
356
+ "AllVariants"
357
+ ],
358
+ "_autoGenerated": true
359
+ },
360
+ "UiCalendar": {
361
+ "description": "A date picker calendar for selecting single or multiple dates. Use for booking forms, event scheduling, or any date selection needs.",
362
+ "category": "Form Inputs",
363
+ "useCases": [
364
+ "date selection",
365
+ "booking form",
366
+ "event picker",
367
+ "birthday input",
368
+ "schedule"
369
+ ],
370
+ "keywords": [
371
+ "calendar",
372
+ "date",
373
+ "picker",
374
+ "datepicker",
375
+ "schedule",
376
+ "booking",
377
+ "day",
378
+ "month"
379
+ ],
380
+ "related": [
381
+ "UiRangeCalendar",
382
+ "UiPopover"
383
+ ],
384
+ "props": [
385
+ "modelValue",
386
+ "defaultValue",
387
+ "placeholder",
388
+ "defaultPlaceholder",
389
+ "minValue",
390
+ "maxValue",
391
+ "disabled",
392
+ "readonly",
393
+ "locale",
394
+ "weekStartsOn",
395
+ "numberOfMonths",
396
+ "pagedNavigation",
397
+ "weekdayFormat",
398
+ "fixedWeeks",
399
+ "layout",
400
+ "yearRange",
401
+ "preventDeselect",
402
+ "multiple",
403
+ "calendarLabel",
404
+ "initialFocus",
405
+ "isDateDisabled",
406
+ "isDateUnavailable",
407
+ "dir",
408
+ "nextPage",
409
+ "prevPage",
410
+ "disableDaysOutsideCurrentView"
411
+ ],
412
+ "examples": [
413
+ "Default",
414
+ "WithMonthYearDropdowns",
415
+ "MultipleMonths",
416
+ "DisabledWeekends",
417
+ "WithDateRange",
418
+ "GermanLocale",
419
+ "Disabled",
420
+ "Readonly",
421
+ "MultipleSelection",
422
+ "UnavailableDates",
423
+ "FixedWeeks",
424
+ "PreventDeselect",
425
+ "CustomHeadingAndCellSize"
426
+ ],
427
+ "_autoGenerated": true
428
+ },
429
+ "UiCard": {
430
+ "description": "A container for grouping related content with header, body, and footer. Use for displaying information in a bordered, elevated container.",
431
+ "category": "Layout",
432
+ "useCases": [
433
+ "content card",
434
+ "product card",
435
+ "profile card",
436
+ "info panel",
437
+ "dashboard widget"
438
+ ],
439
+ "keywords": [
440
+ "card",
441
+ "container",
442
+ "panel",
443
+ "box",
444
+ "section",
445
+ "tile",
446
+ "widget"
447
+ ],
448
+ "related": [
449
+ "UiAlert"
450
+ ],
451
+ "props": [],
452
+ "examples": [
453
+ "Default",
454
+ "Simple"
455
+ ],
456
+ "_autoGenerated": true
457
+ },
458
+ "UiCheckbox": {
459
+ "description": "A checkbox input for boolean or indeterminate selections. Use for toggling options, accepting terms, or multi-select lists.",
460
+ "category": "Form Inputs",
461
+ "useCases": [
462
+ "toggle option",
463
+ "accept terms",
464
+ "multi-select",
465
+ "settings",
466
+ "preferences"
467
+ ],
468
+ "keywords": [
469
+ "checkbox",
470
+ "check",
471
+ "toggle",
472
+ "boolean",
473
+ "tick",
474
+ "select",
475
+ "form"
476
+ ],
477
+ "related": [
478
+ "UiSwitch",
479
+ "UiRadioGroup"
480
+ ],
481
+ "props": [],
482
+ "examples": [
483
+ "Default",
484
+ "WithDescription",
485
+ "Disabled",
486
+ "Card"
487
+ ],
488
+ "_autoGenerated": true
489
+ },
490
+ "UiDrawer": {
491
+ "description": "A slide-out panel that appears from the edge of the screen. Use for secondary content, navigation menus, or forms that don't require full-page context.",
492
+ "category": "Overlays",
493
+ "useCases": [
494
+ "side panel",
495
+ "mobile menu",
496
+ "filters",
497
+ "settings",
498
+ "navigation"
499
+ ],
500
+ "keywords": [
501
+ "drawer",
502
+ "panel",
503
+ "slide",
504
+ "sidebar",
505
+ "sheet",
506
+ "mobile"
507
+ ],
508
+ "related": [
509
+ "UiSheet",
510
+ "UiDialog"
511
+ ],
512
+ "props": [
513
+ "open",
514
+ "modal"
515
+ ],
516
+ "examples": [
517
+ "Default",
518
+ "Controlled",
519
+ "NonModal",
520
+ "WithoutHandle",
521
+ "LongContent",
522
+ "OpenByDefault"
523
+ ],
524
+ "_autoGenerated": true
525
+ },
526
+ "UiDropdownMenu": {
527
+ "description": "A menu that appears on trigger click with actions and options. Use for context menus, action lists, or any menu triggered by a button.",
528
+ "category": "Overlays",
529
+ "useCases": [
530
+ "action menu",
531
+ "context menu",
532
+ "options list",
533
+ "user menu",
534
+ "settings menu"
535
+ ],
536
+ "keywords": [
537
+ "dropdown",
538
+ "menu",
539
+ "actions",
540
+ "options",
541
+ "context",
542
+ "popover",
543
+ "list"
544
+ ],
545
+ "related": [
546
+ "UiPopover",
547
+ "UiSelect"
548
+ ],
549
+ "props": [
550
+ "open",
551
+ "modal"
552
+ ],
553
+ "examples": [
554
+ "Default",
555
+ "WithLabelsAndGroups",
556
+ "WithCheckboxItems",
557
+ "WithRadioItems",
558
+ "WithDestructiveAction",
559
+ "WithSubmenu",
560
+ "WithIconButton"
561
+ ],
562
+ "_autoGenerated": true
563
+ },
564
+ "UiField": {
565
+ "description": "A form field wrapper that groups label, input, description, and error messages. Provides consistent layout and accessibility for form controls.",
566
+ "category": "Form Inputs",
567
+ "useCases": [
568
+ "form layout",
569
+ "input wrapper",
570
+ "field grouping",
571
+ "validation display"
572
+ ],
573
+ "keywords": [
574
+ "field",
575
+ "form",
576
+ "label",
577
+ "input",
578
+ "error",
579
+ "validation",
580
+ "wrapper"
581
+ ],
582
+ "related": [
583
+ "UiInput",
584
+ "UiLabel"
585
+ ],
586
+ "props": [
587
+ "orientation"
588
+ ],
589
+ "examples": [
590
+ "Default",
591
+ "WithError",
592
+ "Group",
593
+ "HorizontalOrientation",
594
+ "ResponsiveOrientation",
595
+ "WithMultipleErrors",
596
+ "CustomErrorSlot",
597
+ "Textarea",
598
+ "Select",
599
+ "Checkbox",
600
+ "Switch",
601
+ "RadioGroupInFieldSet",
602
+ "SeparatorWithContent",
603
+ "ValidationAndErrors",
604
+ "CheckboxGroup",
605
+ "ResponsiveProfileForm",
606
+ "CheckoutPaymentForm"
607
+ ],
608
+ "_autoGenerated": true
609
+ },
610
+ "UiIcon": {
611
+ "description": "An icon component using UnoCSS/Iconify icons. Use for visual indicators, button decorations, or standalone meaningful graphics.",
612
+ "category": "Data Display",
613
+ "useCases": [
614
+ "visual indicator",
615
+ "button icon",
616
+ "status icon",
617
+ "decorative graphic"
618
+ ],
619
+ "keywords": [
620
+ "icon",
621
+ "symbol",
622
+ "graphic",
623
+ "material",
624
+ "iconify",
625
+ "svg"
626
+ ],
627
+ "related": [
628
+ "UiIconButton",
629
+ "UiButton"
630
+ ],
631
+ "props": [
632
+ "icon",
633
+ "ariaLabel"
634
+ ],
635
+ "examples": [
636
+ "Default",
637
+ "InIconButton"
638
+ ],
639
+ "_autoGenerated": true
640
+ },
641
+ "UiIconButton": {
642
+ "description": "A button that displays only an icon without text. Use for compact actions like close, edit, delete, or toolbar buttons.",
643
+ "category": "Actions",
644
+ "useCases": [
645
+ "close button",
646
+ "edit action",
647
+ "toolbar button",
648
+ "compact action"
649
+ ],
650
+ "keywords": [
651
+ "iconbutton",
652
+ "icon",
653
+ "button",
654
+ "action",
655
+ "close",
656
+ "edit",
657
+ "delete"
658
+ ],
659
+ "related": [
660
+ "UiButton",
661
+ "UiIcon"
662
+ ],
663
+ "props": [
664
+ "variant",
665
+ "size",
666
+ "asChild",
667
+ "type",
668
+ "disabled",
669
+ "loading",
670
+ "ariaLabel"
671
+ ],
672
+ "examples": [
673
+ "Default",
674
+ "Secondary",
675
+ "Destructive",
676
+ "Outline",
677
+ "Ghost",
678
+ "Link",
679
+ "Loading",
680
+ "Disabled",
681
+ "AllVariants",
682
+ "AllSizes",
683
+ "AsChild"
684
+ ],
685
+ "_autoGenerated": true
686
+ },
687
+ "UiInput": {
688
+ "description": "A text input field for single-line user input. Use for forms, search bars, and any text entry that fits on one line.",
689
+ "category": "Form Inputs",
690
+ "useCases": [
691
+ "text entry",
692
+ "search field",
693
+ "email input",
694
+ "password field",
695
+ "form field"
696
+ ],
697
+ "keywords": [
698
+ "input",
699
+ "text",
700
+ "field",
701
+ "form",
702
+ "search",
703
+ "email",
704
+ "password",
705
+ "textbox"
706
+ ],
707
+ "related": [
708
+ "UiTextarea",
709
+ "UiSelect",
710
+ "UiCheckbox"
711
+ ],
712
+ "props": [
713
+ "name",
714
+ "disabled",
715
+ "placeholder",
716
+ "required"
717
+ ],
718
+ "examples": [
719
+ "Default",
720
+ "WithLabel",
721
+ "Disabled",
722
+ "WithButton",
723
+ "File"
724
+ ],
725
+ "_autoGenerated": true
726
+ },
727
+ "UiPopover": {
728
+ "description": "A floating panel that appears relative to a trigger element. Use for rich content like forms, pickers, or detailed information.",
729
+ "category": "Overlays",
730
+ "useCases": [
731
+ "floating panel",
732
+ "picker container",
733
+ "form popup",
734
+ "info panel"
735
+ ],
736
+ "keywords": [
737
+ "popover",
738
+ "popup",
739
+ "floating",
740
+ "panel",
741
+ "overlay",
742
+ "dropdown"
743
+ ],
744
+ "related": [
745
+ "UiTooltip",
746
+ "UiDropdownMenu"
747
+ ],
748
+ "props": [
749
+ "open",
750
+ "modal"
751
+ ],
752
+ "examples": [
753
+ "Default",
754
+ "Controlled",
755
+ "Positions",
756
+ "Alignments",
757
+ "OpenByDefault"
758
+ ],
759
+ "_autoGenerated": true
760
+ },
761
+ "UiProgress": {
762
+ "description": "A progress bar showing completion status. Use for uploads, downloads, loading states, or any task with measurable progress.",
763
+ "category": "Feedback",
764
+ "useCases": [
765
+ "upload progress",
766
+ "download status",
767
+ "loading bar",
768
+ "completion indicator"
769
+ ],
770
+ "keywords": [
771
+ "progress",
772
+ "bar",
773
+ "loading",
774
+ "percentage",
775
+ "status",
776
+ "completion"
777
+ ],
778
+ "related": [
779
+ "UiSpinner"
780
+ ],
781
+ "props": [],
782
+ "examples": [
783
+ "Default",
784
+ "CustomMax"
785
+ ],
786
+ "_autoGenerated": true
787
+ },
788
+ "UiRadioGroup": {
789
+ "description": "A group of radio buttons for single-choice selection. Use when users must pick exactly one option from a visible list.",
790
+ "category": "Form Inputs",
791
+ "useCases": [
792
+ "single choice",
793
+ "option selection",
794
+ "survey question",
795
+ "settings"
796
+ ],
797
+ "keywords": [
798
+ "radio",
799
+ "radiogroup",
800
+ "option",
801
+ "choice",
802
+ "single",
803
+ "select",
804
+ "form",
805
+ "group"
806
+ ],
807
+ "related": [
808
+ "UiCheckbox",
809
+ "UiSelect"
810
+ ],
811
+ "props": [],
812
+ "examples": [
813
+ "Default",
814
+ "Disabled",
815
+ "HorizontalOrientation",
816
+ "AsChild"
817
+ ],
818
+ "_autoGenerated": true
819
+ },
820
+ "UiRangeCalendar": {
821
+ "description": "A calendar for selecting date ranges (start and end dates). Use for booking periods, vacation dates, or any range-based date selection.",
822
+ "category": "Form Inputs",
823
+ "useCases": [
824
+ "date range",
825
+ "booking period",
826
+ "vacation dates",
827
+ "filter by dates"
828
+ ],
829
+ "keywords": [
830
+ "calendar",
831
+ "range",
832
+ "daterange",
833
+ "period",
834
+ "booking",
835
+ "from",
836
+ "to",
837
+ "start",
838
+ "end"
839
+ ],
840
+ "related": [
841
+ "UiCalendar",
842
+ "UiPopover"
843
+ ],
844
+ "props": [
845
+ "modelValue",
846
+ "defaultValue",
847
+ "placeholder",
848
+ "defaultPlaceholder",
849
+ "minValue",
850
+ "maxValue",
851
+ "disabled",
852
+ "readonly",
853
+ "locale",
854
+ "weekStartsOn",
855
+ "numberOfMonths",
856
+ "pagedNavigation",
857
+ "weekdayFormat",
858
+ "fixedWeeks",
859
+ "preventDeselect",
860
+ "calendarLabel",
861
+ "initialFocus",
862
+ "isDateDisabled",
863
+ "isDateUnavailable",
864
+ "nextPage",
865
+ "prevPage"
866
+ ],
867
+ "examples": [
868
+ "Default",
869
+ "TwoMonths",
870
+ "WithPreselectedRange",
871
+ "DisabledWeekends",
872
+ "WithDateConstraints",
873
+ "GermanLocale",
874
+ "Disabled",
875
+ "Readonly",
876
+ "UnavailableDates",
877
+ "FixedWeeks",
878
+ "PagedNavigation"
879
+ ],
880
+ "_autoGenerated": true
881
+ },
882
+ "UiSelect": {
883
+ "description": "A dropdown select for choosing from a list of options. Use for form fields where users must pick one value from many.",
884
+ "category": "Form Inputs",
885
+ "useCases": [
886
+ "dropdown selection",
887
+ "form picker",
888
+ "option list",
889
+ "country selector"
890
+ ],
891
+ "keywords": [
892
+ "select",
893
+ "dropdown",
894
+ "picker",
895
+ "option",
896
+ "choice",
897
+ "combobox",
898
+ "form"
899
+ ],
900
+ "related": [
901
+ "UiDropdownMenu",
902
+ "UiRadioGroup"
903
+ ],
904
+ "props": [],
905
+ "examples": [
906
+ "Default",
907
+ "WithGroups",
908
+ "WithDisabledItems",
909
+ "Disabled",
910
+ "Sizes",
911
+ "WithDefaultValue"
912
+ ],
913
+ "_autoGenerated": true
914
+ },
915
+ "UiSlider": {
916
+ "description": "A range input for selecting numeric values by dragging a thumb along a track. Supports single-thumb sliders via `[value]` and multi-thumb sliders via `[min, max]`.",
917
+ "category": "Form Inputs",
918
+ "useCases": [
919
+ "volume control",
920
+ "price range",
921
+ "numeric input",
922
+ "filter range"
923
+ ],
924
+ "keywords": [
925
+ "slider",
926
+ "range",
927
+ "input",
928
+ "thumb",
929
+ "track",
930
+ "numeric"
931
+ ],
932
+ "related": [
933
+ "UiInput"
934
+ ],
935
+ "props": [
936
+ "modelValue",
937
+ "defaultValue",
938
+ "disabled",
939
+ "orientation",
940
+ "dir",
941
+ "inverted",
942
+ "min",
943
+ "max",
944
+ "step",
945
+ "minStepsBetweenThumbs",
946
+ "thumbAlignment",
947
+ "name",
948
+ "required"
949
+ ],
950
+ "examples": [
951
+ "Default",
952
+ "Range",
953
+ "Vertical",
954
+ "Disabled"
955
+ ],
956
+ "_autoGenerated": true
957
+ },
958
+ "UiSpinner": {
959
+ "description": "An animated loading indicator. Use while content is loading or an action is processing.",
960
+ "category": "Feedback",
961
+ "useCases": [
962
+ "loading state",
963
+ "processing",
964
+ "waiting",
965
+ "fetching data"
966
+ ],
967
+ "keywords": [
968
+ "spinner",
969
+ "loading",
970
+ "loader",
971
+ "wait",
972
+ "progress",
973
+ "animation"
974
+ ],
975
+ "related": [
976
+ "UiProgress"
977
+ ],
978
+ "props": [
979
+ "ariaLabel"
980
+ ],
981
+ "examples": [
982
+ "Default",
983
+ "Sizes",
984
+ "InlineWithText"
985
+ ],
986
+ "_autoGenerated": true
987
+ },
988
+ "UiSwitch": {
989
+ "description": "A toggle switch for on/off states. Use for settings, preferences, or any binary choice that takes effect immediately.",
990
+ "category": "Form Inputs",
991
+ "useCases": [
992
+ "toggle setting",
993
+ "enable feature",
994
+ "on off switch",
995
+ "preferences"
996
+ ],
997
+ "keywords": [
998
+ "switch",
999
+ "toggle",
1000
+ "on",
1001
+ "off",
1002
+ "boolean",
1003
+ "setting",
1004
+ "preference"
1005
+ ],
1006
+ "related": [
1007
+ "UiCheckbox"
1008
+ ],
1009
+ "props": [],
1010
+ "examples": [
1011
+ "Default",
1012
+ "Disabled"
1013
+ ],
1014
+ "_autoGenerated": true
1015
+ },
1016
+ "UiTable": {
1017
+ "description": "A basic HTML table with styled rows, headers, and cells. Use for simple tabular data without sorting, filtering, or pagination needs.",
1018
+ "category": "Layout",
1019
+ "useCases": [
1020
+ "simple data display",
1021
+ "static table",
1022
+ "price list",
1023
+ "comparison table"
1024
+ ],
1025
+ "keywords": [
1026
+ "table",
1027
+ "row",
1028
+ "cell",
1029
+ "header",
1030
+ "grid",
1031
+ "data",
1032
+ "tabular"
1033
+ ],
1034
+ "related": [
1035
+ "UiDataTable"
1036
+ ],
1037
+ "props": [
1038
+ "selected"
1039
+ ],
1040
+ "examples": [
1041
+ "Basic",
1042
+ "WithRowActions",
1043
+ "EmptyState",
1044
+ "WithColSpan"
1045
+ ],
1046
+ "_autoGenerated": true
1047
+ },
1048
+ "UiTabs": {
1049
+ "description": "Tabbed navigation for switching between content panels. Use for organizing related content into separate views.",
1050
+ "category": "Navigation",
1051
+ "useCases": [
1052
+ "content sections",
1053
+ "view switcher",
1054
+ "settings tabs",
1055
+ "navigation"
1056
+ ],
1057
+ "keywords": [
1058
+ "tabs",
1059
+ "tablist",
1060
+ "panel",
1061
+ "navigation",
1062
+ "switch",
1063
+ "section"
1064
+ ],
1065
+ "related": [
1066
+ "UiAccordion"
1067
+ ],
1068
+ "props": [],
1069
+ "examples": [
1070
+ "Default",
1071
+ "WithDisabledTab",
1072
+ "Vertical",
1073
+ "ManualActivation",
1074
+ "Controlled"
1075
+ ],
1076
+ "_autoGenerated": true
1077
+ },
1078
+ "UiTextarea": {
1079
+ "description": "A multi-line text input for longer content. Use for comments, descriptions, messages, or any text that may span multiple lines.",
1080
+ "category": "Form Inputs",
1081
+ "useCases": [
1082
+ "comment box",
1083
+ "message input",
1084
+ "description field",
1085
+ "notes",
1086
+ "bio"
1087
+ ],
1088
+ "keywords": [
1089
+ "textarea",
1090
+ "multiline",
1091
+ "text",
1092
+ "comment",
1093
+ "message",
1094
+ "description",
1095
+ "form"
1096
+ ],
1097
+ "related": [
1098
+ "UiInput"
1099
+ ],
1100
+ "props": [
1101
+ "name",
1102
+ "disabled",
1103
+ "placeholder",
1104
+ "required"
1105
+ ],
1106
+ "examples": [
1107
+ "Default",
1108
+ "Disabled"
1109
+ ],
1110
+ "_autoGenerated": true
1111
+ },
1112
+ "UiTooltip": {
1113
+ "description": "A popup that displays information on hover or focus. Use for explaining icons, providing hints, or showing additional context.",
1114
+ "category": "Overlays",
1115
+ "useCases": [
1116
+ "icon explanation",
1117
+ "help text",
1118
+ "additional info",
1119
+ "hints"
1120
+ ],
1121
+ "keywords": [
1122
+ "tooltip",
1123
+ "hint",
1124
+ "hover",
1125
+ "popup",
1126
+ "info",
1127
+ "help",
1128
+ "explanation"
1129
+ ],
1130
+ "related": [
1131
+ "UiPopover"
1132
+ ],
1133
+ "props": [
1134
+ "content",
1135
+ "side",
1136
+ "sideOffset",
1137
+ "align",
1138
+ "class",
1139
+ "delayDuration",
1140
+ "disabled"
1141
+ ],
1142
+ "examples": [
1143
+ "Default",
1144
+ "WithIconButton",
1145
+ "InstantDelay",
1146
+ "LongDelay",
1147
+ "Disabled",
1148
+ "AlignmentOptions",
1149
+ "AllSides",
1150
+ "UseCases",
1151
+ "WithText",
1152
+ "CustomOffset"
1153
+ ],
1154
+ "_autoGenerated": true
1155
+ },
1156
+ "UiTemplatePlaceholder": {
1157
+ "description": "Placeholder for template components (internal development use).",
1158
+ "category": "Templates",
1159
+ "useCases": [
1160
+ "development placeholder"
1161
+ ],
1162
+ "keywords": [
1163
+ "placeholder",
1164
+ "template",
1165
+ "internal"
1166
+ ],
1167
+ "related": [],
1168
+ "props": [],
1169
+ "examples": [],
1170
+ "_autoGenerated": true
1171
+ }
1172
+ }