@webstudio-is/sdk-components-react-radix 0.88.0 → 0.89.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 (96) hide show
  1. package/lib/__generated__/accordion.props.js +605 -109
  2. package/lib/__generated__/button.props.js +161 -29
  3. package/lib/__generated__/checkbox.props.js +284 -51
  4. package/lib/__generated__/collapsible.props.js +234 -42
  5. package/lib/__generated__/dialog.props.js +611 -110
  6. package/lib/__generated__/input.props.js +264 -47
  7. package/lib/__generated__/label.props.js +123 -22
  8. package/lib/__generated__/navigation-menu.props.js +563 -102
  9. package/lib/__generated__/popover.props.js +129 -25
  10. package/lib/__generated__/radio-group.props.js +421 -76
  11. package/lib/__generated__/select.props.js +876 -160
  12. package/lib/__generated__/sheet.props.js +591 -110
  13. package/lib/__generated__/switch.props.js +284 -51
  14. package/lib/__generated__/tabs.props.js +506 -91
  15. package/lib/__generated__/textarea.props.js +177 -31
  16. package/lib/__generated__/tooltip.props.js +131 -27
  17. package/lib/accordion.ws.js +1 -0
  18. package/lib/checkbox.ws.js +2 -0
  19. package/lib/cjs/__generated__/accordion.props.js +605 -109
  20. package/lib/cjs/__generated__/button.props.js +161 -29
  21. package/lib/cjs/__generated__/checkbox.props.js +284 -51
  22. package/lib/cjs/__generated__/collapsible.props.js +234 -42
  23. package/lib/cjs/__generated__/dialog.props.js +611 -110
  24. package/lib/cjs/__generated__/input.props.js +264 -47
  25. package/lib/cjs/__generated__/label.props.js +123 -22
  26. package/lib/cjs/__generated__/navigation-menu.props.js +563 -102
  27. package/lib/cjs/__generated__/popover.props.js +129 -25
  28. package/lib/cjs/__generated__/radio-group.props.js +421 -76
  29. package/lib/cjs/__generated__/select.props.js +875 -159
  30. package/lib/cjs/__generated__/sheet.props.js +591 -110
  31. package/lib/cjs/__generated__/switch.props.js +284 -51
  32. package/lib/cjs/__generated__/tabs.props.js +506 -91
  33. package/lib/cjs/__generated__/textarea.props.js +177 -31
  34. package/lib/cjs/__generated__/tooltip.props.js +131 -27
  35. package/lib/cjs/accordion.ws.js +1 -0
  36. package/lib/cjs/checkbox.ws.js +2 -0
  37. package/lib/cjs/collapsible.ws.js +1 -0
  38. package/lib/cjs/dialog.ws.js +1 -0
  39. package/lib/cjs/label.ws.js +1 -0
  40. package/lib/cjs/navigation-menu.ws.js +1 -0
  41. package/lib/cjs/popover.ws.js +1 -0
  42. package/lib/cjs/props-descriptions.js +56 -0
  43. package/lib/cjs/radio-group.ws.js +3 -0
  44. package/lib/cjs/select.js +3 -1
  45. package/lib/cjs/select.ws.js +1 -0
  46. package/lib/cjs/sheet.ws.js +1 -0
  47. package/lib/cjs/switch.ws.js +2 -0
  48. package/lib/cjs/tabs.ws.js +1 -0
  49. package/lib/cjs/tooltip.ws.js +1 -0
  50. package/lib/collapsible.ws.js +1 -0
  51. package/lib/dialog.ws.js +1 -0
  52. package/lib/label.ws.js +1 -0
  53. package/lib/navigation-menu.ws.js +1 -0
  54. package/lib/popover.ws.js +1 -0
  55. package/lib/props-descriptions.js +36 -0
  56. package/lib/radio-group.ws.js +3 -0
  57. package/lib/select.js +3 -1
  58. package/lib/select.ws.js +1 -0
  59. package/lib/sheet.ws.js +1 -0
  60. package/lib/switch.ws.js +2 -0
  61. package/lib/tabs.ws.js +1 -0
  62. package/lib/tooltip.ws.js +1 -0
  63. package/lib/types/props-descriptions.d.ts +29 -0
  64. package/lib/types/select.d.ts +4 -2
  65. package/package.json +6 -6
  66. package/src/__generated__/accordion.props.ts +675 -103
  67. package/src/__generated__/button.props.ts +180 -27
  68. package/src/__generated__/checkbox.props.ts +317 -48
  69. package/src/__generated__/collapsible.props.ts +261 -40
  70. package/src/__generated__/dialog.props.ts +682 -104
  71. package/src/__generated__/input.props.ts +292 -44
  72. package/src/__generated__/label.props.ts +137 -21
  73. package/src/__generated__/navigation-menu.props.ts +629 -96
  74. package/src/__generated__/popover.props.ts +142 -21
  75. package/src/__generated__/radio-group.props.ts +470 -71
  76. package/src/__generated__/select.props.ts +979 -153
  77. package/src/__generated__/sheet.props.ts +657 -99
  78. package/src/__generated__/switch.props.ts +317 -48
  79. package/src/__generated__/tabs.props.ts +565 -86
  80. package/src/__generated__/textarea.props.ts +195 -30
  81. package/src/__generated__/tooltip.props.ts +145 -23
  82. package/src/accordion.ws.ts +2 -0
  83. package/src/checkbox.ws.ts +3 -0
  84. package/src/collapsible.ws.ts +2 -0
  85. package/src/dialog.ws.tsx +2 -0
  86. package/src/label.ws.ts +2 -0
  87. package/src/navigation-menu.ws.ts +1 -0
  88. package/src/popover.ws.tsx +1 -0
  89. package/src/props-descriptions.ts +43 -0
  90. package/src/radio-group.ws.ts +4 -0
  91. package/src/select.tsx +8 -3
  92. package/src/select.ws.ts +2 -0
  93. package/src/sheet.ws.tsx +2 -0
  94. package/src/switch.ws.ts +3 -0
  95. package/src/tabs.ws.ts +2 -0
  96. package/src/tooltip.ws.tsx +2 -0
@@ -25,7 +25,12 @@ __export(radio_group_props_exports, {
25
25
  module.exports = __toCommonJS(radio_group_props_exports);
26
26
  const propsRadioGroup = {
27
27
  about: { required: false, control: "text", type: "string" },
28
- accessKey: { required: false, control: "text", type: "string" },
28
+ accessKey: {
29
+ required: false,
30
+ control: "text",
31
+ type: "string",
32
+ description: "Keyboard shortcut to activate or add focus to the element."
33
+ },
29
34
  "aria-activedescendant": {
30
35
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
31
36
  required: false,
@@ -181,7 +186,7 @@ const propsRadioGroup = {
181
186
  type: "string"
182
187
  },
183
188
  "aria-label": {
184
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
189
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
185
190
  required: false,
186
191
  control: "text",
187
192
  type: "string"
@@ -357,25 +362,71 @@ const propsRadioGroup = {
357
362
  control: "text",
358
363
  type: "string"
359
364
  },
360
- autoCapitalize: { required: false, control: "text", type: "string" },
365
+ autoCapitalize: {
366
+ required: false,
367
+ control: "text",
368
+ type: "string",
369
+ description: "Sets whether input is automatically capitalized when entered by user."
370
+ },
361
371
  autoCorrect: { required: false, control: "text", type: "string" },
362
- autoFocus: { required: false, control: "boolean", type: "boolean" },
372
+ autoFocus: {
373
+ required: false,
374
+ control: "boolean",
375
+ type: "boolean",
376
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
377
+ },
363
378
  autoSave: { required: false, control: "text", type: "string" },
364
379
  className: { required: false, control: "text", type: "string" },
365
- color: { required: false, control: "color", type: "string" },
366
- content: { required: false, control: "text", type: "string" },
367
- contextMenu: { required: false, control: "text", type: "string" },
380
+ color: {
381
+ required: false,
382
+ control: "color",
383
+ type: "string",
384
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
385
+ },
386
+ content: {
387
+ required: false,
388
+ control: "text",
389
+ type: "string",
390
+ description: "A value associated with http-equiv orname depending on the context."
391
+ },
392
+ contextMenu: {
393
+ required: false,
394
+ control: "text",
395
+ type: "string",
396
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
397
+ },
368
398
  datatype: { required: false, control: "text", type: "string" },
369
399
  dir: {
370
400
  required: false,
371
401
  control: "radio",
372
402
  type: "string",
373
- options: ["ltr", "rtl"]
403
+ options: ["ltr", "rtl"],
404
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
405
+ },
406
+ disabled: {
407
+ required: false,
408
+ control: "boolean",
409
+ type: "boolean",
410
+ description: "Indicates whether the user can interact with the element."
411
+ },
412
+ draggable: {
413
+ required: false,
414
+ control: "boolean",
415
+ type: "boolean",
416
+ description: "Defines whether the element can be dragged."
417
+ },
418
+ hidden: {
419
+ required: false,
420
+ control: "boolean",
421
+ type: "boolean",
422
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
423
+ },
424
+ id: {
425
+ required: false,
426
+ control: "text",
427
+ type: "string",
428
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
374
429
  },
375
- disabled: { required: false, control: "boolean", type: "boolean" },
376
- draggable: { required: false, control: "boolean", type: "boolean" },
377
- hidden: { required: false, control: "boolean", type: "boolean" },
378
- id: { required: false, control: "text", type: "string" },
379
430
  inputMode: {
380
431
  description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
381
432
  required: false,
@@ -403,9 +454,24 @@ const propsRadioGroup = {
403
454
  itemRef: { required: false, control: "text", type: "string" },
404
455
  itemScope: { required: false, control: "boolean", type: "boolean" },
405
456
  itemType: { required: false, control: "text", type: "string" },
406
- lang: { required: false, control: "text", type: "string" },
407
- loop: { required: false, control: "boolean", type: "boolean" },
408
- name: { required: false, control: "text", type: "string" },
457
+ lang: {
458
+ required: false,
459
+ control: "text",
460
+ type: "string",
461
+ description: "Defines the language used in the element."
462
+ },
463
+ loop: {
464
+ required: false,
465
+ control: "boolean",
466
+ type: "boolean",
467
+ description: "Indicates whether the media should start playing from the start when it's finished."
468
+ },
469
+ name: {
470
+ required: false,
471
+ control: "text",
472
+ type: "string",
473
+ description: "This name is important when submitting form data to the server, as it identifies the data associated with the input. When multiple inputs share the same name attribute, they are treated as part of the same group (e.g., radio buttons or checkboxes)."
474
+ },
409
475
  nonce: { required: false, control: "text", type: "string" },
410
476
  orientation: {
411
477
  required: false,
@@ -413,19 +479,49 @@ const propsRadioGroup = {
413
479
  type: "string",
414
480
  options: ["horizontal", "vertical"]
415
481
  },
416
- placeholder: { required: false, control: "text", type: "string" },
482
+ placeholder: {
483
+ required: false,
484
+ control: "text",
485
+ type: "string",
486
+ description: "Provides a hint to the user of what can be entered in the field."
487
+ },
417
488
  prefix: { required: false, control: "text", type: "string" },
418
489
  property: { required: false, control: "text", type: "string" },
419
490
  radioGroup: { required: false, control: "text", type: "string" },
420
- rel: { required: false, control: "text", type: "string" },
421
- required: { required: false, control: "boolean", type: "boolean" },
491
+ rel: {
492
+ required: false,
493
+ control: "text",
494
+ type: "string",
495
+ description: "Specifies the relationship of the target object to the link object."
496
+ },
497
+ required: {
498
+ required: false,
499
+ control: "boolean",
500
+ type: "boolean",
501
+ description: "Indicates whether this form element must be filled before the form can be submitted."
502
+ },
422
503
  resource: { required: false, control: "text", type: "string" },
423
504
  results: { required: false, control: "number", type: "number" },
424
505
  rev: { required: false, control: "text", type: "string" },
425
- role: { required: false, control: "text", type: "string" },
506
+ role: {
507
+ required: false,
508
+ control: "text",
509
+ type: "string",
510
+ description: "Defines an explicit role for an element for use by assistive technologies."
511
+ },
426
512
  security: { required: false, control: "text", type: "string" },
427
- slot: { required: false, control: "text", type: "string" },
428
- spellCheck: { required: false, control: "boolean", type: "boolean" },
513
+ slot: {
514
+ required: false,
515
+ control: "text",
516
+ type: "string",
517
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
518
+ },
519
+ spellCheck: {
520
+ required: false,
521
+ control: "boolean",
522
+ type: "boolean",
523
+ description: "Indicates whether spell checking is allowed for the element."
524
+ },
429
525
  suppressContentEditableWarning: {
430
526
  required: false,
431
527
  control: "boolean",
@@ -436,13 +532,24 @@ const propsRadioGroup = {
436
532
  control: "boolean",
437
533
  type: "boolean"
438
534
  },
439
- tabIndex: { required: false, control: "number", type: "number" },
440
- title: { required: false, control: "text", type: "string" },
535
+ tabIndex: {
536
+ required: false,
537
+ control: "number",
538
+ type: "number",
539
+ description: "Overrides the browser's default tab order and follows the one specified instead."
540
+ },
541
+ title: {
542
+ required: false,
543
+ control: "text",
544
+ type: "string",
545
+ description: "Text to be displayed in a tooltip when hovering over the element."
546
+ },
441
547
  translate: {
442
548
  required: false,
443
549
  control: "radio",
444
550
  type: "string",
445
- options: ["yes", "no"]
551
+ options: ["yes", "no"],
552
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
446
553
  },
447
554
  typeof: { required: false, control: "text", type: "string" },
448
555
  unselectable: {
@@ -451,12 +558,22 @@ const propsRadioGroup = {
451
558
  type: "string",
452
559
  options: ["on", "off"]
453
560
  },
454
- value: { required: false, control: "text", type: "string" },
561
+ value: {
562
+ required: false,
563
+ control: "text",
564
+ type: "string",
565
+ description: "Defines a default value which will be displayed in the element on pageload."
566
+ },
455
567
  vocab: { required: false, control: "text", type: "string" }
456
568
  };
457
569
  const propsRadioGroupItem = {
458
570
  about: { required: false, control: "text", type: "string" },
459
- accessKey: { required: false, control: "text", type: "string" },
571
+ accessKey: {
572
+ required: false,
573
+ control: "text",
574
+ type: "string",
575
+ description: "Keyboard shortcut to activate or add focus to the element."
576
+ },
460
577
  "aria-activedescendant": {
461
578
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
462
579
  required: false,
@@ -612,7 +729,7 @@ const propsRadioGroupItem = {
612
729
  type: "string"
613
730
  },
614
731
  "aria-label": {
615
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
732
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
616
733
  required: false,
617
734
  control: "text",
618
735
  type: "string"
@@ -788,27 +905,112 @@ const propsRadioGroupItem = {
788
905
  control: "text",
789
906
  type: "string"
790
907
  },
791
- autoCapitalize: { required: false, control: "text", type: "string" },
908
+ autoCapitalize: {
909
+ required: false,
910
+ control: "text",
911
+ type: "string",
912
+ description: "Sets whether input is automatically capitalized when entered by user."
913
+ },
792
914
  autoCorrect: { required: false, control: "text", type: "string" },
793
- autoFocus: { required: false, control: "boolean", type: "boolean" },
915
+ autoFocus: {
916
+ required: false,
917
+ control: "boolean",
918
+ type: "boolean",
919
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
920
+ },
794
921
  autoSave: { required: false, control: "text", type: "string" },
795
- checked: { required: false, control: "boolean", type: "boolean" },
922
+ checked: {
923
+ required: false,
924
+ control: "boolean",
925
+ type: "boolean",
926
+ description: "Indicates whether the element should be checked on page load."
927
+ },
796
928
  className: { required: false, control: "text", type: "string" },
797
- color: { required: false, control: "color", type: "string" },
798
- content: { required: false, control: "text", type: "string" },
799
- contextMenu: { required: false, control: "text", type: "string" },
929
+ color: {
930
+ required: false,
931
+ control: "color",
932
+ type: "string",
933
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
934
+ },
935
+ content: {
936
+ required: false,
937
+ control: "text",
938
+ type: "string",
939
+ description: "A value associated with http-equiv orname depending on the context."
940
+ },
941
+ contextMenu: {
942
+ required: false,
943
+ control: "text",
944
+ type: "string",
945
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
946
+ },
800
947
  datatype: { required: false, control: "text", type: "string" },
801
- dir: { required: false, control: "text", type: "string" },
802
- disabled: { required: false, control: "boolean", type: "boolean" },
803
- draggable: { required: false, control: "boolean", type: "boolean" },
804
- form: { required: false, control: "text", type: "string" },
805
- formAction: { required: false, control: "text", type: "string" },
806
- formEncType: { required: false, control: "text", type: "string" },
807
- formMethod: { required: false, control: "text", type: "string" },
808
- formNoValidate: { required: false, control: "boolean", type: "boolean" },
809
- formTarget: { required: false, control: "text", type: "string" },
810
- hidden: { required: false, control: "boolean", type: "boolean" },
811
- id: { required: false, control: "text", type: "string" },
948
+ dir: {
949
+ required: false,
950
+ control: "text",
951
+ type: "string",
952
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
953
+ },
954
+ disabled: {
955
+ required: false,
956
+ control: "boolean",
957
+ type: "boolean",
958
+ description: "Indicates whether the user can interact with the element."
959
+ },
960
+ draggable: {
961
+ required: false,
962
+ control: "boolean",
963
+ type: "boolean",
964
+ description: "Defines whether the element can be dragged."
965
+ },
966
+ form: {
967
+ required: false,
968
+ control: "text",
969
+ type: "string",
970
+ description: "Indicates the form that is the owner of the element."
971
+ },
972
+ formAction: {
973
+ required: false,
974
+ control: "text",
975
+ type: "string",
976
+ description: "Indicates the action of the element, overriding the action defined inthe form."
977
+ },
978
+ formEncType: {
979
+ required: false,
980
+ control: "text",
981
+ type: "string",
982
+ description: `If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button's form owner.`
983
+ },
984
+ formMethod: {
985
+ required: false,
986
+ control: "text",
987
+ type: "string",
988
+ description: `If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button's form owner.`
989
+ },
990
+ formNoValidate: {
991
+ required: false,
992
+ control: "boolean",
993
+ type: "boolean",
994
+ description: `If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button's form owner.`
995
+ },
996
+ formTarget: {
997
+ required: false,
998
+ control: "text",
999
+ type: "string",
1000
+ description: `If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button's form owner.`
1001
+ },
1002
+ hidden: {
1003
+ required: false,
1004
+ control: "boolean",
1005
+ type: "boolean",
1006
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
1007
+ },
1008
+ id: {
1009
+ required: false,
1010
+ control: "text",
1011
+ type: "string",
1012
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
1013
+ },
812
1014
  inputMode: {
813
1015
  description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
814
1016
  required: false,
@@ -836,21 +1038,56 @@ const propsRadioGroupItem = {
836
1038
  itemRef: { required: false, control: "text", type: "string" },
837
1039
  itemScope: { required: false, control: "boolean", type: "boolean" },
838
1040
  itemType: { required: false, control: "text", type: "string" },
839
- lang: { required: false, control: "text", type: "string" },
1041
+ lang: {
1042
+ required: false,
1043
+ control: "text",
1044
+ type: "string",
1045
+ description: "Defines the language used in the element."
1046
+ },
840
1047
  nonce: { required: false, control: "text", type: "string" },
841
- placeholder: { required: false, control: "text", type: "string" },
1048
+ placeholder: {
1049
+ required: false,
1050
+ control: "text",
1051
+ type: "string",
1052
+ description: "Provides a hint to the user of what can be entered in the field."
1053
+ },
842
1054
  prefix: { required: false, control: "text", type: "string" },
843
1055
  property: { required: false, control: "text", type: "string" },
844
1056
  radioGroup: { required: false, control: "text", type: "string" },
845
- rel: { required: false, control: "text", type: "string" },
846
- required: { required: false, control: "boolean", type: "boolean" },
1057
+ rel: {
1058
+ required: false,
1059
+ control: "text",
1060
+ type: "string",
1061
+ description: "Specifies the relationship of the target object to the link object."
1062
+ },
1063
+ required: {
1064
+ required: false,
1065
+ control: "boolean",
1066
+ type: "boolean",
1067
+ description: "Indicates whether this form element must be filled before the form can be submitted."
1068
+ },
847
1069
  resource: { required: false, control: "text", type: "string" },
848
1070
  results: { required: false, control: "number", type: "number" },
849
1071
  rev: { required: false, control: "text", type: "string" },
850
- role: { required: false, control: "text", type: "string" },
1072
+ role: {
1073
+ required: false,
1074
+ control: "text",
1075
+ type: "string",
1076
+ description: "Defines an explicit role for an element for use by assistive technologies."
1077
+ },
851
1078
  security: { required: false, control: "text", type: "string" },
852
- slot: { required: false, control: "text", type: "string" },
853
- spellCheck: { required: false, control: "boolean", type: "boolean" },
1079
+ slot: {
1080
+ required: false,
1081
+ control: "text",
1082
+ type: "string",
1083
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
1084
+ },
1085
+ spellCheck: {
1086
+ required: false,
1087
+ control: "boolean",
1088
+ type: "boolean",
1089
+ description: "Indicates whether spell checking is allowed for the element."
1090
+ },
854
1091
  suppressContentEditableWarning: {
855
1092
  required: false,
856
1093
  control: "boolean",
@@ -861,19 +1098,31 @@ const propsRadioGroupItem = {
861
1098
  control: "boolean",
862
1099
  type: "boolean"
863
1100
  },
864
- tabIndex: { required: false, control: "number", type: "number" },
865
- title: { required: false, control: "text", type: "string" },
1101
+ tabIndex: {
1102
+ required: false,
1103
+ control: "number",
1104
+ type: "number",
1105
+ description: "Overrides the browser's default tab order and follows the one specified instead."
1106
+ },
1107
+ title: {
1108
+ required: false,
1109
+ control: "text",
1110
+ type: "string",
1111
+ description: "Text to be displayed in a tooltip when hovering over the element."
1112
+ },
866
1113
  translate: {
867
1114
  required: false,
868
1115
  control: "radio",
869
1116
  type: "string",
870
- options: ["yes", "no"]
1117
+ options: ["yes", "no"],
1118
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
871
1119
  },
872
1120
  type: {
873
1121
  required: false,
874
1122
  control: "radio",
875
1123
  type: "string",
876
- options: ["button", "submit", "reset"]
1124
+ options: ["button", "submit", "reset"],
1125
+ description: "Defines the type of the element."
877
1126
  },
878
1127
  typeof: { required: false, control: "text", type: "string" },
879
1128
  unselectable: {
@@ -882,12 +1131,22 @@ const propsRadioGroupItem = {
882
1131
  type: "string",
883
1132
  options: ["on", "off"]
884
1133
  },
885
- value: { required: true, control: "text", type: "string" },
1134
+ value: {
1135
+ required: true,
1136
+ control: "text",
1137
+ type: "string",
1138
+ description: "Defines a default value which will be displayed in the element on pageload."
1139
+ },
886
1140
  vocab: { required: false, control: "text", type: "string" }
887
1141
  };
888
1142
  const propsRadioGroupIndicator = {
889
1143
  about: { required: false, control: "text", type: "string" },
890
- accessKey: { required: false, control: "text", type: "string" },
1144
+ accessKey: {
1145
+ required: false,
1146
+ control: "text",
1147
+ type: "string",
1148
+ description: "Keyboard shortcut to activate or add focus to the element."
1149
+ },
891
1150
  "aria-activedescendant": {
892
1151
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
893
1152
  required: false,
@@ -1043,7 +1302,7 @@ const propsRadioGroupIndicator = {
1043
1302
  type: "string"
1044
1303
  },
1045
1304
  "aria-label": {
1046
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
1305
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
1047
1306
  required: false,
1048
1307
  control: "text",
1049
1308
  type: "string"
@@ -1219,19 +1478,64 @@ const propsRadioGroupIndicator = {
1219
1478
  control: "text",
1220
1479
  type: "string"
1221
1480
  },
1222
- autoCapitalize: { required: false, control: "text", type: "string" },
1481
+ autoCapitalize: {
1482
+ required: false,
1483
+ control: "text",
1484
+ type: "string",
1485
+ description: "Sets whether input is automatically capitalized when entered by user."
1486
+ },
1223
1487
  autoCorrect: { required: false, control: "text", type: "string" },
1224
- autoFocus: { required: false, control: "boolean", type: "boolean" },
1488
+ autoFocus: {
1489
+ required: false,
1490
+ control: "boolean",
1491
+ type: "boolean",
1492
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
1493
+ },
1225
1494
  autoSave: { required: false, control: "text", type: "string" },
1226
1495
  className: { required: false, control: "text", type: "string" },
1227
- color: { required: false, control: "color", type: "string" },
1228
- content: { required: false, control: "text", type: "string" },
1229
- contextMenu: { required: false, control: "text", type: "string" },
1496
+ color: {
1497
+ required: false,
1498
+ control: "color",
1499
+ type: "string",
1500
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
1501
+ },
1502
+ content: {
1503
+ required: false,
1504
+ control: "text",
1505
+ type: "string",
1506
+ description: "A value associated with http-equiv orname depending on the context."
1507
+ },
1508
+ contextMenu: {
1509
+ required: false,
1510
+ control: "text",
1511
+ type: "string",
1512
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
1513
+ },
1230
1514
  datatype: { required: false, control: "text", type: "string" },
1231
- dir: { required: false, control: "text", type: "string" },
1232
- draggable: { required: false, control: "boolean", type: "boolean" },
1233
- hidden: { required: false, control: "boolean", type: "boolean" },
1234
- id: { required: false, control: "text", type: "string" },
1515
+ dir: {
1516
+ required: false,
1517
+ control: "text",
1518
+ type: "string",
1519
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
1520
+ },
1521
+ draggable: {
1522
+ required: false,
1523
+ control: "boolean",
1524
+ type: "boolean",
1525
+ description: "Defines whether the element can be dragged."
1526
+ },
1527
+ hidden: {
1528
+ required: false,
1529
+ control: "boolean",
1530
+ type: "boolean",
1531
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
1532
+ },
1533
+ id: {
1534
+ required: false,
1535
+ control: "text",
1536
+ type: "string",
1537
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
1538
+ },
1235
1539
  inputMode: {
1236
1540
  description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
1237
1541
  required: false,
@@ -1259,20 +1563,50 @@ const propsRadioGroupIndicator = {
1259
1563
  itemRef: { required: false, control: "text", type: "string" },
1260
1564
  itemScope: { required: false, control: "boolean", type: "boolean" },
1261
1565
  itemType: { required: false, control: "text", type: "string" },
1262
- lang: { required: false, control: "text", type: "string" },
1566
+ lang: {
1567
+ required: false,
1568
+ control: "text",
1569
+ type: "string",
1570
+ description: "Defines the language used in the element."
1571
+ },
1263
1572
  nonce: { required: false, control: "text", type: "string" },
1264
- placeholder: { required: false, control: "text", type: "string" },
1573
+ placeholder: {
1574
+ required: false,
1575
+ control: "text",
1576
+ type: "string",
1577
+ description: "Provides a hint to the user of what can be entered in the field."
1578
+ },
1265
1579
  prefix: { required: false, control: "text", type: "string" },
1266
1580
  property: { required: false, control: "text", type: "string" },
1267
1581
  radioGroup: { required: false, control: "text", type: "string" },
1268
- rel: { required: false, control: "text", type: "string" },
1582
+ rel: {
1583
+ required: false,
1584
+ control: "text",
1585
+ type: "string",
1586
+ description: "Specifies the relationship of the target object to the link object."
1587
+ },
1269
1588
  resource: { required: false, control: "text", type: "string" },
1270
1589
  results: { required: false, control: "number", type: "number" },
1271
1590
  rev: { required: false, control: "text", type: "string" },
1272
- role: { required: false, control: "text", type: "string" },
1591
+ role: {
1592
+ required: false,
1593
+ control: "text",
1594
+ type: "string",
1595
+ description: "Defines an explicit role for an element for use by assistive technologies."
1596
+ },
1273
1597
  security: { required: false, control: "text", type: "string" },
1274
- slot: { required: false, control: "text", type: "string" },
1275
- spellCheck: { required: false, control: "boolean", type: "boolean" },
1598
+ slot: {
1599
+ required: false,
1600
+ control: "text",
1601
+ type: "string",
1602
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
1603
+ },
1604
+ spellCheck: {
1605
+ required: false,
1606
+ control: "boolean",
1607
+ type: "boolean",
1608
+ description: "Indicates whether spell checking is allowed for the element."
1609
+ },
1276
1610
  suppressContentEditableWarning: {
1277
1611
  required: false,
1278
1612
  control: "boolean",
@@ -1283,13 +1617,24 @@ const propsRadioGroupIndicator = {
1283
1617
  control: "boolean",
1284
1618
  type: "boolean"
1285
1619
  },
1286
- tabIndex: { required: false, control: "number", type: "number" },
1287
- title: { required: false, control: "text", type: "string" },
1620
+ tabIndex: {
1621
+ required: false,
1622
+ control: "number",
1623
+ type: "number",
1624
+ description: "Overrides the browser's default tab order and follows the one specified instead."
1625
+ },
1626
+ title: {
1627
+ required: false,
1628
+ control: "text",
1629
+ type: "string",
1630
+ description: "Text to be displayed in a tooltip when hovering over the element."
1631
+ },
1288
1632
  translate: {
1289
1633
  required: false,
1290
1634
  control: "radio",
1291
1635
  type: "string",
1292
- options: ["yes", "no"]
1636
+ options: ["yes", "no"],
1637
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
1293
1638
  },
1294
1639
  typeof: { required: false, control: "text", type: "string" },
1295
1640
  unselectable: {