@svgrid/ui 2.6.1 → 2.6.2

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 (4) hide show
  1. package/index.mjs +6 -4
  2. package/package.json +2 -2
  3. package/recipes/data/data-table.svelte +109 -0
  4. package/recipes/registry.json +1723 -1695
package/recipes/registry.json CHANGED
@@ -1,1695 +1,1723 @@
1
- {
2
- "$schema": "./registry.schema.json",
3
- "groups": {
4
- "date-time": {
5
- "title": "Date & time family",
6
- "items": [
7
- "calendar",
8
- "time-picker",
9
- "date-time-picker",
10
- "date-range-input"
11
- ]
12
- },
13
- "buttons": {
14
- "title": "Buttons & toggles",
15
- "items": [
16
- "button",
17
- "button-group",
18
- "repeat-button",
19
- "toggle-button",
20
- "switch-button",
21
- "check-box",
22
- "radio-group",
23
- "rating",
24
- "segmented"
25
- ]
26
- },
27
- "inputs": {
28
- "title": "Inputs",
29
- "items": [
30
- "text-input",
31
- "text-area",
32
- "number-input",
33
- "password-input",
34
- "masked-input",
35
- "phone-input",
36
- "color-input",
37
- "otp-input",
38
- "duration-input",
39
- "tags-input"
40
- ]
41
- },
42
- "selection": {
43
- "title": "Selection",
44
- "items": [
45
- "list-box",
46
- "drop-down-list",
47
- "combo-box",
48
- "auto-complete",
49
- "multi-select",
50
- "tree-select",
51
- "grid-select",
52
- "country-input"
53
- ]
54
- },
55
- "range": {
56
- "title": "Range & meters",
57
- "items": [
58
- "slider",
59
- "gauge",
60
- "progress",
61
- "circular-progress",
62
- "sparkline",
63
- "stat"
64
- ]
65
- },
66
- "overlays": {
67
- "title": "Overlays & menus",
68
- "items": [
69
- "popover",
70
- "tooltip",
71
- "modal",
72
- "drawer",
73
- "toaster",
74
- "context-menu",
75
- "menu",
76
- "hover-card",
77
- "popconfirm",
78
- "menubar"
79
- ]
80
- },
81
- "layout": {
82
- "title": "Layout & composite",
83
- "items": [
84
- "tabs",
85
- "accordion",
86
- "splitter",
87
- "dock-layout",
88
- "dock-manager",
89
- "card",
90
- "divider",
91
- "scroll-area",
92
- "grid-chart",
93
- "form",
94
- "field",
95
- "file-upload",
96
- "collapsible",
97
- "layout",
98
- "typography",
99
- "display"
100
- ]
101
- },
102
- "feedback": {
103
- "title": "Feedback & display",
104
- "items": [
105
- "badge",
106
- "skeleton",
107
- "alert",
108
- "empty-state",
109
- "chip",
110
- "timeline",
111
- "avatar",
112
- "avatar-group",
113
- "carousel",
114
- "spinner",
115
- "loading-overlay",
116
- "result"
117
- ]
118
- },
119
- "navigation": {
120
- "title": "Navigation & rich",
121
- "items": [
122
- "breadcrumb",
123
- "pagination",
124
- "stepper",
125
- "nav-pane",
126
- "tree",
127
- "command",
128
- "tour",
129
- "rich-text"
130
- ]
131
- }
132
- },
133
- "items": [
134
- {
135
- "id": "calendar",
136
- "title": "Calendar",
137
- "description": "Themeable month / year / decade calendar with every selection mode.",
138
- "aliases": [
139
- "svcalendar"
140
- ],
141
- "deps": [
142
- "@svgrid/grid"
143
- ],
144
- "files": [
145
- {
146
- "write": "calendar.svelte",
147
- "from": "date-time/calendar.svelte"
148
- }
149
- ],
150
- "group": "date-time"
151
- },
152
- {
153
- "id": "time-picker",
154
- "title": "Time picker",
155
- "description": "Analog clock-dial time picker (12/24-hour, minute snapping).",
156
- "aliases": [
157
- "svtimepicker",
158
- "timepicker"
159
- ],
160
- "deps": [
161
- "@svgrid/grid"
162
- ],
163
- "files": [
164
- {
165
- "write": "time-picker.svelte",
166
- "from": "date-time/time-picker.svelte"
167
- }
168
- ],
169
- "group": "date-time"
170
- },
171
- {
172
- "id": "date-time-picker",
173
- "title": "Date-time picker",
174
- "description": "Masked text field with DATE / TIME dropdown tabs.",
175
- "aliases": [
176
- "svdatetimepicker",
177
- "datetimepicker",
178
- "datetime-picker"
179
- ],
180
- "deps": [
181
- "@svgrid/grid"
182
- ],
183
- "files": [
184
- {
185
- "write": "date-time-picker.svelte",
186
- "from": "date-time/date-time-picker.svelte"
187
- }
188
- ],
189
- "group": "date-time"
190
- },
191
- {
192
- "id": "date-range-input",
193
- "title": "Date-range input",
194
- "description": "Compact start-to-end range field with preset shortcuts.",
195
- "aliases": [
196
- "svdaterangeinput",
197
- "daterangeinput",
198
- "date-range"
199
- ],
200
- "deps": [
201
- "@svgrid/grid"
202
- ],
203
- "files": [
204
- {
205
- "write": "date-range-input.svelte",
206
- "from": "date-time/date-range-input.svelte"
207
- }
208
- ],
209
- "group": "date-time"
210
- },
211
- {
212
- "id": "button",
213
- "title": "Button",
214
- "description": "Themeable press primitive with variants, sizes, loading state, icon slot, and auto anchor rendering.",
215
- "aliases": [
216
- "svbutton",
217
- "button"
218
- ],
219
- "deps": [
220
- "@svgrid/grid"
221
- ],
222
- "files": [
223
- {
224
- "write": "button.svelte",
225
- "from": "buttons/button.svelte"
226
- }
227
- ],
228
- "group": "buttons"
229
- },
230
- {
231
- "id": "button-group",
232
- "title": "Button group",
233
- "description": "Segmented button bar - single-select switcher, multi-select toggle set, or plain action row.",
234
- "aliases": [
235
- "svbuttongroup",
236
- "buttongroup"
237
- ],
238
- "deps": [
239
- "@svgrid/grid"
240
- ],
241
- "files": [
242
- {
243
- "write": "button-group.svelte",
244
- "from": "buttons/button-group.svelte"
245
- }
246
- ],
247
- "group": "buttons"
248
- },
249
- {
250
- "id": "repeat-button",
251
- "title": "Repeat button",
252
- "description": "A button that keeps firing while held - after an initial delay, then at a steady interval.",
253
- "aliases": [
254
- "svrepeatbutton",
255
- "repeatbutton"
256
- ],
257
- "deps": [
258
- "@svgrid/grid"
259
- ],
260
- "files": [
261
- {
262
- "write": "repeat-button.svelte",
263
- "from": "buttons/repeat-button.svelte"
264
- }
265
- ],
266
- "group": "buttons"
267
- },
268
- {
269
- "id": "toggle-button",
270
- "title": "Toggle button",
271
- "description": "A button with a sticky pressed on/off state, exposed via aria-pressed.",
272
- "aliases": [
273
- "svtogglebutton",
274
- "togglebutton"
275
- ],
276
- "deps": [
277
- "@svgrid/grid"
278
- ],
279
- "files": [
280
- {
281
- "write": "toggle-button.svelte",
282
- "from": "buttons/toggle-button.svelte"
283
- }
284
- ],
285
- "group": "buttons"
286
- },
287
- {
288
- "id": "switch-button",
289
- "title": "Switch button",
290
- "description": "An on/off sliding switch with the ARIA switch role for settings that apply immediately.",
291
- "aliases": [
292
- "svswitchbutton",
293
- "switchbutton"
294
- ],
295
- "deps": [
296
- "@svgrid/grid"
297
- ],
298
- "files": [
299
- {
300
- "write": "switch-button.svelte",
301
- "from": "buttons/switch-button.svelte"
302
- }
303
- ],
304
- "group": "buttons"
305
- },
306
- {
307
- "id": "check-box",
308
- "title": "Checkbox",
309
- "description": "A themed checkbox with a true indeterminate state and an optional inline label.",
310
- "aliases": [
311
- "svcheckbox",
312
- "checkbox"
313
- ],
314
- "deps": [
315
- "@svgrid/grid"
316
- ],
317
- "files": [
318
- {
319
- "write": "check-box.svelte",
320
- "from": "buttons/check-box.svelte"
321
- }
322
- ],
323
- "group": "buttons"
324
- },
325
- {
326
- "id": "radio-group",
327
- "title": "Radio group",
328
- "description": "Accessible single-select radio group with roving tabindex and arrow-key navigation.",
329
- "aliases": [
330
- "svradiogroup",
331
- "radiogroup"
332
- ],
333
- "deps": [
334
- "@svgrid/grid"
335
- ],
336
- "files": [
337
- {
338
- "write": "radio-group.svelte",
339
- "from": "buttons/radio-group.svelte"
340
- }
341
- ],
342
- "group": "buttons"
343
- },
344
- {
345
- "id": "rating",
346
- "title": "Rating",
347
- "description": "Star rating control on the ARIA slider pattern with hover preview, keyboard, and half steps.",
348
- "aliases": [
349
- "svrating",
350
- "rating"
351
- ],
352
- "deps": [
353
- "@svgrid/grid"
354
- ],
355
- "files": [
356
- {
357
- "write": "rating.svelte",
358
- "from": "buttons/rating.svelte"
359
- }
360
- ],
361
- "group": "buttons"
362
- },
363
- {
364
- "id": "text-input",
365
- "title": "Text input",
366
- "description": "Single-line text field for text, email, url, tel and search, with clear button and validation chrome.",
367
- "aliases": [
368
- "svtextinput",
369
- "textinput"
370
- ],
371
- "deps": [
372
- "@svgrid/grid"
373
- ],
374
- "files": [
375
- {
376
- "write": "text-input.svelte",
377
- "from": "inputs/text-input.svelte"
378
- }
379
- ],
380
- "group": "inputs"
381
- },
382
- {
383
- "id": "text-area",
384
- "title": "Text area",
385
- "description": "Multi-line text field with optional auto-grow and a character counter.",
386
- "aliases": [
387
- "svtextarea",
388
- "textarea"
389
- ],
390
- "deps": [
391
- "@svgrid/grid"
392
- ],
393
- "files": [
394
- {
395
- "write": "text-area.svelte",
396
- "from": "inputs/text-area.svelte"
397
- }
398
- ],
399
- "group": "inputs"
400
- },
401
- {
402
- "id": "number-input",
403
- "title": "Number input",
404
- "description": "Numeric field with min/max/step, spinner buttons, thousands grouping, precision and prefix/suffix.",
405
- "aliases": [
406
- "svnumberinput",
407
- "numberinput"
408
- ],
409
- "deps": [
410
- "@svgrid/grid"
411
- ],
412
- "files": [
413
- {
414
- "write": "number-input.svelte",
415
- "from": "inputs/number-input.svelte"
416
- }
417
- ],
418
- "group": "inputs"
419
- },
420
- {
421
- "id": "password-input",
422
- "title": "Password input",
423
- "description": "Password field with a reveal toggle and an optional 4-level strength meter.",
424
- "aliases": [
425
- "svpasswordinput",
426
- "passwordinput"
427
- ],
428
- "deps": [
429
- "@svgrid/grid"
430
- ],
431
- "files": [
432
- {
433
- "write": "password-input.svelte",
434
- "from": "inputs/password-input.svelte"
435
- }
436
- ],
437
- "group": "inputs"
438
- },
439
- {
440
- "id": "masked-input",
441
- "title": "Masked input",
442
- "description": "Pattern-masked text input that formats as you type and reports masked and raw values.",
443
- "aliases": [
444
- "svmaskedinput",
445
- "maskedinput"
446
- ],
447
- "deps": [
448
- "@svgrid/grid"
449
- ],
450
- "files": [
451
- {
452
- "write": "masked-input.svelte",
453
- "from": "inputs/masked-input.svelte"
454
- }
455
- ],
456
- "group": "inputs"
457
- },
458
- {
459
- "id": "phone-input",
460
- "title": "Phone input",
461
- "description": "Country dial-code selector plus a national number field that emits an E.164-style string.",
462
- "aliases": [
463
- "svphoneinput",
464
- "phoneinput"
465
- ],
466
- "deps": [
467
- "@svgrid/grid"
468
- ],
469
- "files": [
470
- {
471
- "write": "phone-input.svelte",
472
- "from": "inputs/phone-input.svelte"
473
- }
474
- ],
475
- "group": "inputs"
476
- },
477
- {
478
- "id": "color-input",
479
- "title": "Color input",
480
- "description": "Color swatch that opens a popover with a hex field, native picker and preset palette.",
481
- "aliases": [
482
- "svcolorinput",
483
- "colorinput"
484
- ],
485
- "deps": [
486
- "@svgrid/grid"
487
- ],
488
- "files": [
489
- {
490
- "write": "color-input.svelte",
491
- "from": "inputs/color-input.svelte"
492
- }
493
- ],
494
- "group": "inputs"
495
- },
496
- {
497
- "id": "otp-input",
498
- "title": "OTP input",
499
- "description": "Segmented one-time-code / PIN entry with auto-advance and paste distribution.",
500
- "aliases": [
501
- "svotpinput",
502
- "otpinput"
503
- ],
504
- "deps": [
505
- "@svgrid/grid"
506
- ],
507
- "files": [
508
- {
509
- "write": "otp-input.svelte",
510
- "from": "inputs/otp-input.svelte"
511
- }
512
- ],
513
- "group": "inputs"
514
- },
515
- {
516
- "id": "duration-input",
517
- "title": "Duration input",
518
- "description": "Duration editor whose value is minutes but which accepts 1h 30m, 1:30 or 90.",
519
- "aliases": [
520
- "svdurationinput",
521
- "durationinput"
522
- ],
523
- "deps": [
524
- "@svgrid/grid"
525
- ],
526
- "files": [
527
- {
528
- "write": "duration-input.svelte",
529
- "from": "inputs/duration-input.svelte"
530
- }
531
- ],
532
- "group": "inputs"
533
- },
534
- {
535
- "id": "tags-input",
536
- "title": "Tags input",
537
- "description": "Editable token / chips input over a string array with de-dupe and a max cap.",
538
- "aliases": [
539
- "svtagsinput",
540
- "tagsinput"
541
- ],
542
- "deps": [
543
- "@svgrid/grid"
544
- ],
545
- "files": [
546
- {
547
- "write": "tags-input.svelte",
548
- "from": "inputs/tags-input.svelte"
549
- }
550
- ],
551
- "group": "inputs"
552
- },
553
- {
554
- "id": "list-box",
555
- "title": "List box",
556
- "description": "Inline single/multi-select list, a WAI-ARIA listbox with type-ahead and optional windowing.",
557
- "aliases": [
558
- "svlistbox",
559
- "listbox"
560
- ],
561
- "deps": [
562
- "@svgrid/grid"
563
- ],
564
- "files": [
565
- {
566
- "write": "list-box.svelte",
567
- "from": "selection/list-box.svelte"
568
- }
569
- ],
570
- "group": "selection"
571
- },
572
- {
573
- "id": "drop-down-list",
574
- "title": "Drop-down list",
575
- "description": "Single-select dropdown with a portalled, auto-flipping option list and no typing.",
576
- "aliases": [
577
- "svdropdownlist",
578
- "dropdownlist"
579
- ],
580
- "deps": [
581
- "@svgrid/grid"
582
- ],
583
- "files": [
584
- {
585
- "write": "drop-down-list.svelte",
586
- "from": "selection/drop-down-list.svelte"
587
- }
588
- ],
589
- "group": "selection"
590
- },
591
- {
592
- "id": "combo-box",
593
- "title": "Combo box",
594
- "description": "Searchable single-select where the value must come from the list; local or remote filtering.",
595
- "aliases": [
596
- "svcombobox",
597
- "combobox"
598
- ],
599
- "deps": [
600
- "@svgrid/grid"
601
- ],
602
- "files": [
603
- {
604
- "write": "combo-box.svelte",
605
- "from": "selection/combo-box.svelte"
606
- }
607
- ],
608
- "group": "selection"
609
- },
610
- {
611
- "id": "auto-complete",
612
- "title": "Auto complete",
613
- "description": "Free-text input with a live-filtered suggestion list; any value allowed.",
614
- "aliases": [
615
- "svautocomplete",
616
- "autocomplete"
617
- ],
618
- "deps": [
619
- "@svgrid/grid"
620
- ],
621
- "files": [
622
- {
623
- "write": "auto-complete.svelte",
624
- "from": "selection/auto-complete.svelte"
625
- }
626
- ],
627
- "group": "selection"
628
- },
629
- {
630
- "id": "multi-select",
631
- "title": "Multi select",
632
- "description": "Multi-select dropdown with a chip trigger, search box, and remote options.",
633
- "aliases": [
634
- "svmultiselect",
635
- "multiselect"
636
- ],
637
- "deps": [
638
- "@svgrid/grid"
639
- ],
640
- "files": [
641
- {
642
- "write": "multi-select.svelte",
643
- "from": "selection/multi-select.svelte"
644
- }
645
- ],
646
- "group": "selection"
647
- },
648
- {
649
- "id": "tree-select",
650
- "title": "Tree select",
651
- "description": "Single-select dropdown over an indented, collapsible tree (cascader pattern).",
652
- "aliases": [
653
- "svtreeselect",
654
- "treeselect"
655
- ],
656
- "deps": [
657
- "@svgrid/grid"
658
- ],
659
- "files": [
660
- {
661
- "write": "tree-select.svelte",
662
- "from": "selection/tree-select.svelte"
663
- }
664
- ],
665
- "group": "selection"
666
- },
667
- {
668
- "id": "grid-select",
669
- "title": "Grid select",
670
- "description": "Grid-in-a-dropdown single-select that picks a row across multiple columns.",
671
- "aliases": [
672
- "svgridselect",
673
- "gridselect"
674
- ],
675
- "deps": [
676
- "@svgrid/grid"
677
- ],
678
- "files": [
679
- {
680
- "write": "grid-select.svelte",
681
- "from": "selection/grid-select.svelte"
682
- }
683
- ],
684
- "group": "selection"
685
- },
686
- {
687
- "id": "country-input",
688
- "title": "Country input",
689
- "description": "Searchable country picker with flag, dial code, and ISO alpha-2 output.",
690
- "aliases": [
691
- "svcountryinput",
692
- "countryinput"
693
- ],
694
- "deps": [
695
- "@svgrid/grid"
696
- ],
697
- "files": [
698
- {
699
- "write": "country-input.svelte",
700
- "from": "selection/country-input.svelte"
701
- }
702
- ],
703
- "group": "selection"
704
- },
705
- {
706
- "id": "slider",
707
- "title": "Slider",
708
- "description": "Single or dual-thumb range slider with steps, ticks, scale labels, and keyboard control.",
709
- "aliases": [
710
- "svslider"
711
- ],
712
- "deps": [
713
- "@svgrid/grid"
714
- ],
715
- "files": [
716
- {
717
- "write": "slider.svelte",
718
- "from": "range/slider.svelte"
719
- }
720
- ],
721
- "group": "range"
722
- },
723
- {
724
- "id": "gauge",
725
- "title": "Gauge",
726
- "description": "Radial arc gauge for a single KPI with optional colored threshold bands.",
727
- "aliases": [
728
- "svgauge"
729
- ],
730
- "deps": [
731
- "@svgrid/grid"
732
- ],
733
- "files": [
734
- {
735
- "write": "gauge.svelte",
736
- "from": "range/gauge.svelte"
737
- }
738
- ],
739
- "group": "range"
740
- },
741
- {
742
- "id": "progress",
743
- "title": "Progress",
744
- "description": "Linear determinate or indeterminate progress bar with intents, sizes, and label.",
745
- "aliases": [
746
- "svprogress"
747
- ],
748
- "deps": [
749
- "@svgrid/grid"
750
- ],
751
- "files": [
752
- {
753
- "write": "progress.svelte",
754
- "from": "range/progress.svelte"
755
- }
756
- ],
757
- "group": "range"
758
- },
759
- {
760
- "id": "circular-progress",
761
- "title": "Circular progress",
762
- "description": "Ring progress indicator, determinate or spinning, with center label or content.",
763
- "aliases": [
764
- "svcircularprogress",
765
- "circularprogress"
766
- ],
767
- "deps": [
768
- "@svgrid/grid"
769
- ],
770
- "files": [
771
- {
772
- "write": "circular-progress.svelte",
773
- "from": "range/circular-progress.svelte"
774
- }
775
- ],
776
- "group": "range"
777
- },
778
- {
779
- "id": "sparkline",
780
- "title": "Sparkline",
781
- "description": "Tiny inline line, area, bar, or win/loss chart from a plain number array.",
782
- "aliases": [
783
- "svsparkline"
784
- ],
785
- "deps": [
786
- "@svgrid/grid"
787
- ],
788
- "files": [
789
- {
790
- "write": "sparkline.svelte",
791
- "from": "range/sparkline.svelte"
792
- }
793
- ],
794
- "group": "range"
795
- },
796
- {
797
- "id": "stat",
798
- "title": "Stat",
799
- "description": "KPI metric card with a big value and auto-colored up/down delta trend.",
800
- "aliases": [
801
- "svstat"
802
- ],
803
- "deps": [
804
- "@svgrid/grid"
805
- ],
806
- "files": [
807
- {
808
- "write": "stat.svelte",
809
- "from": "range/stat.svelte"
810
- }
811
- ],
812
- "group": "range"
813
- },
814
- {
815
- "id": "popover",
816
- "title": "Popover",
817
- "description": "A floating panel anchored to a trigger, portalled to escape overflow-hidden ancestors.",
818
- "aliases": [
819
- "svpopover"
820
- ],
821
- "deps": [
822
- "@svgrid/grid"
823
- ],
824
- "files": [
825
- {
826
- "write": "popover.svelte",
827
- "from": "overlays/popover.svelte"
828
- }
829
- ],
830
- "group": "overlays"
831
- },
832
- {
833
- "id": "tooltip",
834
- "title": "Tooltip",
835
- "description": "A small hover and focus tooltip anchored to its child, wired via aria-describedby.",
836
- "aliases": [
837
- "svtooltip"
838
- ],
839
- "deps": [
840
- "@svgrid/grid"
841
- ],
842
- "files": [
843
- {
844
- "write": "tooltip.svelte",
845
- "from": "overlays/tooltip.svelte"
846
- }
847
- ],
848
- "group": "overlays"
849
- },
850
- {
851
- "id": "modal",
852
- "title": "Modal",
853
- "description": "An accessible modal dialog with backdrop, focus trap, and Escape/backdrop close.",
854
- "aliases": [
855
- "svmodal"
856
- ],
857
- "deps": [
858
- "@svgrid/grid"
859
- ],
860
- "files": [
861
- {
862
- "write": "modal.svelte",
863
- "from": "overlays/modal.svelte"
864
- }
865
- ],
866
- "group": "overlays"
867
- },
868
- {
869
- "id": "drawer",
870
- "title": "Drawer",
871
- "description": "An edge-anchored side sheet (right/left/top/bottom) with the full dialog a11y contract.",
872
- "aliases": [
873
- "svdrawer"
874
- ],
875
- "deps": [
876
- "@svgrid/grid"
877
- ],
878
- "files": [
879
- {
880
- "write": "drawer.svelte",
881
- "from": "overlays/drawer.svelte"
882
- }
883
- ],
884
- "group": "overlays"
885
- },
886
- {
887
- "id": "toaster",
888
- "title": "Toaster",
889
- "description": "The host that renders the shared toast queue; call toast() from anywhere.",
890
- "aliases": [
891
- "svtoaster"
892
- ],
893
- "deps": [
894
- "@svgrid/grid"
895
- ],
896
- "files": [
897
- {
898
- "write": "toaster.svelte",
899
- "from": "overlays/toaster.svelte"
900
- }
901
- ],
902
- "group": "overlays"
903
- },
904
- {
905
- "id": "context-menu",
906
- "title": "Context menu",
907
- "description": "Wraps a region and opens a menu at the pointer on right-click or long-press.",
908
- "aliases": [
909
- "svcontextmenu",
910
- "contextmenu"
911
- ],
912
- "deps": [
913
- "@svgrid/grid"
914
- ],
915
- "files": [
916
- {
917
- "write": "context-menu.svelte",
918
- "from": "overlays/context-menu.svelte"
919
- }
920
- ],
921
- "group": "overlays"
922
- },
923
- {
924
- "id": "menu",
925
- "title": "Menu",
926
- "description": "A trigger-opened dropdown menu with submenus, icons, shortcuts, and keyboard support.",
927
- "aliases": [
928
- "svmenu"
929
- ],
930
- "deps": [
931
- "@svgrid/grid"
932
- ],
933
- "files": [
934
- {
935
- "write": "menu.svelte",
936
- "from": "overlays/menu.svelte"
937
- }
938
- ],
939
- "group": "overlays"
940
- },
941
- {
942
- "id": "hover-card",
943
- "title": "Hover card",
944
- "description": "A rich preview card that opens on hover, positioned by the shared engine.",
945
- "aliases": [
946
- "svhovercard"
947
- ],
948
- "deps": [
949
- "@svgrid/grid"
950
- ],
951
- "files": [
952
- {
953
- "write": "hover-card.svelte",
954
- "from": "overlays/hover-card.svelte"
955
- }
956
- ],
957
- "group": "overlays"
958
- },
959
- {
960
- "id": "popconfirm",
961
- "title": "Popconfirm",
962
- "description": "A quick confirm step in a popover for low-stakes destructive actions.",
963
- "aliases": [
964
- "svpopconfirm"
965
- ],
966
- "deps": [
967
- "@svgrid/grid"
968
- ],
969
- "files": [
970
- {
971
- "write": "popconfirm.svelte",
972
- "from": "overlays/popconfirm.svelte"
973
- }
974
- ],
975
- "group": "overlays"
976
- },
977
- {
978
- "id": "menubar",
979
- "title": "Menubar",
980
- "description": "An app-style row of dropdown menus with roving focus and full keyboard support.",
981
- "aliases": [
982
- "svmenubar"
983
- ],
984
- "deps": [
985
- "@svgrid/grid"
986
- ],
987
- "files": [
988
- {
989
- "write": "menubar.svelte",
990
- "from": "overlays/menubar.svelte"
991
- }
992
- ],
993
- "group": "overlays"
994
- },
995
- {
996
- "id": "tabs",
997
- "title": "Tabs",
998
- "description": "WAI-ARIA tab strip with roving arrow-key navigation, four positions, and optional closable tabs.",
999
- "aliases": [
1000
- "svtabs"
1001
- ],
1002
- "deps": [
1003
- "@svgrid/grid"
1004
- ],
1005
- "files": [
1006
- {
1007
- "write": "tabs.svelte",
1008
- "from": "layout/tabs.svelte"
1009
- }
1010
- ],
1011
- "group": "layout"
1012
- },
1013
- {
1014
- "id": "accordion",
1015
- "title": "Accordion",
1016
- "description": "WAI-ARIA accordion of collapsible sections with single- or multiple-expand and roving header focus.",
1017
- "aliases": [
1018
- "svaccordion"
1019
- ],
1020
- "deps": [
1021
- "@svgrid/grid"
1022
- ],
1023
- "files": [
1024
- {
1025
- "write": "accordion.svelte",
1026
- "from": "layout/accordion.svelte"
1027
- }
1028
- ],
1029
- "group": "layout"
1030
- },
1031
- {
1032
- "id": "splitter",
1033
- "title": "Splitter",
1034
- "description": "Two resizable panes split by a draggable WAI-ARIA separator, with pointer drag and arrow-key resize.",
1035
- "aliases": [
1036
- "svsplitter"
1037
- ],
1038
- "deps": [
1039
- "@svgrid/grid"
1040
- ],
1041
- "files": [
1042
- {
1043
- "write": "splitter.svelte",
1044
- "from": "layout/splitter.svelte"
1045
- }
1046
- ],
1047
- "group": "layout"
1048
- },
1049
- {
1050
- "id": "dock-layout",
1051
- "title": "Dock layout",
1052
- "description": "Basic docking layout with nested resizable split groups, tabbed leaves, and drag-to-dock.",
1053
- "aliases": [
1054
- "svdocklayout",
1055
- "docklayout"
1056
- ],
1057
- "deps": [
1058
- "@svgrid/grid"
1059
- ],
1060
- "files": [
1061
- {
1062
- "write": "dock-layout.svelte",
1063
- "from": "layout/dock-layout.svelte"
1064
- }
1065
- ],
1066
- "group": "layout"
1067
- },
1068
- {
1069
- "id": "dock-manager",
1070
- "title": "Dock manager",
1071
- "description": "Full docking manager with floating windows, tab reordering, and pinning / auto-hide.",
1072
- "aliases": [
1073
- "svdockmanager",
1074
- "dockmanager"
1075
- ],
1076
- "deps": [
1077
- "@svgrid/grid"
1078
- ],
1079
- "files": [
1080
- {
1081
- "write": "dock-manager.svelte",
1082
- "from": "layout/dock-manager.svelte"
1083
- }
1084
- ],
1085
- "group": "layout"
1086
- },
1087
- {
1088
- "id": "card",
1089
- "title": "Card",
1090
- "description": "Themed surface container with an optional header, body, and footer.",
1091
- "aliases": [
1092
- "svcard"
1093
- ],
1094
- "deps": [
1095
- "@svgrid/grid"
1096
- ],
1097
- "files": [
1098
- {
1099
- "write": "card.svelte",
1100
- "from": "layout/card.svelte"
1101
- }
1102
- ],
1103
- "group": "layout"
1104
- },
1105
- {
1106
- "id": "divider",
1107
- "title": "Divider",
1108
- "description": "Theme-driven separator line, horizontal or vertical, solid or dashed, with an optional label.",
1109
- "aliases": [
1110
- "svdivider"
1111
- ],
1112
- "deps": [
1113
- "@svgrid/grid"
1114
- ],
1115
- "files": [
1116
- {
1117
- "write": "divider.svelte",
1118
- "from": "layout/divider.svelte"
1119
- }
1120
- ],
1121
- "group": "layout"
1122
- },
1123
- {
1124
- "id": "scroll-area",
1125
- "title": "Scroll area",
1126
- "description": "Scroll container with the kit's themed custom scrollbars and contained overscroll.",
1127
- "aliases": [
1128
- "svscrollarea",
1129
- "scrollarea"
1130
- ],
1131
- "deps": [
1132
- "@svgrid/grid"
1133
- ],
1134
- "files": [
1135
- {
1136
- "write": "scroll-area.svelte",
1137
- "from": "layout/scroll-area.svelte"
1138
- }
1139
- ],
1140
- "group": "layout"
1141
- },
1142
- {
1143
- "id": "grid-chart",
1144
- "title": "Grid chart",
1145
- "description": "Inline-SVG chart that renders a ChartSpec with no external charting dependency, bound to grid data.",
1146
- "aliases": [
1147
- "svgridchart",
1148
- "gridchart"
1149
- ],
1150
- "deps": [
1151
- "@svgrid/grid"
1152
- ],
1153
- "files": [
1154
- {
1155
- "write": "grid-chart.svelte",
1156
- "from": "layout/grid-chart.svelte"
1157
- }
1158
- ],
1159
- "group": "layout"
1160
- },
1161
- {
1162
- "id": "form",
1163
- "title": "Form",
1164
- "description": "Schema-driven form that renders the UI-kit controls from a FormField[] with validation and submit.",
1165
- "aliases": [
1166
- "svform"
1167
- ],
1168
- "deps": [
1169
- "@svgrid/grid"
1170
- ],
1171
- "files": [
1172
- {
1173
- "write": "form.svelte",
1174
- "from": "layout/form.svelte"
1175
- }
1176
- ],
1177
- "group": "layout"
1178
- },
1179
- {
1180
- "id": "field",
1181
- "title": "Field",
1182
- "description": "Shared label / hint / error chrome that makes any control behave consistently.",
1183
- "aliases": [
1184
- "svfield"
1185
- ],
1186
- "deps": [
1187
- "@svgrid/grid"
1188
- ],
1189
- "files": [
1190
- {
1191
- "write": "field.svelte",
1192
- "from": "layout/field.svelte"
1193
- }
1194
- ],
1195
- "group": "layout"
1196
- },
1197
- {
1198
- "id": "file-upload",
1199
- "title": "File upload",
1200
- "description": "Drag-and-drop file field with click-to-browse, accept / size / count validation, and a file list.",
1201
- "aliases": [
1202
- "svfileupload",
1203
- "fileupload"
1204
- ],
1205
- "deps": [
1206
- "@svgrid/grid"
1207
- ],
1208
- "files": [
1209
- {
1210
- "write": "file-upload.svelte",
1211
- "from": "layout/file-upload.svelte"
1212
- }
1213
- ],
1214
- "group": "layout"
1215
- },
1216
- {
1217
- "id": "collapsible",
1218
- "title": "Collapsible",
1219
- "description": "Single animated show/hide section with accessible trigger and inert closed region.",
1220
- "aliases": [
1221
- "svcollapsible",
1222
- "disclosure"
1223
- ],
1224
- "deps": [
1225
- "@svgrid/grid"
1226
- ],
1227
- "files": [
1228
- {
1229
- "write": "collapsible.svelte",
1230
- "from": "layout/collapsible.svelte"
1231
- }
1232
- ],
1233
- "group": "layout"
1234
- },
1235
- {
1236
- "id": "layout",
1237
- "title": "Layout primitives",
1238
- "description": "SvStack (column), SvGroup (row), and SvSimpleGrid (responsive grid) - gap-based flex/grid wrappers.",
1239
- "aliases": [
1240
- "svstack",
1241
- "svgroup",
1242
- "svsimplegrid",
1243
- "stack",
1244
- "group",
1245
- "simple-grid"
1246
- ],
1247
- "deps": [
1248
- "@svgrid/grid"
1249
- ],
1250
- "files": [
1251
- {
1252
- "write": "layout.svelte",
1253
- "from": "layout/layout.svelte"
1254
- }
1255
- ],
1256
- "group": "layout"
1257
- },
1258
- {
1259
- "id": "typography",
1260
- "title": "Typography",
1261
- "description": "Prose primitives - SvTitle, SvText, SvAnchor, SvBlockquote, SvMark, SvList - on one type scale.",
1262
- "aliases": [
1263
- "svtitle",
1264
- "svtext",
1265
- "svanchor",
1266
- "svblockquote",
1267
- "svmark",
1268
- "svlist",
1269
- "title",
1270
- "text",
1271
- "prose"
1272
- ],
1273
- "deps": [
1274
- "@svgrid/grid"
1275
- ],
1276
- "files": [
1277
- {
1278
- "write": "typography.svelte",
1279
- "from": "layout/typography.svelte"
1280
- }
1281
- ],
1282
- "group": "layout"
1283
- },
1284
- {
1285
- "id": "display",
1286
- "title": "Display primitives",
1287
- "description": "Small display helpers - SvKbd, SvCode, SvAspectRatio, SvVisuallyHidden.",
1288
- "aliases": [
1289
- "svkbd",
1290
- "svcode",
1291
- "svaspectratio",
1292
- "svvisuallyhidden",
1293
- "kbd",
1294
- "code",
1295
- "aspect-ratio",
1296
- "visually-hidden"
1297
- ],
1298
- "deps": [
1299
- "@svgrid/grid"
1300
- ],
1301
- "files": [
1302
- {
1303
- "write": "display.svelte",
1304
- "from": "layout/display.svelte"
1305
- }
1306
- ],
1307
- "group": "layout"
1308
- },
1309
- {
1310
- "id": "badge",
1311
- "title": "Badge",
1312
- "description": "Small status pill or count label tinted from the grid's semantic tokens.",
1313
- "aliases": [
1314
- "svbadge"
1315
- ],
1316
- "deps": [
1317
- "@svgrid/grid"
1318
- ],
1319
- "files": [
1320
- {
1321
- "write": "badge.svelte",
1322
- "from": "feedback/badge.svelte"
1323
- }
1324
- ],
1325
- "group": "feedback"
1326
- },
1327
- {
1328
- "id": "segmented",
1329
- "title": "Segmented",
1330
- "description": "Compact single-select track for view switchers and small enum settings, on the radio-group core.",
1331
- "aliases": [
1332
- "svsegmented",
1333
- "segmented-control"
1334
- ],
1335
- "deps": [
1336
- "@svgrid/grid"
1337
- ],
1338
- "files": [
1339
- {
1340
- "write": "segmented.svelte",
1341
- "from": "buttons/segmented.svelte"
1342
- }
1343
- ],
1344
- "group": "buttons"
1345
- },
1346
- {
1347
- "id": "spinner",
1348
- "title": "Spinner",
1349
- "description": "Indeterminate loading ring that inherits text colour and respects reduced-motion.",
1350
- "aliases": [
1351
- "svspinner",
1352
- "loader"
1353
- ],
1354
- "deps": [
1355
- "@svgrid/grid"
1356
- ],
1357
- "files": [
1358
- {
1359
- "write": "spinner.svelte",
1360
- "from": "feedback/spinner.svelte"
1361
- }
1362
- ],
1363
- "group": "feedback"
1364
- },
1365
- {
1366
- "id": "loading-overlay",
1367
- "title": "Loading overlay",
1368
- "description": "Cover-a-container scrim with a centred spinner while content loads or saves.",
1369
- "aliases": [
1370
- "svloadingoverlay",
1371
- "loadingoverlay"
1372
- ],
1373
- "deps": [
1374
- "@svgrid/grid"
1375
- ],
1376
- "files": [
1377
- {
1378
- "write": "loading-overlay.svelte",
1379
- "from": "feedback/loading-overlay.svelte"
1380
- }
1381
- ],
1382
- "group": "feedback"
1383
- },
1384
- {
1385
- "id": "result",
1386
- "title": "Result",
1387
- "description": "Full result page (success / error / warning / info / not-found) with icon, title, and actions.",
1388
- "aliases": [
1389
- "svresult"
1390
- ],
1391
- "deps": [
1392
- "@svgrid/grid"
1393
- ],
1394
- "files": [
1395
- {
1396
- "write": "result.svelte",
1397
- "from": "feedback/result.svelte"
1398
- }
1399
- ],
1400
- "group": "feedback"
1401
- },
1402
- {
1403
- "id": "skeleton",
1404
- "title": "Skeleton",
1405
- "description": "Shimmering loading placeholder that reserves layout space while data loads.",
1406
- "aliases": [
1407
- "svskeleton"
1408
- ],
1409
- "deps": [
1410
- "@svgrid/grid"
1411
- ],
1412
- "files": [
1413
- {
1414
- "write": "skeleton.svelte",
1415
- "from": "feedback/skeleton.svelte"
1416
- }
1417
- ],
1418
- "group": "feedback"
1419
- },
1420
- {
1421
- "id": "alert",
1422
- "title": "Alert",
1423
- "description": "Inline contextual message with icon, title, dismiss, and trailing actions.",
1424
- "aliases": [
1425
- "svalert"
1426
- ],
1427
- "deps": [
1428
- "@svgrid/grid"
1429
- ],
1430
- "files": [
1431
- {
1432
- "write": "alert.svelte",
1433
- "from": "feedback/alert.svelte"
1434
- }
1435
- ],
1436
- "group": "feedback"
1437
- },
1438
- {
1439
- "id": "empty-state",
1440
- "title": "Empty state",
1441
- "description": "Centered placeholder for empty lists and no-results screens with an action slot.",
1442
- "aliases": [
1443
- "svemptystate",
1444
- "emptystate"
1445
- ],
1446
- "deps": [
1447
- "@svgrid/grid"
1448
- ],
1449
- "files": [
1450
- {
1451
- "write": "empty-state.svelte",
1452
- "from": "feedback/empty-state.svelte"
1453
- }
1454
- ],
1455
- "group": "feedback"
1456
- },
1457
- {
1458
- "id": "chip",
1459
- "title": "Chip",
1460
- "description": "Compact interactive pill for tags, filter tokens, and entities with remove.",
1461
- "aliases": [
1462
- "svchip"
1463
- ],
1464
- "deps": [
1465
- "@svgrid/grid"
1466
- ],
1467
- "files": [
1468
- {
1469
- "write": "chip.svelte",
1470
- "from": "feedback/chip.svelte"
1471
- }
1472
- ],
1473
- "group": "feedback"
1474
- },
1475
- {
1476
- "id": "timeline",
1477
- "title": "Timeline",
1478
- "description": "Vertical activity or history feed with a connecting rail and colored markers.",
1479
- "aliases": [
1480
- "svtimeline"
1481
- ],
1482
- "deps": [
1483
- "@svgrid/grid"
1484
- ],
1485
- "files": [
1486
- {
1487
- "write": "timeline.svelte",
1488
- "from": "feedback/timeline.svelte"
1489
- }
1490
- ],
1491
- "group": "feedback"
1492
- },
1493
- {
1494
- "id": "avatar",
1495
- "title": "Avatar",
1496
- "description": "User avatar with automatic initials-and-color fallback and presence status dot.",
1497
- "aliases": [
1498
- "svavatar"
1499
- ],
1500
- "deps": [
1501
- "@svgrid/grid"
1502
- ],
1503
- "files": [
1504
- {
1505
- "write": "avatar.svelte",
1506
- "from": "feedback/avatar.svelte"
1507
- }
1508
- ],
1509
- "group": "feedback"
1510
- },
1511
- {
1512
- "id": "avatar-group",
1513
- "title": "Avatar group",
1514
- "description": "Overlapping stacked avatars with a +N overflow pill for members and assignees.",
1515
- "aliases": [
1516
- "svavatargroup",
1517
- "avatargroup"
1518
- ],
1519
- "deps": [
1520
- "@svgrid/grid"
1521
- ],
1522
- "files": [
1523
- {
1524
- "write": "avatar-group.svelte",
1525
- "from": "feedback/avatar-group.svelte"
1526
- }
1527
- ],
1528
- "group": "feedback"
1529
- },
1530
- {
1531
- "id": "carousel",
1532
- "title": "Carousel",
1533
- "description": "Sliding slideshow with arrows, dots, autoplay that pauses on hover, and swipe.",
1534
- "aliases": [
1535
- "svcarousel"
1536
- ],
1537
- "deps": [
1538
- "@svgrid/grid"
1539
- ],
1540
- "files": [
1541
- {
1542
- "write": "carousel.svelte",
1543
- "from": "feedback/carousel.svelte"
1544
- }
1545
- ],
1546
- "group": "feedback"
1547
- },
1548
- {
1549
- "id": "breadcrumb",
1550
- "title": "Breadcrumb",
1551
- "description": "A navigation trail that shows where the current page sits in your app's hierarchy.",
1552
- "aliases": [
1553
- "svbreadcrumb"
1554
- ],
1555
- "deps": [
1556
- "@svgrid/grid"
1557
- ],
1558
- "files": [
1559
- {
1560
- "write": "breadcrumb.svelte",
1561
- "from": "navigation/breadcrumb.svelte"
1562
- }
1563
- ],
1564
- "group": "navigation"
1565
- },
1566
- {
1567
- "id": "pagination",
1568
- "title": "Pagination",
1569
- "description": "A standalone pager: page numbers with ellipsis, prev/next, and optional first/last.",
1570
- "aliases": [
1571
- "svpagination"
1572
- ],
1573
- "deps": [
1574
- "@svgrid/grid"
1575
- ],
1576
- "files": [
1577
- {
1578
- "write": "pagination.svelte",
1579
- "from": "navigation/pagination.svelte"
1580
- }
1581
- ],
1582
- "group": "navigation"
1583
- },
1584
- {
1585
- "id": "stepper",
1586
- "title": "Stepper",
1587
- "description": "A progress stepper for wizards and multi-step forms, horizontal or vertical.",
1588
- "aliases": [
1589
- "svstepper"
1590
- ],
1591
- "deps": [
1592
- "@svgrid/grid"
1593
- ],
1594
- "files": [
1595
- {
1596
- "write": "stepper.svelte",
1597
- "from": "navigation/stepper.svelte"
1598
- }
1599
- ],
1600
- "group": "navigation"
1601
- },
1602
- {
1603
- "id": "nav-pane",
1604
- "title": "Nav pane",
1605
- "description": "An Outlook-style app-shell sidebar with collapsible sections, badges, and modules.",
1606
- "aliases": [
1607
- "svnavpane",
1608
- "navpane"
1609
- ],
1610
- "deps": [
1611
- "@svgrid/grid"
1612
- ],
1613
- "files": [
1614
- {
1615
- "write": "nav-pane.svelte",
1616
- "from": "navigation/nav-pane.svelte"
1617
- }
1618
- ],
1619
- "group": "navigation"
1620
- },
1621
- {
1622
- "id": "tree",
1623
- "title": "Tree",
1624
- "description": "A WAI-ARIA tree view with expand/select, tri-state checkboxes, virtualization, and lazy load.",
1625
- "aliases": [
1626
- "svtree"
1627
- ],
1628
- "deps": [
1629
- "@svgrid/grid"
1630
- ],
1631
- "files": [
1632
- {
1633
- "write": "tree.svelte",
1634
- "from": "navigation/tree.svelte"
1635
- }
1636
- ],
1637
- "group": "navigation"
1638
- },
1639
- {
1640
- "id": "command",
1641
- "title": "Command",
1642
- "description": "A Cmd+K command palette: fuzzy-searchable actions in a focus-trapped dialog.",
1643
- "aliases": [
1644
- "svcommand"
1645
- ],
1646
- "deps": [
1647
- "@svgrid/grid"
1648
- ],
1649
- "files": [
1650
- {
1651
- "write": "command.svelte",
1652
- "from": "navigation/command.svelte"
1653
- }
1654
- ],
1655
- "group": "navigation"
1656
- },
1657
- {
1658
- "id": "tour",
1659
- "title": "Tour",
1660
- "description": "A guided product tour that spotlights targets and walks users through each step.",
1661
- "aliases": [
1662
- "svtour"
1663
- ],
1664
- "deps": [
1665
- "@svgrid/grid"
1666
- ],
1667
- "files": [
1668
- {
1669
- "write": "tour.svelte",
1670
- "from": "navigation/tour.svelte"
1671
- }
1672
- ],
1673
- "group": "navigation"
1674
- },
1675
- {
1676
- "id": "rich-text",
1677
- "title": "Rich text",
1678
- "description": "A lightweight WYSIWYG editor with a formatting toolbar that emits HTML.",
1679
- "aliases": [
1680
- "svrichtext",
1681
- "richtext"
1682
- ],
1683
- "deps": [
1684
- "@svgrid/grid"
1685
- ],
1686
- "files": [
1687
- {
1688
- "write": "rich-text.svelte",
1689
- "from": "navigation/rich-text.svelte"
1690
- }
1691
- ],
1692
- "group": "navigation"
1693
- }
1694
- ]
1695
- }
1
+ {
2
+ "$schema": "./registry.schema.json",
3
+ "groups": {
4
+ "data": {
5
+ "title": "Data table & grid",
6
+ "items": [
7
+ "data-table"
8
+ ]
9
+ },
10
+ "date-time": {
11
+ "title": "Date & time family",
12
+ "items": [
13
+ "calendar",
14
+ "time-picker",
15
+ "date-time-picker",
16
+ "date-range-input"
17
+ ]
18
+ },
19
+ "buttons": {
20
+ "title": "Buttons & toggles",
21
+ "items": [
22
+ "button",
23
+ "button-group",
24
+ "repeat-button",
25
+ "toggle-button",
26
+ "switch-button",
27
+ "check-box",
28
+ "radio-group",
29
+ "rating",
30
+ "segmented"
31
+ ]
32
+ },
33
+ "inputs": {
34
+ "title": "Inputs",
35
+ "items": [
36
+ "text-input",
37
+ "text-area",
38
+ "number-input",
39
+ "password-input",
40
+ "masked-input",
41
+ "phone-input",
42
+ "color-input",
43
+ "otp-input",
44
+ "duration-input",
45
+ "tags-input"
46
+ ]
47
+ },
48
+ "selection": {
49
+ "title": "Selection",
50
+ "items": [
51
+ "list-box",
52
+ "drop-down-list",
53
+ "combo-box",
54
+ "auto-complete",
55
+ "multi-select",
56
+ "tree-select",
57
+ "grid-select",
58
+ "country-input"
59
+ ]
60
+ },
61
+ "range": {
62
+ "title": "Range & meters",
63
+ "items": [
64
+ "slider",
65
+ "gauge",
66
+ "progress",
67
+ "circular-progress",
68
+ "sparkline",
69
+ "stat"
70
+ ]
71
+ },
72
+ "overlays": {
73
+ "title": "Overlays & menus",
74
+ "items": [
75
+ "popover",
76
+ "tooltip",
77
+ "modal",
78
+ "drawer",
79
+ "toaster",
80
+ "context-menu",
81
+ "menu",
82
+ "hover-card",
83
+ "popconfirm",
84
+ "menubar"
85
+ ]
86
+ },
87
+ "layout": {
88
+ "title": "Layout & composite",
89
+ "items": [
90
+ "tabs",
91
+ "accordion",
92
+ "splitter",
93
+ "dock-layout",
94
+ "dock-manager",
95
+ "card",
96
+ "divider",
97
+ "scroll-area",
98
+ "grid-chart",
99
+ "form",
100
+ "field",
101
+ "file-upload",
102
+ "collapsible",
103
+ "layout",
104
+ "typography",
105
+ "display"
106
+ ]
107
+ },
108
+ "feedback": {
109
+ "title": "Feedback & display",
110
+ "items": [
111
+ "badge",
112
+ "skeleton",
113
+ "alert",
114
+ "empty-state",
115
+ "chip",
116
+ "timeline",
117
+ "avatar",
118
+ "avatar-group",
119
+ "carousel",
120
+ "spinner",
121
+ "loading-overlay",
122
+ "result"
123
+ ]
124
+ },
125
+ "navigation": {
126
+ "title": "Navigation & rich",
127
+ "items": [
128
+ "breadcrumb",
129
+ "pagination",
130
+ "stepper",
131
+ "nav-pane",
132
+ "tree",
133
+ "command",
134
+ "tour",
135
+ "rich-text"
136
+ ]
137
+ }
138
+ },
139
+ "items": [
140
+ {
141
+ "id": "data-table",
142
+ "title": "Data table",
143
+ "export": "SvGrid",
144
+ "description": "Sortable, filterable, paginated table with row selection - declared, not hand-wired.",
145
+ "aliases": [
146
+ "datatable",
147
+ "table",
148
+ "grid",
149
+ "svgrid"
150
+ ],
151
+ "deps": [
152
+ "@svgrid/grid"
153
+ ],
154
+ "files": [
155
+ {
156
+ "write": "data-table.svelte",
157
+ "from": "data/data-table.svelte"
158
+ }
159
+ ],
160
+ "group": "data"
161
+ },
162
+ {
163
+ "id": "calendar",
164
+ "title": "Calendar",
165
+ "description": "Themeable month / year / decade calendar with every selection mode.",
166
+ "aliases": [
167
+ "svcalendar"
168
+ ],
169
+ "deps": [
170
+ "@svgrid/grid"
171
+ ],
172
+ "files": [
173
+ {
174
+ "write": "calendar.svelte",
175
+ "from": "date-time/calendar.svelte"
176
+ }
177
+ ],
178
+ "group": "date-time"
179
+ },
180
+ {
181
+ "id": "time-picker",
182
+ "title": "Time picker",
183
+ "description": "Analog clock-dial time picker (12/24-hour, minute snapping).",
184
+ "aliases": [
185
+ "svtimepicker",
186
+ "timepicker"
187
+ ],
188
+ "deps": [
189
+ "@svgrid/grid"
190
+ ],
191
+ "files": [
192
+ {
193
+ "write": "time-picker.svelte",
194
+ "from": "date-time/time-picker.svelte"
195
+ }
196
+ ],
197
+ "group": "date-time"
198
+ },
199
+ {
200
+ "id": "date-time-picker",
201
+ "title": "Date-time picker",
202
+ "description": "Masked text field with DATE / TIME dropdown tabs.",
203
+ "aliases": [
204
+ "svdatetimepicker",
205
+ "datetimepicker",
206
+ "datetime-picker"
207
+ ],
208
+ "deps": [
209
+ "@svgrid/grid"
210
+ ],
211
+ "files": [
212
+ {
213
+ "write": "date-time-picker.svelte",
214
+ "from": "date-time/date-time-picker.svelte"
215
+ }
216
+ ],
217
+ "group": "date-time"
218
+ },
219
+ {
220
+ "id": "date-range-input",
221
+ "title": "Date-range input",
222
+ "description": "Compact start-to-end range field with preset shortcuts.",
223
+ "aliases": [
224
+ "svdaterangeinput",
225
+ "daterangeinput",
226
+ "date-range"
227
+ ],
228
+ "deps": [
229
+ "@svgrid/grid"
230
+ ],
231
+ "files": [
232
+ {
233
+ "write": "date-range-input.svelte",
234
+ "from": "date-time/date-range-input.svelte"
235
+ }
236
+ ],
237
+ "group": "date-time"
238
+ },
239
+ {
240
+ "id": "button",
241
+ "title": "Button",
242
+ "description": "Themeable press primitive with variants, sizes, loading state, icon slot, and auto anchor rendering.",
243
+ "aliases": [
244
+ "svbutton",
245
+ "button"
246
+ ],
247
+ "deps": [
248
+ "@svgrid/grid"
249
+ ],
250
+ "files": [
251
+ {
252
+ "write": "button.svelte",
253
+ "from": "buttons/button.svelte"
254
+ }
255
+ ],
256
+ "group": "buttons"
257
+ },
258
+ {
259
+ "id": "button-group",
260
+ "title": "Button group",
261
+ "description": "Segmented button bar - single-select switcher, multi-select toggle set, or plain action row.",
262
+ "aliases": [
263
+ "svbuttongroup",
264
+ "buttongroup"
265
+ ],
266
+ "deps": [
267
+ "@svgrid/grid"
268
+ ],
269
+ "files": [
270
+ {
271
+ "write": "button-group.svelte",
272
+ "from": "buttons/button-group.svelte"
273
+ }
274
+ ],
275
+ "group": "buttons"
276
+ },
277
+ {
278
+ "id": "repeat-button",
279
+ "title": "Repeat button",
280
+ "description": "A button that keeps firing while held - after an initial delay, then at a steady interval.",
281
+ "aliases": [
282
+ "svrepeatbutton",
283
+ "repeatbutton"
284
+ ],
285
+ "deps": [
286
+ "@svgrid/grid"
287
+ ],
288
+ "files": [
289
+ {
290
+ "write": "repeat-button.svelte",
291
+ "from": "buttons/repeat-button.svelte"
292
+ }
293
+ ],
294
+ "group": "buttons"
295
+ },
296
+ {
297
+ "id": "toggle-button",
298
+ "title": "Toggle button",
299
+ "description": "A button with a sticky pressed on/off state, exposed via aria-pressed.",
300
+ "aliases": [
301
+ "svtogglebutton",
302
+ "togglebutton"
303
+ ],
304
+ "deps": [
305
+ "@svgrid/grid"
306
+ ],
307
+ "files": [
308
+ {
309
+ "write": "toggle-button.svelte",
310
+ "from": "buttons/toggle-button.svelte"
311
+ }
312
+ ],
313
+ "group": "buttons"
314
+ },
315
+ {
316
+ "id": "switch-button",
317
+ "title": "Switch button",
318
+ "description": "An on/off sliding switch with the ARIA switch role for settings that apply immediately.",
319
+ "aliases": [
320
+ "svswitchbutton",
321
+ "switchbutton"
322
+ ],
323
+ "deps": [
324
+ "@svgrid/grid"
325
+ ],
326
+ "files": [
327
+ {
328
+ "write": "switch-button.svelte",
329
+ "from": "buttons/switch-button.svelte"
330
+ }
331
+ ],
332
+ "group": "buttons"
333
+ },
334
+ {
335
+ "id": "check-box",
336
+ "title": "Checkbox",
337
+ "description": "A themed checkbox with a true indeterminate state and an optional inline label.",
338
+ "aliases": [
339
+ "svcheckbox",
340
+ "checkbox"
341
+ ],
342
+ "deps": [
343
+ "@svgrid/grid"
344
+ ],
345
+ "files": [
346
+ {
347
+ "write": "check-box.svelte",
348
+ "from": "buttons/check-box.svelte"
349
+ }
350
+ ],
351
+ "group": "buttons"
352
+ },
353
+ {
354
+ "id": "radio-group",
355
+ "title": "Radio group",
356
+ "description": "Accessible single-select radio group with roving tabindex and arrow-key navigation.",
357
+ "aliases": [
358
+ "svradiogroup",
359
+ "radiogroup"
360
+ ],
361
+ "deps": [
362
+ "@svgrid/grid"
363
+ ],
364
+ "files": [
365
+ {
366
+ "write": "radio-group.svelte",
367
+ "from": "buttons/radio-group.svelte"
368
+ }
369
+ ],
370
+ "group": "buttons"
371
+ },
372
+ {
373
+ "id": "rating",
374
+ "title": "Rating",
375
+ "description": "Star rating control on the ARIA slider pattern with hover preview, keyboard, and half steps.",
376
+ "aliases": [
377
+ "svrating",
378
+ "rating"
379
+ ],
380
+ "deps": [
381
+ "@svgrid/grid"
382
+ ],
383
+ "files": [
384
+ {
385
+ "write": "rating.svelte",
386
+ "from": "buttons/rating.svelte"
387
+ }
388
+ ],
389
+ "group": "buttons"
390
+ },
391
+ {
392
+ "id": "text-input",
393
+ "title": "Text input",
394
+ "description": "Single-line text field for text, email, url, tel and search, with clear button and validation chrome.",
395
+ "aliases": [
396
+ "svtextinput",
397
+ "textinput"
398
+ ],
399
+ "deps": [
400
+ "@svgrid/grid"
401
+ ],
402
+ "files": [
403
+ {
404
+ "write": "text-input.svelte",
405
+ "from": "inputs/text-input.svelte"
406
+ }
407
+ ],
408
+ "group": "inputs"
409
+ },
410
+ {
411
+ "id": "text-area",
412
+ "title": "Text area",
413
+ "description": "Multi-line text field with optional auto-grow and a character counter.",
414
+ "aliases": [
415
+ "svtextarea",
416
+ "textarea"
417
+ ],
418
+ "deps": [
419
+ "@svgrid/grid"
420
+ ],
421
+ "files": [
422
+ {
423
+ "write": "text-area.svelte",
424
+ "from": "inputs/text-area.svelte"
425
+ }
426
+ ],
427
+ "group": "inputs"
428
+ },
429
+ {
430
+ "id": "number-input",
431
+ "title": "Number input",
432
+ "description": "Numeric field with min/max/step, spinner buttons, thousands grouping, precision and prefix/suffix.",
433
+ "aliases": [
434
+ "svnumberinput",
435
+ "numberinput"
436
+ ],
437
+ "deps": [
438
+ "@svgrid/grid"
439
+ ],
440
+ "files": [
441
+ {
442
+ "write": "number-input.svelte",
443
+ "from": "inputs/number-input.svelte"
444
+ }
445
+ ],
446
+ "group": "inputs"
447
+ },
448
+ {
449
+ "id": "password-input",
450
+ "title": "Password input",
451
+ "description": "Password field with a reveal toggle and an optional 4-level strength meter.",
452
+ "aliases": [
453
+ "svpasswordinput",
454
+ "passwordinput"
455
+ ],
456
+ "deps": [
457
+ "@svgrid/grid"
458
+ ],
459
+ "files": [
460
+ {
461
+ "write": "password-input.svelte",
462
+ "from": "inputs/password-input.svelte"
463
+ }
464
+ ],
465
+ "group": "inputs"
466
+ },
467
+ {
468
+ "id": "masked-input",
469
+ "title": "Masked input",
470
+ "description": "Pattern-masked text input that formats as you type and reports masked and raw values.",
471
+ "aliases": [
472
+ "svmaskedinput",
473
+ "maskedinput"
474
+ ],
475
+ "deps": [
476
+ "@svgrid/grid"
477
+ ],
478
+ "files": [
479
+ {
480
+ "write": "masked-input.svelte",
481
+ "from": "inputs/masked-input.svelte"
482
+ }
483
+ ],
484
+ "group": "inputs"
485
+ },
486
+ {
487
+ "id": "phone-input",
488
+ "title": "Phone input",
489
+ "description": "Country dial-code selector plus a national number field that emits an E.164-style string.",
490
+ "aliases": [
491
+ "svphoneinput",
492
+ "phoneinput"
493
+ ],
494
+ "deps": [
495
+ "@svgrid/grid"
496
+ ],
497
+ "files": [
498
+ {
499
+ "write": "phone-input.svelte",
500
+ "from": "inputs/phone-input.svelte"
501
+ }
502
+ ],
503
+ "group": "inputs"
504
+ },
505
+ {
506
+ "id": "color-input",
507
+ "title": "Color input",
508
+ "description": "Color swatch that opens a popover with a hex field, native picker and preset palette.",
509
+ "aliases": [
510
+ "svcolorinput",
511
+ "colorinput"
512
+ ],
513
+ "deps": [
514
+ "@svgrid/grid"
515
+ ],
516
+ "files": [
517
+ {
518
+ "write": "color-input.svelte",
519
+ "from": "inputs/color-input.svelte"
520
+ }
521
+ ],
522
+ "group": "inputs"
523
+ },
524
+ {
525
+ "id": "otp-input",
526
+ "title": "OTP input",
527
+ "description": "Segmented one-time-code / PIN entry with auto-advance and paste distribution.",
528
+ "aliases": [
529
+ "svotpinput",
530
+ "otpinput"
531
+ ],
532
+ "deps": [
533
+ "@svgrid/grid"
534
+ ],
535
+ "files": [
536
+ {
537
+ "write": "otp-input.svelte",
538
+ "from": "inputs/otp-input.svelte"
539
+ }
540
+ ],
541
+ "group": "inputs"
542
+ },
543
+ {
544
+ "id": "duration-input",
545
+ "title": "Duration input",
546
+ "description": "Duration editor whose value is minutes but which accepts 1h 30m, 1:30 or 90.",
547
+ "aliases": [
548
+ "svdurationinput",
549
+ "durationinput"
550
+ ],
551
+ "deps": [
552
+ "@svgrid/grid"
553
+ ],
554
+ "files": [
555
+ {
556
+ "write": "duration-input.svelte",
557
+ "from": "inputs/duration-input.svelte"
558
+ }
559
+ ],
560
+ "group": "inputs"
561
+ },
562
+ {
563
+ "id": "tags-input",
564
+ "title": "Tags input",
565
+ "description": "Editable token / chips input over a string array with de-dupe and a max cap.",
566
+ "aliases": [
567
+ "svtagsinput",
568
+ "tagsinput"
569
+ ],
570
+ "deps": [
571
+ "@svgrid/grid"
572
+ ],
573
+ "files": [
574
+ {
575
+ "write": "tags-input.svelte",
576
+ "from": "inputs/tags-input.svelte"
577
+ }
578
+ ],
579
+ "group": "inputs"
580
+ },
581
+ {
582
+ "id": "list-box",
583
+ "title": "List box",
584
+ "description": "Inline single/multi-select list, a WAI-ARIA listbox with type-ahead and optional windowing.",
585
+ "aliases": [
586
+ "svlistbox",
587
+ "listbox"
588
+ ],
589
+ "deps": [
590
+ "@svgrid/grid"
591
+ ],
592
+ "files": [
593
+ {
594
+ "write": "list-box.svelte",
595
+ "from": "selection/list-box.svelte"
596
+ }
597
+ ],
598
+ "group": "selection"
599
+ },
600
+ {
601
+ "id": "drop-down-list",
602
+ "title": "Drop-down list",
603
+ "description": "Single-select dropdown with a portalled, auto-flipping option list and no typing.",
604
+ "aliases": [
605
+ "svdropdownlist",
606
+ "dropdownlist"
607
+ ],
608
+ "deps": [
609
+ "@svgrid/grid"
610
+ ],
611
+ "files": [
612
+ {
613
+ "write": "drop-down-list.svelte",
614
+ "from": "selection/drop-down-list.svelte"
615
+ }
616
+ ],
617
+ "group": "selection"
618
+ },
619
+ {
620
+ "id": "combo-box",
621
+ "title": "Combo box",
622
+ "description": "Searchable single-select where the value must come from the list; local or remote filtering.",
623
+ "aliases": [
624
+ "svcombobox",
625
+ "combobox"
626
+ ],
627
+ "deps": [
628
+ "@svgrid/grid"
629
+ ],
630
+ "files": [
631
+ {
632
+ "write": "combo-box.svelte",
633
+ "from": "selection/combo-box.svelte"
634
+ }
635
+ ],
636
+ "group": "selection"
637
+ },
638
+ {
639
+ "id": "auto-complete",
640
+ "title": "Auto complete",
641
+ "description": "Free-text input with a live-filtered suggestion list; any value allowed.",
642
+ "aliases": [
643
+ "svautocomplete",
644
+ "autocomplete"
645
+ ],
646
+ "deps": [
647
+ "@svgrid/grid"
648
+ ],
649
+ "files": [
650
+ {
651
+ "write": "auto-complete.svelte",
652
+ "from": "selection/auto-complete.svelte"
653
+ }
654
+ ],
655
+ "group": "selection"
656
+ },
657
+ {
658
+ "id": "multi-select",
659
+ "title": "Multi select",
660
+ "description": "Multi-select dropdown with a chip trigger, search box, and remote options.",
661
+ "aliases": [
662
+ "svmultiselect",
663
+ "multiselect"
664
+ ],
665
+ "deps": [
666
+ "@svgrid/grid"
667
+ ],
668
+ "files": [
669
+ {
670
+ "write": "multi-select.svelte",
671
+ "from": "selection/multi-select.svelte"
672
+ }
673
+ ],
674
+ "group": "selection"
675
+ },
676
+ {
677
+ "id": "tree-select",
678
+ "title": "Tree select",
679
+ "description": "Single-select dropdown over an indented, collapsible tree (cascader pattern).",
680
+ "aliases": [
681
+ "svtreeselect",
682
+ "treeselect"
683
+ ],
684
+ "deps": [
685
+ "@svgrid/grid"
686
+ ],
687
+ "files": [
688
+ {
689
+ "write": "tree-select.svelte",
690
+ "from": "selection/tree-select.svelte"
691
+ }
692
+ ],
693
+ "group": "selection"
694
+ },
695
+ {
696
+ "id": "grid-select",
697
+ "title": "Grid select",
698
+ "description": "Grid-in-a-dropdown single-select that picks a row across multiple columns.",
699
+ "aliases": [
700
+ "svgridselect",
701
+ "gridselect"
702
+ ],
703
+ "deps": [
704
+ "@svgrid/grid"
705
+ ],
706
+ "files": [
707
+ {
708
+ "write": "grid-select.svelte",
709
+ "from": "selection/grid-select.svelte"
710
+ }
711
+ ],
712
+ "group": "selection"
713
+ },
714
+ {
715
+ "id": "country-input",
716
+ "title": "Country input",
717
+ "description": "Searchable country picker with flag, dial code, and ISO alpha-2 output.",
718
+ "aliases": [
719
+ "svcountryinput",
720
+ "countryinput"
721
+ ],
722
+ "deps": [
723
+ "@svgrid/grid"
724
+ ],
725
+ "files": [
726
+ {
727
+ "write": "country-input.svelte",
728
+ "from": "selection/country-input.svelte"
729
+ }
730
+ ],
731
+ "group": "selection"
732
+ },
733
+ {
734
+ "id": "slider",
735
+ "title": "Slider",
736
+ "description": "Single or dual-thumb range slider with steps, ticks, scale labels, and keyboard control.",
737
+ "aliases": [
738
+ "svslider"
739
+ ],
740
+ "deps": [
741
+ "@svgrid/grid"
742
+ ],
743
+ "files": [
744
+ {
745
+ "write": "slider.svelte",
746
+ "from": "range/slider.svelte"
747
+ }
748
+ ],
749
+ "group": "range"
750
+ },
751
+ {
752
+ "id": "gauge",
753
+ "title": "Gauge",
754
+ "description": "Radial arc gauge for a single KPI with optional colored threshold bands.",
755
+ "aliases": [
756
+ "svgauge"
757
+ ],
758
+ "deps": [
759
+ "@svgrid/grid"
760
+ ],
761
+ "files": [
762
+ {
763
+ "write": "gauge.svelte",
764
+ "from": "range/gauge.svelte"
765
+ }
766
+ ],
767
+ "group": "range"
768
+ },
769
+ {
770
+ "id": "progress",
771
+ "title": "Progress",
772
+ "description": "Linear determinate or indeterminate progress bar with intents, sizes, and label.",
773
+ "aliases": [
774
+ "svprogress"
775
+ ],
776
+ "deps": [
777
+ "@svgrid/grid"
778
+ ],
779
+ "files": [
780
+ {
781
+ "write": "progress.svelte",
782
+ "from": "range/progress.svelte"
783
+ }
784
+ ],
785
+ "group": "range"
786
+ },
787
+ {
788
+ "id": "circular-progress",
789
+ "title": "Circular progress",
790
+ "description": "Ring progress indicator, determinate or spinning, with center label or content.",
791
+ "aliases": [
792
+ "svcircularprogress",
793
+ "circularprogress"
794
+ ],
795
+ "deps": [
796
+ "@svgrid/grid"
797
+ ],
798
+ "files": [
799
+ {
800
+ "write": "circular-progress.svelte",
801
+ "from": "range/circular-progress.svelte"
802
+ }
803
+ ],
804
+ "group": "range"
805
+ },
806
+ {
807
+ "id": "sparkline",
808
+ "title": "Sparkline",
809
+ "description": "Tiny inline line, area, bar, or win/loss chart from a plain number array.",
810
+ "aliases": [
811
+ "svsparkline"
812
+ ],
813
+ "deps": [
814
+ "@svgrid/grid"
815
+ ],
816
+ "files": [
817
+ {
818
+ "write": "sparkline.svelte",
819
+ "from": "range/sparkline.svelte"
820
+ }
821
+ ],
822
+ "group": "range"
823
+ },
824
+ {
825
+ "id": "stat",
826
+ "title": "Stat",
827
+ "description": "KPI metric card with a big value and auto-colored up/down delta trend.",
828
+ "aliases": [
829
+ "svstat"
830
+ ],
831
+ "deps": [
832
+ "@svgrid/grid"
833
+ ],
834
+ "files": [
835
+ {
836
+ "write": "stat.svelte",
837
+ "from": "range/stat.svelte"
838
+ }
839
+ ],
840
+ "group": "range"
841
+ },
842
+ {
843
+ "id": "popover",
844
+ "title": "Popover",
845
+ "description": "A floating panel anchored to a trigger, portalled to escape overflow-hidden ancestors.",
846
+ "aliases": [
847
+ "svpopover"
848
+ ],
849
+ "deps": [
850
+ "@svgrid/grid"
851
+ ],
852
+ "files": [
853
+ {
854
+ "write": "popover.svelte",
855
+ "from": "overlays/popover.svelte"
856
+ }
857
+ ],
858
+ "group": "overlays"
859
+ },
860
+ {
861
+ "id": "tooltip",
862
+ "title": "Tooltip",
863
+ "description": "A small hover and focus tooltip anchored to its child, wired via aria-describedby.",
864
+ "aliases": [
865
+ "svtooltip"
866
+ ],
867
+ "deps": [
868
+ "@svgrid/grid"
869
+ ],
870
+ "files": [
871
+ {
872
+ "write": "tooltip.svelte",
873
+ "from": "overlays/tooltip.svelte"
874
+ }
875
+ ],
876
+ "group": "overlays"
877
+ },
878
+ {
879
+ "id": "modal",
880
+ "title": "Modal",
881
+ "description": "An accessible modal dialog with backdrop, focus trap, and Escape/backdrop close.",
882
+ "aliases": [
883
+ "svmodal"
884
+ ],
885
+ "deps": [
886
+ "@svgrid/grid"
887
+ ],
888
+ "files": [
889
+ {
890
+ "write": "modal.svelte",
891
+ "from": "overlays/modal.svelte"
892
+ }
893
+ ],
894
+ "group": "overlays"
895
+ },
896
+ {
897
+ "id": "drawer",
898
+ "title": "Drawer",
899
+ "description": "An edge-anchored side sheet (right/left/top/bottom) with the full dialog a11y contract.",
900
+ "aliases": [
901
+ "svdrawer"
902
+ ],
903
+ "deps": [
904
+ "@svgrid/grid"
905
+ ],
906
+ "files": [
907
+ {
908
+ "write": "drawer.svelte",
909
+ "from": "overlays/drawer.svelte"
910
+ }
911
+ ],
912
+ "group": "overlays"
913
+ },
914
+ {
915
+ "id": "toaster",
916
+ "title": "Toaster",
917
+ "description": "The host that renders the shared toast queue; call toast() from anywhere.",
918
+ "aliases": [
919
+ "svtoaster"
920
+ ],
921
+ "deps": [
922
+ "@svgrid/grid"
923
+ ],
924
+ "files": [
925
+ {
926
+ "write": "toaster.svelte",
927
+ "from": "overlays/toaster.svelte"
928
+ }
929
+ ],
930
+ "group": "overlays"
931
+ },
932
+ {
933
+ "id": "context-menu",
934
+ "title": "Context menu",
935
+ "description": "Wraps a region and opens a menu at the pointer on right-click or long-press.",
936
+ "aliases": [
937
+ "svcontextmenu",
938
+ "contextmenu"
939
+ ],
940
+ "deps": [
941
+ "@svgrid/grid"
942
+ ],
943
+ "files": [
944
+ {
945
+ "write": "context-menu.svelte",
946
+ "from": "overlays/context-menu.svelte"
947
+ }
948
+ ],
949
+ "group": "overlays"
950
+ },
951
+ {
952
+ "id": "menu",
953
+ "title": "Menu",
954
+ "description": "A trigger-opened dropdown menu with submenus, icons, shortcuts, and keyboard support.",
955
+ "aliases": [
956
+ "svmenu"
957
+ ],
958
+ "deps": [
959
+ "@svgrid/grid"
960
+ ],
961
+ "files": [
962
+ {
963
+ "write": "menu.svelte",
964
+ "from": "overlays/menu.svelte"
965
+ }
966
+ ],
967
+ "group": "overlays"
968
+ },
969
+ {
970
+ "id": "hover-card",
971
+ "title": "Hover card",
972
+ "description": "A rich preview card that opens on hover, positioned by the shared engine.",
973
+ "aliases": [
974
+ "svhovercard"
975
+ ],
976
+ "deps": [
977
+ "@svgrid/grid"
978
+ ],
979
+ "files": [
980
+ {
981
+ "write": "hover-card.svelte",
982
+ "from": "overlays/hover-card.svelte"
983
+ }
984
+ ],
985
+ "group": "overlays"
986
+ },
987
+ {
988
+ "id": "popconfirm",
989
+ "title": "Popconfirm",
990
+ "description": "A quick confirm step in a popover for low-stakes destructive actions.",
991
+ "aliases": [
992
+ "svpopconfirm"
993
+ ],
994
+ "deps": [
995
+ "@svgrid/grid"
996
+ ],
997
+ "files": [
998
+ {
999
+ "write": "popconfirm.svelte",
1000
+ "from": "overlays/popconfirm.svelte"
1001
+ }
1002
+ ],
1003
+ "group": "overlays"
1004
+ },
1005
+ {
1006
+ "id": "menubar",
1007
+ "title": "Menubar",
1008
+ "description": "An app-style row of dropdown menus with roving focus and full keyboard support.",
1009
+ "aliases": [
1010
+ "svmenubar"
1011
+ ],
1012
+ "deps": [
1013
+ "@svgrid/grid"
1014
+ ],
1015
+ "files": [
1016
+ {
1017
+ "write": "menubar.svelte",
1018
+ "from": "overlays/menubar.svelte"
1019
+ }
1020
+ ],
1021
+ "group": "overlays"
1022
+ },
1023
+ {
1024
+ "id": "tabs",
1025
+ "title": "Tabs",
1026
+ "description": "WAI-ARIA tab strip with roving arrow-key navigation, four positions, and optional closable tabs.",
1027
+ "aliases": [
1028
+ "svtabs"
1029
+ ],
1030
+ "deps": [
1031
+ "@svgrid/grid"
1032
+ ],
1033
+ "files": [
1034
+ {
1035
+ "write": "tabs.svelte",
1036
+ "from": "layout/tabs.svelte"
1037
+ }
1038
+ ],
1039
+ "group": "layout"
1040
+ },
1041
+ {
1042
+ "id": "accordion",
1043
+ "title": "Accordion",
1044
+ "description": "WAI-ARIA accordion of collapsible sections with single- or multiple-expand and roving header focus.",
1045
+ "aliases": [
1046
+ "svaccordion"
1047
+ ],
1048
+ "deps": [
1049
+ "@svgrid/grid"
1050
+ ],
1051
+ "files": [
1052
+ {
1053
+ "write": "accordion.svelte",
1054
+ "from": "layout/accordion.svelte"
1055
+ }
1056
+ ],
1057
+ "group": "layout"
1058
+ },
1059
+ {
1060
+ "id": "splitter",
1061
+ "title": "Splitter",
1062
+ "description": "Two resizable panes split by a draggable WAI-ARIA separator, with pointer drag and arrow-key resize.",
1063
+ "aliases": [
1064
+ "svsplitter"
1065
+ ],
1066
+ "deps": [
1067
+ "@svgrid/grid"
1068
+ ],
1069
+ "files": [
1070
+ {
1071
+ "write": "splitter.svelte",
1072
+ "from": "layout/splitter.svelte"
1073
+ }
1074
+ ],
1075
+ "group": "layout"
1076
+ },
1077
+ {
1078
+ "id": "dock-layout",
1079
+ "title": "Dock layout",
1080
+ "description": "Basic docking layout with nested resizable split groups, tabbed leaves, and drag-to-dock.",
1081
+ "aliases": [
1082
+ "svdocklayout",
1083
+ "docklayout"
1084
+ ],
1085
+ "deps": [
1086
+ "@svgrid/grid"
1087
+ ],
1088
+ "files": [
1089
+ {
1090
+ "write": "dock-layout.svelte",
1091
+ "from": "layout/dock-layout.svelte"
1092
+ }
1093
+ ],
1094
+ "group": "layout"
1095
+ },
1096
+ {
1097
+ "id": "dock-manager",
1098
+ "title": "Dock manager",
1099
+ "description": "Full docking manager with floating windows, tab reordering, and pinning / auto-hide.",
1100
+ "aliases": [
1101
+ "svdockmanager",
1102
+ "dockmanager"
1103
+ ],
1104
+ "deps": [
1105
+ "@svgrid/grid"
1106
+ ],
1107
+ "files": [
1108
+ {
1109
+ "write": "dock-manager.svelte",
1110
+ "from": "layout/dock-manager.svelte"
1111
+ }
1112
+ ],
1113
+ "group": "layout"
1114
+ },
1115
+ {
1116
+ "id": "card",
1117
+ "title": "Card",
1118
+ "description": "Themed surface container with an optional header, body, and footer.",
1119
+ "aliases": [
1120
+ "svcard"
1121
+ ],
1122
+ "deps": [
1123
+ "@svgrid/grid"
1124
+ ],
1125
+ "files": [
1126
+ {
1127
+ "write": "card.svelte",
1128
+ "from": "layout/card.svelte"
1129
+ }
1130
+ ],
1131
+ "group": "layout"
1132
+ },
1133
+ {
1134
+ "id": "divider",
1135
+ "title": "Divider",
1136
+ "description": "Theme-driven separator line, horizontal or vertical, solid or dashed, with an optional label.",
1137
+ "aliases": [
1138
+ "svdivider"
1139
+ ],
1140
+ "deps": [
1141
+ "@svgrid/grid"
1142
+ ],
1143
+ "files": [
1144
+ {
1145
+ "write": "divider.svelte",
1146
+ "from": "layout/divider.svelte"
1147
+ }
1148
+ ],
1149
+ "group": "layout"
1150
+ },
1151
+ {
1152
+ "id": "scroll-area",
1153
+ "title": "Scroll area",
1154
+ "description": "Scroll container with the kit's themed custom scrollbars and contained overscroll.",
1155
+ "aliases": [
1156
+ "svscrollarea",
1157
+ "scrollarea"
1158
+ ],
1159
+ "deps": [
1160
+ "@svgrid/grid"
1161
+ ],
1162
+ "files": [
1163
+ {
1164
+ "write": "scroll-area.svelte",
1165
+ "from": "layout/scroll-area.svelte"
1166
+ }
1167
+ ],
1168
+ "group": "layout"
1169
+ },
1170
+ {
1171
+ "id": "grid-chart",
1172
+ "title": "Grid chart",
1173
+ "description": "Inline-SVG chart that renders a ChartSpec with no external charting dependency, bound to grid data.",
1174
+ "aliases": [
1175
+ "svgridchart",
1176
+ "gridchart"
1177
+ ],
1178
+ "deps": [
1179
+ "@svgrid/grid"
1180
+ ],
1181
+ "files": [
1182
+ {
1183
+ "write": "grid-chart.svelte",
1184
+ "from": "layout/grid-chart.svelte"
1185
+ }
1186
+ ],
1187
+ "group": "layout"
1188
+ },
1189
+ {
1190
+ "id": "form",
1191
+ "title": "Form",
1192
+ "description": "Schema-driven form that renders the UI-kit controls from a FormField[] with validation and submit.",
1193
+ "aliases": [
1194
+ "svform"
1195
+ ],
1196
+ "deps": [
1197
+ "@svgrid/grid"
1198
+ ],
1199
+ "files": [
1200
+ {
1201
+ "write": "form.svelte",
1202
+ "from": "layout/form.svelte"
1203
+ }
1204
+ ],
1205
+ "group": "layout"
1206
+ },
1207
+ {
1208
+ "id": "field",
1209
+ "title": "Field",
1210
+ "description": "Shared label / hint / error chrome that makes any control behave consistently.",
1211
+ "aliases": [
1212
+ "svfield"
1213
+ ],
1214
+ "deps": [
1215
+ "@svgrid/grid"
1216
+ ],
1217
+ "files": [
1218
+ {
1219
+ "write": "field.svelte",
1220
+ "from": "layout/field.svelte"
1221
+ }
1222
+ ],
1223
+ "group": "layout"
1224
+ },
1225
+ {
1226
+ "id": "file-upload",
1227
+ "title": "File upload",
1228
+ "description": "Drag-and-drop file field with click-to-browse, accept / size / count validation, and a file list.",
1229
+ "aliases": [
1230
+ "svfileupload",
1231
+ "fileupload"
1232
+ ],
1233
+ "deps": [
1234
+ "@svgrid/grid"
1235
+ ],
1236
+ "files": [
1237
+ {
1238
+ "write": "file-upload.svelte",
1239
+ "from": "layout/file-upload.svelte"
1240
+ }
1241
+ ],
1242
+ "group": "layout"
1243
+ },
1244
+ {
1245
+ "id": "collapsible",
1246
+ "title": "Collapsible",
1247
+ "description": "Single animated show/hide section with accessible trigger and inert closed region.",
1248
+ "aliases": [
1249
+ "svcollapsible",
1250
+ "disclosure"
1251
+ ],
1252
+ "deps": [
1253
+ "@svgrid/grid"
1254
+ ],
1255
+ "files": [
1256
+ {
1257
+ "write": "collapsible.svelte",
1258
+ "from": "layout/collapsible.svelte"
1259
+ }
1260
+ ],
1261
+ "group": "layout"
1262
+ },
1263
+ {
1264
+ "id": "layout",
1265
+ "title": "Layout primitives",
1266
+ "description": "SvStack (column), SvGroup (row), and SvSimpleGrid (responsive grid) - gap-based flex/grid wrappers.",
1267
+ "aliases": [
1268
+ "svstack",
1269
+ "svgroup",
1270
+ "svsimplegrid",
1271
+ "stack",
1272
+ "group",
1273
+ "simple-grid"
1274
+ ],
1275
+ "deps": [
1276
+ "@svgrid/grid"
1277
+ ],
1278
+ "files": [
1279
+ {
1280
+ "write": "layout.svelte",
1281
+ "from": "layout/layout.svelte"
1282
+ }
1283
+ ],
1284
+ "group": "layout"
1285
+ },
1286
+ {
1287
+ "id": "typography",
1288
+ "title": "Typography",
1289
+ "description": "Prose primitives - SvTitle, SvText, SvAnchor, SvBlockquote, SvMark, SvList - on one type scale.",
1290
+ "aliases": [
1291
+ "svtitle",
1292
+ "svtext",
1293
+ "svanchor",
1294
+ "svblockquote",
1295
+ "svmark",
1296
+ "svlist",
1297
+ "title",
1298
+ "text",
1299
+ "prose"
1300
+ ],
1301
+ "deps": [
1302
+ "@svgrid/grid"
1303
+ ],
1304
+ "files": [
1305
+ {
1306
+ "write": "typography.svelte",
1307
+ "from": "layout/typography.svelte"
1308
+ }
1309
+ ],
1310
+ "group": "layout"
1311
+ },
1312
+ {
1313
+ "id": "display",
1314
+ "title": "Display primitives",
1315
+ "description": "Small display helpers - SvKbd, SvCode, SvAspectRatio, SvVisuallyHidden.",
1316
+ "aliases": [
1317
+ "svkbd",
1318
+ "svcode",
1319
+ "svaspectratio",
1320
+ "svvisuallyhidden",
1321
+ "kbd",
1322
+ "code",
1323
+ "aspect-ratio",
1324
+ "visually-hidden"
1325
+ ],
1326
+ "deps": [
1327
+ "@svgrid/grid"
1328
+ ],
1329
+ "files": [
1330
+ {
1331
+ "write": "display.svelte",
1332
+ "from": "layout/display.svelte"
1333
+ }
1334
+ ],
1335
+ "group": "layout"
1336
+ },
1337
+ {
1338
+ "id": "badge",
1339
+ "title": "Badge",
1340
+ "description": "Small status pill or count label tinted from the grid's semantic tokens.",
1341
+ "aliases": [
1342
+ "svbadge"
1343
+ ],
1344
+ "deps": [
1345
+ "@svgrid/grid"
1346
+ ],
1347
+ "files": [
1348
+ {
1349
+ "write": "badge.svelte",
1350
+ "from": "feedback/badge.svelte"
1351
+ }
1352
+ ],
1353
+ "group": "feedback"
1354
+ },
1355
+ {
1356
+ "id": "segmented",
1357
+ "title": "Segmented",
1358
+ "description": "Compact single-select track for view switchers and small enum settings, on the radio-group core.",
1359
+ "aliases": [
1360
+ "svsegmented",
1361
+ "segmented-control"
1362
+ ],
1363
+ "deps": [
1364
+ "@svgrid/grid"
1365
+ ],
1366
+ "files": [
1367
+ {
1368
+ "write": "segmented.svelte",
1369
+ "from": "buttons/segmented.svelte"
1370
+ }
1371
+ ],
1372
+ "group": "buttons"
1373
+ },
1374
+ {
1375
+ "id": "spinner",
1376
+ "title": "Spinner",
1377
+ "description": "Indeterminate loading ring that inherits text colour and respects reduced-motion.",
1378
+ "aliases": [
1379
+ "svspinner",
1380
+ "loader"
1381
+ ],
1382
+ "deps": [
1383
+ "@svgrid/grid"
1384
+ ],
1385
+ "files": [
1386
+ {
1387
+ "write": "spinner.svelte",
1388
+ "from": "feedback/spinner.svelte"
1389
+ }
1390
+ ],
1391
+ "group": "feedback"
1392
+ },
1393
+ {
1394
+ "id": "loading-overlay",
1395
+ "title": "Loading overlay",
1396
+ "description": "Cover-a-container scrim with a centred spinner while content loads or saves.",
1397
+ "aliases": [
1398
+ "svloadingoverlay",
1399
+ "loadingoverlay"
1400
+ ],
1401
+ "deps": [
1402
+ "@svgrid/grid"
1403
+ ],
1404
+ "files": [
1405
+ {
1406
+ "write": "loading-overlay.svelte",
1407
+ "from": "feedback/loading-overlay.svelte"
1408
+ }
1409
+ ],
1410
+ "group": "feedback"
1411
+ },
1412
+ {
1413
+ "id": "result",
1414
+ "title": "Result",
1415
+ "description": "Full result page (success / error / warning / info / not-found) with icon, title, and actions.",
1416
+ "aliases": [
1417
+ "svresult"
1418
+ ],
1419
+ "deps": [
1420
+ "@svgrid/grid"
1421
+ ],
1422
+ "files": [
1423
+ {
1424
+ "write": "result.svelte",
1425
+ "from": "feedback/result.svelte"
1426
+ }
1427
+ ],
1428
+ "group": "feedback"
1429
+ },
1430
+ {
1431
+ "id": "skeleton",
1432
+ "title": "Skeleton",
1433
+ "description": "Shimmering loading placeholder that reserves layout space while data loads.",
1434
+ "aliases": [
1435
+ "svskeleton"
1436
+ ],
1437
+ "deps": [
1438
+ "@svgrid/grid"
1439
+ ],
1440
+ "files": [
1441
+ {
1442
+ "write": "skeleton.svelte",
1443
+ "from": "feedback/skeleton.svelte"
1444
+ }
1445
+ ],
1446
+ "group": "feedback"
1447
+ },
1448
+ {
1449
+ "id": "alert",
1450
+ "title": "Alert",
1451
+ "description": "Inline contextual message with icon, title, dismiss, and trailing actions.",
1452
+ "aliases": [
1453
+ "svalert"
1454
+ ],
1455
+ "deps": [
1456
+ "@svgrid/grid"
1457
+ ],
1458
+ "files": [
1459
+ {
1460
+ "write": "alert.svelte",
1461
+ "from": "feedback/alert.svelte"
1462
+ }
1463
+ ],
1464
+ "group": "feedback"
1465
+ },
1466
+ {
1467
+ "id": "empty-state",
1468
+ "title": "Empty state",
1469
+ "description": "Centered placeholder for empty lists and no-results screens with an action slot.",
1470
+ "aliases": [
1471
+ "svemptystate",
1472
+ "emptystate"
1473
+ ],
1474
+ "deps": [
1475
+ "@svgrid/grid"
1476
+ ],
1477
+ "files": [
1478
+ {
1479
+ "write": "empty-state.svelte",
1480
+ "from": "feedback/empty-state.svelte"
1481
+ }
1482
+ ],
1483
+ "group": "feedback"
1484
+ },
1485
+ {
1486
+ "id": "chip",
1487
+ "title": "Chip",
1488
+ "description": "Compact interactive pill for tags, filter tokens, and entities with remove.",
1489
+ "aliases": [
1490
+ "svchip"
1491
+ ],
1492
+ "deps": [
1493
+ "@svgrid/grid"
1494
+ ],
1495
+ "files": [
1496
+ {
1497
+ "write": "chip.svelte",
1498
+ "from": "feedback/chip.svelte"
1499
+ }
1500
+ ],
1501
+ "group": "feedback"
1502
+ },
1503
+ {
1504
+ "id": "timeline",
1505
+ "title": "Timeline",
1506
+ "description": "Vertical activity or history feed with a connecting rail and colored markers.",
1507
+ "aliases": [
1508
+ "svtimeline"
1509
+ ],
1510
+ "deps": [
1511
+ "@svgrid/grid"
1512
+ ],
1513
+ "files": [
1514
+ {
1515
+ "write": "timeline.svelte",
1516
+ "from": "feedback/timeline.svelte"
1517
+ }
1518
+ ],
1519
+ "group": "feedback"
1520
+ },
1521
+ {
1522
+ "id": "avatar",
1523
+ "title": "Avatar",
1524
+ "description": "User avatar with automatic initials-and-color fallback and presence status dot.",
1525
+ "aliases": [
1526
+ "svavatar"
1527
+ ],
1528
+ "deps": [
1529
+ "@svgrid/grid"
1530
+ ],
1531
+ "files": [
1532
+ {
1533
+ "write": "avatar.svelte",
1534
+ "from": "feedback/avatar.svelte"
1535
+ }
1536
+ ],
1537
+ "group": "feedback"
1538
+ },
1539
+ {
1540
+ "id": "avatar-group",
1541
+ "title": "Avatar group",
1542
+ "description": "Overlapping stacked avatars with a +N overflow pill for members and assignees.",
1543
+ "aliases": [
1544
+ "svavatargroup",
1545
+ "avatargroup"
1546
+ ],
1547
+ "deps": [
1548
+ "@svgrid/grid"
1549
+ ],
1550
+ "files": [
1551
+ {
1552
+ "write": "avatar-group.svelte",
1553
+ "from": "feedback/avatar-group.svelte"
1554
+ }
1555
+ ],
1556
+ "group": "feedback"
1557
+ },
1558
+ {
1559
+ "id": "carousel",
1560
+ "title": "Carousel",
1561
+ "description": "Sliding slideshow with arrows, dots, autoplay that pauses on hover, and swipe.",
1562
+ "aliases": [
1563
+ "svcarousel"
1564
+ ],
1565
+ "deps": [
1566
+ "@svgrid/grid"
1567
+ ],
1568
+ "files": [
1569
+ {
1570
+ "write": "carousel.svelte",
1571
+ "from": "feedback/carousel.svelte"
1572
+ }
1573
+ ],
1574
+ "group": "feedback"
1575
+ },
1576
+ {
1577
+ "id": "breadcrumb",
1578
+ "title": "Breadcrumb",
1579
+ "description": "A navigation trail that shows where the current page sits in your app's hierarchy.",
1580
+ "aliases": [
1581
+ "svbreadcrumb"
1582
+ ],
1583
+ "deps": [
1584
+ "@svgrid/grid"
1585
+ ],
1586
+ "files": [
1587
+ {
1588
+ "write": "breadcrumb.svelte",
1589
+ "from": "navigation/breadcrumb.svelte"
1590
+ }
1591
+ ],
1592
+ "group": "navigation"
1593
+ },
1594
+ {
1595
+ "id": "pagination",
1596
+ "title": "Pagination",
1597
+ "description": "A standalone pager: page numbers with ellipsis, prev/next, and optional first/last.",
1598
+ "aliases": [
1599
+ "svpagination"
1600
+ ],
1601
+ "deps": [
1602
+ "@svgrid/grid"
1603
+ ],
1604
+ "files": [
1605
+ {
1606
+ "write": "pagination.svelte",
1607
+ "from": "navigation/pagination.svelte"
1608
+ }
1609
+ ],
1610
+ "group": "navigation"
1611
+ },
1612
+ {
1613
+ "id": "stepper",
1614
+ "title": "Stepper",
1615
+ "description": "A progress stepper for wizards and multi-step forms, horizontal or vertical.",
1616
+ "aliases": [
1617
+ "svstepper"
1618
+ ],
1619
+ "deps": [
1620
+ "@svgrid/grid"
1621
+ ],
1622
+ "files": [
1623
+ {
1624
+ "write": "stepper.svelte",
1625
+ "from": "navigation/stepper.svelte"
1626
+ }
1627
+ ],
1628
+ "group": "navigation"
1629
+ },
1630
+ {
1631
+ "id": "nav-pane",
1632
+ "title": "Nav pane",
1633
+ "description": "An Outlook-style app-shell sidebar with collapsible sections, badges, and modules.",
1634
+ "aliases": [
1635
+ "svnavpane",
1636
+ "navpane"
1637
+ ],
1638
+ "deps": [
1639
+ "@svgrid/grid"
1640
+ ],
1641
+ "files": [
1642
+ {
1643
+ "write": "nav-pane.svelte",
1644
+ "from": "navigation/nav-pane.svelte"
1645
+ }
1646
+ ],
1647
+ "group": "navigation"
1648
+ },
1649
+ {
1650
+ "id": "tree",
1651
+ "title": "Tree",
1652
+ "description": "A WAI-ARIA tree view with expand/select, tri-state checkboxes, virtualization, and lazy load.",
1653
+ "aliases": [
1654
+ "svtree"
1655
+ ],
1656
+ "deps": [
1657
+ "@svgrid/grid"
1658
+ ],
1659
+ "files": [
1660
+ {
1661
+ "write": "tree.svelte",
1662
+ "from": "navigation/tree.svelte"
1663
+ }
1664
+ ],
1665
+ "group": "navigation"
1666
+ },
1667
+ {
1668
+ "id": "command",
1669
+ "title": "Command",
1670
+ "description": "A Cmd+K command palette: fuzzy-searchable actions in a focus-trapped dialog.",
1671
+ "aliases": [
1672
+ "svcommand"
1673
+ ],
1674
+ "deps": [
1675
+ "@svgrid/grid"
1676
+ ],
1677
+ "files": [
1678
+ {
1679
+ "write": "command.svelte",
1680
+ "from": "navigation/command.svelte"
1681
+ }
1682
+ ],
1683
+ "group": "navigation"
1684
+ },
1685
+ {
1686
+ "id": "tour",
1687
+ "title": "Tour",
1688
+ "description": "A guided product tour that spotlights targets and walks users through each step.",
1689
+ "aliases": [
1690
+ "svtour"
1691
+ ],
1692
+ "deps": [
1693
+ "@svgrid/grid"
1694
+ ],
1695
+ "files": [
1696
+ {
1697
+ "write": "tour.svelte",
1698
+ "from": "navigation/tour.svelte"
1699
+ }
1700
+ ],
1701
+ "group": "navigation"
1702
+ },
1703
+ {
1704
+ "id": "rich-text",
1705
+ "title": "Rich text",
1706
+ "description": "A lightweight WYSIWYG editor with a formatting toolbar that emits HTML.",
1707
+ "aliases": [
1708
+ "svrichtext",
1709
+ "richtext"
1710
+ ],
1711
+ "deps": [
1712
+ "@svgrid/grid"
1713
+ ],
1714
+ "files": [
1715
+ {
1716
+ "write": "rich-text.svelte",
1717
+ "from": "navigation/rich-text.svelte"
1718
+ }
1719
+ ],
1720
+ "group": "navigation"
1721
+ }
1722
+ ]
1723
+ }