@wallarm-org/design-system 0.37.0 → 0.38.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.
Files changed (40) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +34 -0
  2. package/dist/components/Accordion/Accordion.js +27 -0
  3. package/dist/components/Accordion/AccordionActions.d.ts +11 -0
  4. package/dist/components/Accordion/AccordionActions.js +17 -0
  5. package/dist/components/Accordion/AccordionContent.d.ts +7 -0
  6. package/dist/components/Accordion/AccordionContent.js +25 -0
  7. package/dist/components/Accordion/AccordionContext/AccordionContext.d.ts +5 -0
  8. package/dist/components/Accordion/AccordionContext/AccordionContext.js +3 -0
  9. package/dist/components/Accordion/AccordionContext/AccordionContextProvider.d.ts +7 -0
  10. package/dist/components/Accordion/AccordionContext/AccordionContextProvider.js +9 -0
  11. package/dist/components/Accordion/AccordionContext/index.d.ts +3 -0
  12. package/dist/components/Accordion/AccordionContext/index.js +4 -0
  13. package/dist/components/Accordion/AccordionContext/useAccordionContext.d.ts +2 -0
  14. package/dist/components/Accordion/AccordionContext/useAccordionContext.js +8 -0
  15. package/dist/components/Accordion/AccordionItem.d.ts +7 -0
  16. package/dist/components/Accordion/AccordionItem.js +26 -0
  17. package/dist/components/Accordion/AccordionTrigger.d.ts +7 -0
  18. package/dist/components/Accordion/AccordionTrigger.js +50 -0
  19. package/dist/components/Accordion/classes.d.ts +18 -0
  20. package/dist/components/Accordion/classes.js +66 -0
  21. package/dist/components/Accordion/index.d.ts +6 -0
  22. package/dist/components/Accordion/index.js +6 -0
  23. package/dist/components/Badge/classes.d.ts +1 -1
  24. package/dist/components/Code/Code.d.ts +1 -1
  25. package/dist/components/FilterInput/FilterInputField/FilterInputChip/classes.d.ts +1 -1
  26. package/dist/components/Flex/Flex.d.ts +2 -2
  27. package/dist/components/Heading/Heading.d.ts +2 -2
  28. package/dist/components/SimpleCharts/BarList/classes.d.ts +2 -2
  29. package/dist/components/SimpleCharts/LineChart/classes.d.ts +1 -1
  30. package/dist/components/SimpleCharts/PieChart/classes.d.ts +2 -2
  31. package/dist/components/Skeleton/Skeleton.d.ts +1 -1
  32. package/dist/components/Stack/Stack.d.ts +2 -2
  33. package/dist/components/Text/Text.d.ts +2 -2
  34. package/dist/components/Tour/TourSpotlight.d.ts +1 -1
  35. package/dist/index.d.ts +1 -0
  36. package/dist/index.js +2 -1
  37. package/dist/metadata/components.json +1270 -2
  38. package/dist/theme/components/accordion.css +24 -0
  39. package/dist/theme/index.css +1 -0
  40. package/package.json +1 -1
@@ -1,7 +1,1275 @@
1
1
  {
2
- "version": "0.36.0",
3
- "generatedAt": "2026-05-15T13:10:47.187Z",
2
+ "version": "0.37.0",
3
+ "generatedAt": "2026-05-15T15:37:07.086Z",
4
4
  "components": [
5
+ {
6
+ "name": "Accordion",
7
+ "description": "Accordion component for progressive disclosure of content.\n\nThree variants:\n- `primary` — lightweight row, 40px height, base font.\n- `secondary` — compact row, 24px height, small muted text.\n- `section` — bordered panel with title, optional `AccordionActions` and content area.\n\nCompose with `AccordionItem`, `AccordionTrigger`, `AccordionActions`, and `AccordionContent`.",
8
+ "importPath": "@wallarm-org/design-system/Accordion",
9
+ "props": [
10
+ {
11
+ "name": "variant",
12
+ "type": "AccordionVariant | undefined",
13
+ "required": false,
14
+ "description": "Visual variant of the accordion",
15
+ "defaultValue": "primary"
16
+ },
17
+ {
18
+ "name": "multiple",
19
+ "type": "boolean | undefined",
20
+ "required": false,
21
+ "description": "Whether multiple items can be expanded at the same time",
22
+ "defaultValue": "false"
23
+ },
24
+ {
25
+ "name": "collapsible",
26
+ "type": "boolean | undefined",
27
+ "required": false,
28
+ "description": "Whether an expanded item can be collapsed (when `multiple` is false)",
29
+ "defaultValue": "true"
30
+ },
31
+ {
32
+ "name": "value",
33
+ "type": "string[] | undefined",
34
+ "required": false,
35
+ "description": "Controlled expanded item values"
36
+ },
37
+ {
38
+ "name": "defaultValue",
39
+ "type": "string[] | undefined",
40
+ "required": false,
41
+ "description": "Initial expanded item values for uncontrolled usage"
42
+ },
43
+ {
44
+ "name": "disabled",
45
+ "type": "boolean | undefined",
46
+ "required": false,
47
+ "description": "Disable all interaction"
48
+ }
49
+ ],
50
+ "variants": [
51
+ {
52
+ "name": "variant",
53
+ "options": [
54
+ "primary",
55
+ "secondary",
56
+ "section"
57
+ ],
58
+ "defaultValue": "primary"
59
+ }
60
+ ],
61
+ "subComponents": [
62
+ {
63
+ "name": "AccordionActions",
64
+ "props": [
65
+ {
66
+ "name": "defaultChecked",
67
+ "type": "boolean | undefined",
68
+ "required": false
69
+ },
70
+ {
71
+ "name": "defaultValue",
72
+ "type": "string | number | readonly string[] | undefined",
73
+ "required": false
74
+ },
75
+ {
76
+ "name": "suppressContentEditableWarning",
77
+ "type": "boolean | undefined",
78
+ "required": false
79
+ },
80
+ {
81
+ "name": "suppressHydrationWarning",
82
+ "type": "boolean | undefined",
83
+ "required": false
84
+ },
85
+ {
86
+ "name": "accessKey",
87
+ "type": "string | undefined",
88
+ "required": false
89
+ },
90
+ {
91
+ "name": "autoCapitalize",
92
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
93
+ "required": false
94
+ },
95
+ {
96
+ "name": "autoFocus",
97
+ "type": "boolean | undefined",
98
+ "required": false
99
+ },
100
+ {
101
+ "name": "contentEditable",
102
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
103
+ "required": false
104
+ },
105
+ {
106
+ "name": "contextMenu",
107
+ "type": "string | undefined",
108
+ "required": false
109
+ },
110
+ {
111
+ "name": "dir",
112
+ "type": "string | undefined",
113
+ "required": false
114
+ },
115
+ {
116
+ "name": "draggable",
117
+ "type": "Booleanish | undefined",
118
+ "required": false
119
+ },
120
+ {
121
+ "name": "enterKeyHint",
122
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
123
+ "required": false
124
+ },
125
+ {
126
+ "name": "hidden",
127
+ "type": "boolean | undefined",
128
+ "required": false
129
+ },
130
+ {
131
+ "name": "id",
132
+ "type": "string | undefined",
133
+ "required": false
134
+ },
135
+ {
136
+ "name": "lang",
137
+ "type": "string | undefined",
138
+ "required": false
139
+ },
140
+ {
141
+ "name": "nonce",
142
+ "type": "string | undefined",
143
+ "required": false
144
+ },
145
+ {
146
+ "name": "slot",
147
+ "type": "string | undefined",
148
+ "required": false
149
+ },
150
+ {
151
+ "name": "spellCheck",
152
+ "type": "Booleanish | undefined",
153
+ "required": false
154
+ },
155
+ {
156
+ "name": "tabIndex",
157
+ "type": "number | undefined",
158
+ "required": false
159
+ },
160
+ {
161
+ "name": "title",
162
+ "type": "string | undefined",
163
+ "required": false
164
+ },
165
+ {
166
+ "name": "translate",
167
+ "type": "\"yes\" | \"no\" | undefined",
168
+ "required": false
169
+ },
170
+ {
171
+ "name": "radioGroup",
172
+ "type": "string | undefined",
173
+ "required": false
174
+ },
175
+ {
176
+ "name": "role",
177
+ "type": "AriaRole | undefined",
178
+ "required": false
179
+ },
180
+ {
181
+ "name": "about",
182
+ "type": "string | undefined",
183
+ "required": false
184
+ },
185
+ {
186
+ "name": "content",
187
+ "type": "string | undefined",
188
+ "required": false
189
+ },
190
+ {
191
+ "name": "datatype",
192
+ "type": "string | undefined",
193
+ "required": false
194
+ },
195
+ {
196
+ "name": "inlist",
197
+ "type": "any",
198
+ "required": false
199
+ },
200
+ {
201
+ "name": "prefix",
202
+ "type": "string | undefined",
203
+ "required": false
204
+ },
205
+ {
206
+ "name": "property",
207
+ "type": "string | undefined",
208
+ "required": false
209
+ },
210
+ {
211
+ "name": "rel",
212
+ "type": "string | undefined",
213
+ "required": false
214
+ },
215
+ {
216
+ "name": "resource",
217
+ "type": "string | undefined",
218
+ "required": false
219
+ },
220
+ {
221
+ "name": "rev",
222
+ "type": "string | undefined",
223
+ "required": false
224
+ },
225
+ {
226
+ "name": "typeof",
227
+ "type": "string | undefined",
228
+ "required": false
229
+ },
230
+ {
231
+ "name": "vocab",
232
+ "type": "string | undefined",
233
+ "required": false
234
+ },
235
+ {
236
+ "name": "autoCorrect",
237
+ "type": "string | undefined",
238
+ "required": false
239
+ },
240
+ {
241
+ "name": "autoSave",
242
+ "type": "string | undefined",
243
+ "required": false
244
+ },
245
+ {
246
+ "name": "color",
247
+ "type": "string | undefined",
248
+ "required": false
249
+ },
250
+ {
251
+ "name": "itemProp",
252
+ "type": "string | undefined",
253
+ "required": false
254
+ },
255
+ {
256
+ "name": "itemScope",
257
+ "type": "boolean | undefined",
258
+ "required": false
259
+ },
260
+ {
261
+ "name": "itemType",
262
+ "type": "string | undefined",
263
+ "required": false
264
+ },
265
+ {
266
+ "name": "itemID",
267
+ "type": "string | undefined",
268
+ "required": false
269
+ },
270
+ {
271
+ "name": "itemRef",
272
+ "type": "string | undefined",
273
+ "required": false
274
+ },
275
+ {
276
+ "name": "results",
277
+ "type": "number | undefined",
278
+ "required": false
279
+ },
280
+ {
281
+ "name": "security",
282
+ "type": "string | undefined",
283
+ "required": false
284
+ },
285
+ {
286
+ "name": "unselectable",
287
+ "type": "\"off\" | \"on\" | undefined",
288
+ "required": false
289
+ },
290
+ {
291
+ "name": "popover",
292
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
293
+ "required": false
294
+ },
295
+ {
296
+ "name": "popoverTargetAction",
297
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
298
+ "required": false
299
+ },
300
+ {
301
+ "name": "popoverTarget",
302
+ "type": "string | undefined",
303
+ "required": false
304
+ },
305
+ {
306
+ "name": "inert",
307
+ "type": "boolean | undefined",
308
+ "required": false,
309
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
310
+ },
311
+ {
312
+ "name": "inputMode",
313
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
314
+ "required": false,
315
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
316
+ },
317
+ {
318
+ "name": "is",
319
+ "type": "string | undefined",
320
+ "required": false,
321
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
322
+ },
323
+ {
324
+ "name": "exportparts",
325
+ "type": "string | undefined",
326
+ "required": false,
327
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
328
+ },
329
+ {
330
+ "name": "part",
331
+ "type": "string | undefined",
332
+ "required": false,
333
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
334
+ }
335
+ ]
336
+ },
337
+ {
338
+ "name": "AccordionContent",
339
+ "props": [
340
+ {
341
+ "name": "slot",
342
+ "type": "string | undefined",
343
+ "required": false
344
+ },
345
+ {
346
+ "name": "title",
347
+ "type": "string | undefined",
348
+ "required": false
349
+ },
350
+ {
351
+ "name": "defaultChecked",
352
+ "type": "boolean | undefined",
353
+ "required": false
354
+ },
355
+ {
356
+ "name": "defaultValue",
357
+ "type": "string | number | readonly string[] | undefined",
358
+ "required": false
359
+ },
360
+ {
361
+ "name": "suppressContentEditableWarning",
362
+ "type": "boolean | undefined",
363
+ "required": false
364
+ },
365
+ {
366
+ "name": "suppressHydrationWarning",
367
+ "type": "boolean | undefined",
368
+ "required": false
369
+ },
370
+ {
371
+ "name": "accessKey",
372
+ "type": "string | undefined",
373
+ "required": false
374
+ },
375
+ {
376
+ "name": "autoCapitalize",
377
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
378
+ "required": false
379
+ },
380
+ {
381
+ "name": "autoFocus",
382
+ "type": "boolean | undefined",
383
+ "required": false
384
+ },
385
+ {
386
+ "name": "contentEditable",
387
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
388
+ "required": false
389
+ },
390
+ {
391
+ "name": "contextMenu",
392
+ "type": "string | undefined",
393
+ "required": false
394
+ },
395
+ {
396
+ "name": "dir",
397
+ "type": "string | undefined",
398
+ "required": false
399
+ },
400
+ {
401
+ "name": "draggable",
402
+ "type": "Booleanish | undefined",
403
+ "required": false
404
+ },
405
+ {
406
+ "name": "enterKeyHint",
407
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
408
+ "required": false
409
+ },
410
+ {
411
+ "name": "hidden",
412
+ "type": "boolean | undefined",
413
+ "required": false
414
+ },
415
+ {
416
+ "name": "id",
417
+ "type": "string | undefined",
418
+ "required": false
419
+ },
420
+ {
421
+ "name": "lang",
422
+ "type": "string | undefined",
423
+ "required": false
424
+ },
425
+ {
426
+ "name": "nonce",
427
+ "type": "string | undefined",
428
+ "required": false
429
+ },
430
+ {
431
+ "name": "spellCheck",
432
+ "type": "Booleanish | undefined",
433
+ "required": false
434
+ },
435
+ {
436
+ "name": "tabIndex",
437
+ "type": "number | undefined",
438
+ "required": false
439
+ },
440
+ {
441
+ "name": "translate",
442
+ "type": "\"yes\" | \"no\" | undefined",
443
+ "required": false
444
+ },
445
+ {
446
+ "name": "radioGroup",
447
+ "type": "string | undefined",
448
+ "required": false
449
+ },
450
+ {
451
+ "name": "role",
452
+ "type": "AriaRole | undefined",
453
+ "required": false
454
+ },
455
+ {
456
+ "name": "about",
457
+ "type": "string | undefined",
458
+ "required": false
459
+ },
460
+ {
461
+ "name": "content",
462
+ "type": "string | undefined",
463
+ "required": false
464
+ },
465
+ {
466
+ "name": "datatype",
467
+ "type": "string | undefined",
468
+ "required": false
469
+ },
470
+ {
471
+ "name": "inlist",
472
+ "type": "any",
473
+ "required": false
474
+ },
475
+ {
476
+ "name": "prefix",
477
+ "type": "string | undefined",
478
+ "required": false
479
+ },
480
+ {
481
+ "name": "property",
482
+ "type": "string | undefined",
483
+ "required": false
484
+ },
485
+ {
486
+ "name": "rel",
487
+ "type": "string | undefined",
488
+ "required": false
489
+ },
490
+ {
491
+ "name": "resource",
492
+ "type": "string | undefined",
493
+ "required": false
494
+ },
495
+ {
496
+ "name": "rev",
497
+ "type": "string | undefined",
498
+ "required": false
499
+ },
500
+ {
501
+ "name": "typeof",
502
+ "type": "string | undefined",
503
+ "required": false
504
+ },
505
+ {
506
+ "name": "vocab",
507
+ "type": "string | undefined",
508
+ "required": false
509
+ },
510
+ {
511
+ "name": "autoCorrect",
512
+ "type": "string | undefined",
513
+ "required": false
514
+ },
515
+ {
516
+ "name": "autoSave",
517
+ "type": "string | undefined",
518
+ "required": false
519
+ },
520
+ {
521
+ "name": "color",
522
+ "type": "string | undefined",
523
+ "required": false
524
+ },
525
+ {
526
+ "name": "itemProp",
527
+ "type": "string | undefined",
528
+ "required": false
529
+ },
530
+ {
531
+ "name": "itemScope",
532
+ "type": "boolean | undefined",
533
+ "required": false
534
+ },
535
+ {
536
+ "name": "itemType",
537
+ "type": "string | undefined",
538
+ "required": false
539
+ },
540
+ {
541
+ "name": "itemID",
542
+ "type": "string | undefined",
543
+ "required": false
544
+ },
545
+ {
546
+ "name": "itemRef",
547
+ "type": "string | undefined",
548
+ "required": false
549
+ },
550
+ {
551
+ "name": "results",
552
+ "type": "number | undefined",
553
+ "required": false
554
+ },
555
+ {
556
+ "name": "security",
557
+ "type": "string | undefined",
558
+ "required": false
559
+ },
560
+ {
561
+ "name": "unselectable",
562
+ "type": "\"off\" | \"on\" | undefined",
563
+ "required": false
564
+ },
565
+ {
566
+ "name": "popover",
567
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
568
+ "required": false
569
+ },
570
+ {
571
+ "name": "popoverTargetAction",
572
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
573
+ "required": false
574
+ },
575
+ {
576
+ "name": "popoverTarget",
577
+ "type": "string | undefined",
578
+ "required": false
579
+ },
580
+ {
581
+ "name": "inert",
582
+ "type": "boolean | undefined",
583
+ "required": false,
584
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
585
+ },
586
+ {
587
+ "name": "inputMode",
588
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
589
+ "required": false,
590
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
591
+ },
592
+ {
593
+ "name": "is",
594
+ "type": "string | undefined",
595
+ "required": false,
596
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
597
+ },
598
+ {
599
+ "name": "exportparts",
600
+ "type": "string | undefined",
601
+ "required": false,
602
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
603
+ },
604
+ {
605
+ "name": "part",
606
+ "type": "string | undefined",
607
+ "required": false,
608
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
609
+ },
610
+ {
611
+ "name": "asChild",
612
+ "type": "boolean | undefined",
613
+ "required": false,
614
+ "description": "Use the provided child element as the default rendered element, combining their props and behavior."
615
+ }
616
+ ]
617
+ },
618
+ {
619
+ "name": "AccordionItem",
620
+ "props": [
621
+ {
622
+ "name": "slot",
623
+ "type": "string | undefined",
624
+ "required": false
625
+ },
626
+ {
627
+ "name": "title",
628
+ "type": "string | undefined",
629
+ "required": false
630
+ },
631
+ {
632
+ "name": "defaultChecked",
633
+ "type": "boolean | undefined",
634
+ "required": false
635
+ },
636
+ {
637
+ "name": "defaultValue",
638
+ "type": "string | number | readonly string[] | undefined",
639
+ "required": false
640
+ },
641
+ {
642
+ "name": "suppressContentEditableWarning",
643
+ "type": "boolean | undefined",
644
+ "required": false
645
+ },
646
+ {
647
+ "name": "suppressHydrationWarning",
648
+ "type": "boolean | undefined",
649
+ "required": false
650
+ },
651
+ {
652
+ "name": "accessKey",
653
+ "type": "string | undefined",
654
+ "required": false
655
+ },
656
+ {
657
+ "name": "autoCapitalize",
658
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
659
+ "required": false
660
+ },
661
+ {
662
+ "name": "autoFocus",
663
+ "type": "boolean | undefined",
664
+ "required": false
665
+ },
666
+ {
667
+ "name": "contentEditable",
668
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
669
+ "required": false
670
+ },
671
+ {
672
+ "name": "contextMenu",
673
+ "type": "string | undefined",
674
+ "required": false
675
+ },
676
+ {
677
+ "name": "dir",
678
+ "type": "string | undefined",
679
+ "required": false
680
+ },
681
+ {
682
+ "name": "draggable",
683
+ "type": "Booleanish | undefined",
684
+ "required": false
685
+ },
686
+ {
687
+ "name": "enterKeyHint",
688
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
689
+ "required": false
690
+ },
691
+ {
692
+ "name": "hidden",
693
+ "type": "boolean | undefined",
694
+ "required": false
695
+ },
696
+ {
697
+ "name": "id",
698
+ "type": "string | undefined",
699
+ "required": false
700
+ },
701
+ {
702
+ "name": "lang",
703
+ "type": "string | undefined",
704
+ "required": false
705
+ },
706
+ {
707
+ "name": "nonce",
708
+ "type": "string | undefined",
709
+ "required": false
710
+ },
711
+ {
712
+ "name": "spellCheck",
713
+ "type": "Booleanish | undefined",
714
+ "required": false
715
+ },
716
+ {
717
+ "name": "tabIndex",
718
+ "type": "number | undefined",
719
+ "required": false
720
+ },
721
+ {
722
+ "name": "translate",
723
+ "type": "\"yes\" | \"no\" | undefined",
724
+ "required": false
725
+ },
726
+ {
727
+ "name": "radioGroup",
728
+ "type": "string | undefined",
729
+ "required": false
730
+ },
731
+ {
732
+ "name": "role",
733
+ "type": "AriaRole | undefined",
734
+ "required": false
735
+ },
736
+ {
737
+ "name": "about",
738
+ "type": "string | undefined",
739
+ "required": false
740
+ },
741
+ {
742
+ "name": "content",
743
+ "type": "string | undefined",
744
+ "required": false
745
+ },
746
+ {
747
+ "name": "datatype",
748
+ "type": "string | undefined",
749
+ "required": false
750
+ },
751
+ {
752
+ "name": "inlist",
753
+ "type": "any",
754
+ "required": false
755
+ },
756
+ {
757
+ "name": "prefix",
758
+ "type": "string | undefined",
759
+ "required": false
760
+ },
761
+ {
762
+ "name": "property",
763
+ "type": "string | undefined",
764
+ "required": false
765
+ },
766
+ {
767
+ "name": "rel",
768
+ "type": "string | undefined",
769
+ "required": false
770
+ },
771
+ {
772
+ "name": "resource",
773
+ "type": "string | undefined",
774
+ "required": false
775
+ },
776
+ {
777
+ "name": "rev",
778
+ "type": "string | undefined",
779
+ "required": false
780
+ },
781
+ {
782
+ "name": "typeof",
783
+ "type": "string | undefined",
784
+ "required": false
785
+ },
786
+ {
787
+ "name": "vocab",
788
+ "type": "string | undefined",
789
+ "required": false
790
+ },
791
+ {
792
+ "name": "autoCorrect",
793
+ "type": "string | undefined",
794
+ "required": false
795
+ },
796
+ {
797
+ "name": "autoSave",
798
+ "type": "string | undefined",
799
+ "required": false
800
+ },
801
+ {
802
+ "name": "color",
803
+ "type": "string | undefined",
804
+ "required": false
805
+ },
806
+ {
807
+ "name": "itemProp",
808
+ "type": "string | undefined",
809
+ "required": false
810
+ },
811
+ {
812
+ "name": "itemScope",
813
+ "type": "boolean | undefined",
814
+ "required": false
815
+ },
816
+ {
817
+ "name": "itemType",
818
+ "type": "string | undefined",
819
+ "required": false
820
+ },
821
+ {
822
+ "name": "itemID",
823
+ "type": "string | undefined",
824
+ "required": false
825
+ },
826
+ {
827
+ "name": "itemRef",
828
+ "type": "string | undefined",
829
+ "required": false
830
+ },
831
+ {
832
+ "name": "results",
833
+ "type": "number | undefined",
834
+ "required": false
835
+ },
836
+ {
837
+ "name": "security",
838
+ "type": "string | undefined",
839
+ "required": false
840
+ },
841
+ {
842
+ "name": "unselectable",
843
+ "type": "\"off\" | \"on\" | undefined",
844
+ "required": false
845
+ },
846
+ {
847
+ "name": "popover",
848
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
849
+ "required": false
850
+ },
851
+ {
852
+ "name": "popoverTargetAction",
853
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
854
+ "required": false
855
+ },
856
+ {
857
+ "name": "popoverTarget",
858
+ "type": "string | undefined",
859
+ "required": false
860
+ },
861
+ {
862
+ "name": "inert",
863
+ "type": "boolean | undefined",
864
+ "required": false,
865
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
866
+ },
867
+ {
868
+ "name": "inputMode",
869
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
870
+ "required": false,
871
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
872
+ },
873
+ {
874
+ "name": "is",
875
+ "type": "string | undefined",
876
+ "required": false,
877
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
878
+ },
879
+ {
880
+ "name": "exportparts",
881
+ "type": "string | undefined",
882
+ "required": false,
883
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
884
+ },
885
+ {
886
+ "name": "part",
887
+ "type": "string | undefined",
888
+ "required": false,
889
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
890
+ },
891
+ {
892
+ "name": "value",
893
+ "type": "string",
894
+ "required": true,
895
+ "description": "The value of the accordion item."
896
+ },
897
+ {
898
+ "name": "disabled",
899
+ "type": "boolean | undefined",
900
+ "required": false,
901
+ "description": "Whether the accordion item is disabled."
902
+ },
903
+ {
904
+ "name": "asChild",
905
+ "type": "boolean | undefined",
906
+ "required": false,
907
+ "description": "Use the provided child element as the default rendered element, combining their props and behavior."
908
+ }
909
+ ]
910
+ },
911
+ {
912
+ "name": "AccordionTrigger",
913
+ "props": [
914
+ {
915
+ "name": "form",
916
+ "type": "string | undefined",
917
+ "required": false
918
+ },
919
+ {
920
+ "name": "slot",
921
+ "type": "string | undefined",
922
+ "required": false
923
+ },
924
+ {
925
+ "name": "title",
926
+ "type": "string | undefined",
927
+ "required": false
928
+ },
929
+ {
930
+ "name": "defaultChecked",
931
+ "type": "boolean | undefined",
932
+ "required": false
933
+ },
934
+ {
935
+ "name": "defaultValue",
936
+ "type": "string | number | readonly string[] | undefined",
937
+ "required": false
938
+ },
939
+ {
940
+ "name": "suppressContentEditableWarning",
941
+ "type": "boolean | undefined",
942
+ "required": false
943
+ },
944
+ {
945
+ "name": "suppressHydrationWarning",
946
+ "type": "boolean | undefined",
947
+ "required": false
948
+ },
949
+ {
950
+ "name": "accessKey",
951
+ "type": "string | undefined",
952
+ "required": false
953
+ },
954
+ {
955
+ "name": "autoCapitalize",
956
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
957
+ "required": false
958
+ },
959
+ {
960
+ "name": "autoFocus",
961
+ "type": "boolean | undefined",
962
+ "required": false
963
+ },
964
+ {
965
+ "name": "contentEditable",
966
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
967
+ "required": false
968
+ },
969
+ {
970
+ "name": "contextMenu",
971
+ "type": "string | undefined",
972
+ "required": false
973
+ },
974
+ {
975
+ "name": "dir",
976
+ "type": "string | undefined",
977
+ "required": false
978
+ },
979
+ {
980
+ "name": "draggable",
981
+ "type": "Booleanish | undefined",
982
+ "required": false
983
+ },
984
+ {
985
+ "name": "enterKeyHint",
986
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
987
+ "required": false
988
+ },
989
+ {
990
+ "name": "hidden",
991
+ "type": "boolean | undefined",
992
+ "required": false
993
+ },
994
+ {
995
+ "name": "id",
996
+ "type": "string | undefined",
997
+ "required": false
998
+ },
999
+ {
1000
+ "name": "lang",
1001
+ "type": "string | undefined",
1002
+ "required": false
1003
+ },
1004
+ {
1005
+ "name": "nonce",
1006
+ "type": "string | undefined",
1007
+ "required": false
1008
+ },
1009
+ {
1010
+ "name": "spellCheck",
1011
+ "type": "Booleanish | undefined",
1012
+ "required": false
1013
+ },
1014
+ {
1015
+ "name": "tabIndex",
1016
+ "type": "number | undefined",
1017
+ "required": false
1018
+ },
1019
+ {
1020
+ "name": "translate",
1021
+ "type": "\"yes\" | \"no\" | undefined",
1022
+ "required": false
1023
+ },
1024
+ {
1025
+ "name": "radioGroup",
1026
+ "type": "string | undefined",
1027
+ "required": false
1028
+ },
1029
+ {
1030
+ "name": "role",
1031
+ "type": "AriaRole | undefined",
1032
+ "required": false
1033
+ },
1034
+ {
1035
+ "name": "about",
1036
+ "type": "string | undefined",
1037
+ "required": false
1038
+ },
1039
+ {
1040
+ "name": "content",
1041
+ "type": "string | undefined",
1042
+ "required": false
1043
+ },
1044
+ {
1045
+ "name": "datatype",
1046
+ "type": "string | undefined",
1047
+ "required": false
1048
+ },
1049
+ {
1050
+ "name": "inlist",
1051
+ "type": "any",
1052
+ "required": false
1053
+ },
1054
+ {
1055
+ "name": "prefix",
1056
+ "type": "string | undefined",
1057
+ "required": false
1058
+ },
1059
+ {
1060
+ "name": "property",
1061
+ "type": "string | undefined",
1062
+ "required": false
1063
+ },
1064
+ {
1065
+ "name": "rel",
1066
+ "type": "string | undefined",
1067
+ "required": false
1068
+ },
1069
+ {
1070
+ "name": "resource",
1071
+ "type": "string | undefined",
1072
+ "required": false
1073
+ },
1074
+ {
1075
+ "name": "rev",
1076
+ "type": "string | undefined",
1077
+ "required": false
1078
+ },
1079
+ {
1080
+ "name": "typeof",
1081
+ "type": "string | undefined",
1082
+ "required": false
1083
+ },
1084
+ {
1085
+ "name": "vocab",
1086
+ "type": "string | undefined",
1087
+ "required": false
1088
+ },
1089
+ {
1090
+ "name": "autoCorrect",
1091
+ "type": "string | undefined",
1092
+ "required": false
1093
+ },
1094
+ {
1095
+ "name": "autoSave",
1096
+ "type": "string | undefined",
1097
+ "required": false
1098
+ },
1099
+ {
1100
+ "name": "color",
1101
+ "type": "string | undefined",
1102
+ "required": false
1103
+ },
1104
+ {
1105
+ "name": "itemProp",
1106
+ "type": "string | undefined",
1107
+ "required": false
1108
+ },
1109
+ {
1110
+ "name": "itemScope",
1111
+ "type": "boolean | undefined",
1112
+ "required": false
1113
+ },
1114
+ {
1115
+ "name": "itemType",
1116
+ "type": "string | undefined",
1117
+ "required": false
1118
+ },
1119
+ {
1120
+ "name": "itemID",
1121
+ "type": "string | undefined",
1122
+ "required": false
1123
+ },
1124
+ {
1125
+ "name": "itemRef",
1126
+ "type": "string | undefined",
1127
+ "required": false
1128
+ },
1129
+ {
1130
+ "name": "results",
1131
+ "type": "number | undefined",
1132
+ "required": false
1133
+ },
1134
+ {
1135
+ "name": "security",
1136
+ "type": "string | undefined",
1137
+ "required": false
1138
+ },
1139
+ {
1140
+ "name": "unselectable",
1141
+ "type": "\"off\" | \"on\" | undefined",
1142
+ "required": false
1143
+ },
1144
+ {
1145
+ "name": "popover",
1146
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
1147
+ "required": false
1148
+ },
1149
+ {
1150
+ "name": "popoverTargetAction",
1151
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
1152
+ "required": false
1153
+ },
1154
+ {
1155
+ "name": "popoverTarget",
1156
+ "type": "string | undefined",
1157
+ "required": false
1158
+ },
1159
+ {
1160
+ "name": "inert",
1161
+ "type": "boolean | undefined",
1162
+ "required": false,
1163
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
1164
+ },
1165
+ {
1166
+ "name": "inputMode",
1167
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
1168
+ "required": false,
1169
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
1170
+ },
1171
+ {
1172
+ "name": "is",
1173
+ "type": "string | undefined",
1174
+ "required": false,
1175
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
1176
+ },
1177
+ {
1178
+ "name": "exportparts",
1179
+ "type": "string | undefined",
1180
+ "required": false,
1181
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
1182
+ },
1183
+ {
1184
+ "name": "part",
1185
+ "type": "string | undefined",
1186
+ "required": false,
1187
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
1188
+ },
1189
+ {
1190
+ "name": "disabled",
1191
+ "type": "boolean | undefined",
1192
+ "required": false
1193
+ },
1194
+ {
1195
+ "name": "formAction",
1196
+ "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
1197
+ "required": false
1198
+ },
1199
+ {
1200
+ "name": "formEncType",
1201
+ "type": "string | undefined",
1202
+ "required": false
1203
+ },
1204
+ {
1205
+ "name": "formMethod",
1206
+ "type": "string | undefined",
1207
+ "required": false
1208
+ },
1209
+ {
1210
+ "name": "formNoValidate",
1211
+ "type": "boolean | undefined",
1212
+ "required": false
1213
+ },
1214
+ {
1215
+ "name": "formTarget",
1216
+ "type": "string | undefined",
1217
+ "required": false
1218
+ },
1219
+ {
1220
+ "name": "name",
1221
+ "type": "string | undefined",
1222
+ "required": false
1223
+ },
1224
+ {
1225
+ "name": "value",
1226
+ "type": "string | number | readonly string[] | undefined",
1227
+ "required": false
1228
+ },
1229
+ {
1230
+ "name": "asChild",
1231
+ "type": "boolean | undefined",
1232
+ "required": false,
1233
+ "description": "Use the provided child element as the default rendered element, combining their props and behavior."
1234
+ }
1235
+ ]
1236
+ }
1237
+ ],
1238
+ "examples": [
1239
+ {
1240
+ "name": "Primary",
1241
+ "code": "args => (\n <div className='w-440'>\n <Accordion {...args} variant='primary' data-testid='accordion-primary'>\n <AccordionItem value='1'>\n <AccordionTrigger>Title</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n <AccordionItem value='2'>\n <AccordionTrigger>Title</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </div>\n)"
1242
+ },
1243
+ {
1244
+ "name": "Secondary",
1245
+ "code": "args => (\n <div className='w-440'>\n <Accordion {...args} variant='secondary' data-testid='accordion-secondary'>\n <AccordionItem value='1'>\n <AccordionTrigger>Title</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n <AccordionItem value='2'>\n <AccordionTrigger>Title</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </div>\n)"
1246
+ },
1247
+ {
1248
+ "name": "Section",
1249
+ "code": "args => (\n <div className='w-440'>\n <Accordion {...args} variant='section' defaultValue={['1']} data-testid='accordion-section'>\n <AccordionItem value='1'>\n <AccordionTrigger>\n Title <NumericBadge>2</NumericBadge>\n </AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n <AccordionItem value='2'>\n <AccordionTrigger>\n Title <NumericBadge>2</NumericBadge>\n </AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </div>\n)"
1250
+ },
1251
+ {
1252
+ "name": "SectionWithActions",
1253
+ "code": "args => (\n <div className='w-560'>\n <Accordion\n {...args}\n variant='section'\n defaultValue={['1']}\n data-testid='accordion-section-actions'\n >\n <AccordionItem value='1'>\n <AccordionTrigger>\n Title <NumericBadge>2</NumericBadge>\n </AccordionTrigger>\n <AccordionActions>\n <Button variant='ghost' size='small'>\n Delete\n </Button>\n <Button variant='outline' size='small'>\n Edit\n </Button>\n </AccordionActions>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n <AccordionItem value='2'>\n <AccordionTrigger>\n Title <NumericBadge>2</NumericBadge>\n </AccordionTrigger>\n <AccordionActions>\n <Button variant='ghost' size='small'>\n Delete\n </Button>\n <Button variant='outline' size='small'>\n Edit\n </Button>\n </AccordionActions>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </div>\n)"
1254
+ },
1255
+ {
1256
+ "name": "LongTitlePrimary",
1257
+ "code": "args => (\n <div className='w-320'>\n <Accordion {...args} variant='primary' data-testid='accordion-long-title-primary'>\n <AccordionItem value='1'>\n <AccordionTrigger>{longTitleText}</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </div>\n)"
1258
+ },
1259
+ {
1260
+ "name": "LongTitleSecondary",
1261
+ "code": "args => (\n <div className='w-320'>\n <Accordion {...args} variant='secondary' data-testid='accordion-long-title-secondary'>\n <AccordionItem value='1'>\n <AccordionTrigger>{longTitleText}</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </div>\n)"
1262
+ },
1263
+ {
1264
+ "name": "Multiple",
1265
+ "code": "args => (\n <div className='w-440'>\n <Accordion\n {...args}\n variant='section'\n multiple\n defaultValue={['1', '2']}\n data-testid='accordion-multiple'\n >\n <AccordionItem value='1'>\n <AccordionTrigger>Section A</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n <AccordionItem value='2'>\n <AccordionTrigger>Section B</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n <AccordionItem value='3'>\n <AccordionTrigger>Section C</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </div>\n)"
1266
+ },
1267
+ {
1268
+ "name": "Disabled",
1269
+ "code": "args => (\n <div className='w-440'>\n <Accordion {...args} variant='primary' data-testid='accordion-disabled'>\n <AccordionItem value='1'>\n <AccordionTrigger>Available</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n <AccordionItem value='2' disabled>\n <AccordionTrigger>Disabled item</AccordionTrigger>\n <AccordionContent>\n <Text>{sampleText}</Text>\n </AccordionContent>\n </AccordionItem>\n </Accordion>\n </div>\n)"
1270
+ }
1271
+ ]
1272
+ },
5
1273
  {
6
1274
  "name": "Alert",
7
1275
  "description": "Alert component for displaying important messages to users.\n\nSupports 5 color variants: primary (neutral), destructive, info, warning, and success.\nUse compound components: AlertIcon, AlertContent, AlertClose, AlertControls, AlertActions.",