@neuctra/ui-mcp 0.2.5 → 0.4.1
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.
- package/README.md +118 -28
- package/data/aiDesignRules.json +260 -0
- package/data/components.json +1437 -63
- package/data/theme.json +39 -4
- package/package.json +2 -1
- package/src/server.mjs +49 -14
package/data/components.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json-schema.org/draft/2020-12/schema#",
|
|
3
3
|
"package": "@neuctra/ui",
|
|
4
|
-
"version": "0.
|
|
5
|
-
"generatedAt": "2026-
|
|
6
|
-
"componentCount":
|
|
4
|
+
"version": "1.0.6",
|
|
5
|
+
"generatedAt": "2026-09-09T19:09:40.003Z",
|
|
6
|
+
"componentCount": 79,
|
|
7
7
|
"components": [
|
|
8
8
|
{
|
|
9
9
|
"name": "Accordion",
|
|
@@ -304,6 +304,27 @@
|
|
|
304
304
|
"required": false,
|
|
305
305
|
"default": null,
|
|
306
306
|
"description": ""
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"name": "imageClassName",
|
|
310
|
+
"type": "string",
|
|
311
|
+
"required": false,
|
|
312
|
+
"default": "\"\"",
|
|
313
|
+
"description": "🔥 Full Customization"
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
"name": "fallbackClassName",
|
|
317
|
+
"type": "string",
|
|
318
|
+
"required": false,
|
|
319
|
+
"default": "\"\"",
|
|
320
|
+
"description": ""
|
|
321
|
+
},
|
|
322
|
+
{
|
|
323
|
+
"name": "iconClassName",
|
|
324
|
+
"type": "string",
|
|
325
|
+
"required": false,
|
|
326
|
+
"default": "\"\"",
|
|
327
|
+
"description": ""
|
|
307
328
|
}
|
|
308
329
|
],
|
|
309
330
|
"extends": [],
|
|
@@ -344,6 +365,20 @@
|
|
|
344
365
|
"required": false,
|
|
345
366
|
"default": "\"normal\"",
|
|
346
367
|
"description": "Overlap amount between items."
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
"name": "itemClassName",
|
|
371
|
+
"type": "string",
|
|
372
|
+
"required": false,
|
|
373
|
+
"default": null,
|
|
374
|
+
"description": "Customize the wrapper span around each visible avatar item."
|
|
375
|
+
},
|
|
376
|
+
{
|
|
377
|
+
"name": "counterClassName",
|
|
378
|
+
"type": "string",
|
|
379
|
+
"required": false,
|
|
380
|
+
"default": null,
|
|
381
|
+
"description": "Customize the \"+N\" overflow counter."
|
|
347
382
|
}
|
|
348
383
|
],
|
|
349
384
|
"extends": [
|
|
@@ -485,6 +520,20 @@
|
|
|
485
520
|
"default": null,
|
|
486
521
|
"description": ""
|
|
487
522
|
},
|
|
523
|
+
{
|
|
524
|
+
"name": "textClassName",
|
|
525
|
+
"type": "string",
|
|
526
|
+
"required": false,
|
|
527
|
+
"default": null,
|
|
528
|
+
"description": ""
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"name": "textStyle",
|
|
532
|
+
"type": "CSSProperties",
|
|
533
|
+
"required": false,
|
|
534
|
+
"default": null,
|
|
535
|
+
"description": ""
|
|
536
|
+
},
|
|
488
537
|
{
|
|
489
538
|
"name": "onClick",
|
|
490
539
|
"type": "() => void",
|
|
@@ -531,6 +580,62 @@
|
|
|
531
580
|
"required": false,
|
|
532
581
|
"default": "\"md\"",
|
|
533
582
|
"description": ""
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"name": "listClassName",
|
|
586
|
+
"type": "string",
|
|
587
|
+
"required": false,
|
|
588
|
+
"default": null,
|
|
589
|
+
"description": "🔥 Full Customization"
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"name": "itemClassName",
|
|
593
|
+
"type": "string",
|
|
594
|
+
"required": false,
|
|
595
|
+
"default": null,
|
|
596
|
+
"description": ""
|
|
597
|
+
},
|
|
598
|
+
{
|
|
599
|
+
"name": "activeItemClassName",
|
|
600
|
+
"type": "string",
|
|
601
|
+
"required": false,
|
|
602
|
+
"default": null,
|
|
603
|
+
"description": ""
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "triggerClassName",
|
|
607
|
+
"type": "string",
|
|
608
|
+
"required": false,
|
|
609
|
+
"default": null,
|
|
610
|
+
"description": ""
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"name": "iconClassName",
|
|
614
|
+
"type": "string",
|
|
615
|
+
"required": false,
|
|
616
|
+
"default": null,
|
|
617
|
+
"description": ""
|
|
618
|
+
},
|
|
619
|
+
{
|
|
620
|
+
"name": "labelClassName",
|
|
621
|
+
"type": "string",
|
|
622
|
+
"required": false,
|
|
623
|
+
"default": null,
|
|
624
|
+
"description": ""
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"name": "separatorClassName",
|
|
628
|
+
"type": "string",
|
|
629
|
+
"required": false,
|
|
630
|
+
"default": null,
|
|
631
|
+
"description": ""
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "ellipsisClassName",
|
|
635
|
+
"type": "string",
|
|
636
|
+
"required": false,
|
|
637
|
+
"default": null,
|
|
638
|
+
"description": ""
|
|
534
639
|
}
|
|
535
640
|
],
|
|
536
641
|
"extends": [
|
|
@@ -590,7 +695,7 @@
|
|
|
590
695
|
},
|
|
591
696
|
{
|
|
592
697
|
"name": "variant",
|
|
593
|
-
"type": "\"default\" | \"outline\" | \"ghost\"",
|
|
698
|
+
"type": "| \"default\" | \"outline\" | \"ghost\" | \"secondary\" | \"destructive\" | \"success\" | \"warning\" | \"info\" | \"link\"",
|
|
594
699
|
"required": false,
|
|
595
700
|
"default": "\"default\"",
|
|
596
701
|
"description": ""
|
|
@@ -662,7 +767,7 @@
|
|
|
662
767
|
"extends": [
|
|
663
768
|
"React.ButtonHTMLAttributes<HTMLButtonElement>"
|
|
664
769
|
],
|
|
665
|
-
"example": "
|
|
770
|
+
"example": "<Button>Click Me</Button>"
|
|
666
771
|
},
|
|
667
772
|
{
|
|
668
773
|
"name": "Calendar",
|
|
@@ -734,6 +839,55 @@
|
|
|
734
839
|
"required": false,
|
|
735
840
|
"default": null,
|
|
736
841
|
"description": ""
|
|
842
|
+
},
|
|
843
|
+
{
|
|
844
|
+
"name": "headerClassName",
|
|
845
|
+
"type": "string",
|
|
846
|
+
"required": false,
|
|
847
|
+
"default": null,
|
|
848
|
+
"description": "🔥 Full Customization"
|
|
849
|
+
},
|
|
850
|
+
{
|
|
851
|
+
"name": "navButtonClassName",
|
|
852
|
+
"type": "string",
|
|
853
|
+
"required": false,
|
|
854
|
+
"default": null,
|
|
855
|
+
"description": ""
|
|
856
|
+
},
|
|
857
|
+
{
|
|
858
|
+
"name": "monthLabelClassName",
|
|
859
|
+
"type": "string",
|
|
860
|
+
"required": false,
|
|
861
|
+
"default": null,
|
|
862
|
+
"description": ""
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"name": "weekdaysClassName",
|
|
866
|
+
"type": "string",
|
|
867
|
+
"required": false,
|
|
868
|
+
"default": null,
|
|
869
|
+
"description": ""
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
"name": "weekdayClassName",
|
|
873
|
+
"type": "string",
|
|
874
|
+
"required": false,
|
|
875
|
+
"default": null,
|
|
876
|
+
"description": ""
|
|
877
|
+
},
|
|
878
|
+
{
|
|
879
|
+
"name": "daysClassName",
|
|
880
|
+
"type": "string",
|
|
881
|
+
"required": false,
|
|
882
|
+
"default": null,
|
|
883
|
+
"description": ""
|
|
884
|
+
},
|
|
885
|
+
{
|
|
886
|
+
"name": "dayClassName",
|
|
887
|
+
"type": "string",
|
|
888
|
+
"required": false,
|
|
889
|
+
"default": null,
|
|
890
|
+
"description": ""
|
|
737
891
|
}
|
|
738
892
|
],
|
|
739
893
|
"extends": [
|
|
@@ -797,6 +951,41 @@
|
|
|
797
951
|
"required": false,
|
|
798
952
|
"default": null,
|
|
799
953
|
"description": ""
|
|
954
|
+
},
|
|
955
|
+
{
|
|
956
|
+
"name": "iconClassName",
|
|
957
|
+
"type": "string",
|
|
958
|
+
"required": false,
|
|
959
|
+
"default": null,
|
|
960
|
+
"description": "🔥 Full Customization"
|
|
961
|
+
},
|
|
962
|
+
{
|
|
963
|
+
"name": "contentClassName",
|
|
964
|
+
"type": "string",
|
|
965
|
+
"required": false,
|
|
966
|
+
"default": null,
|
|
967
|
+
"description": ""
|
|
968
|
+
},
|
|
969
|
+
{
|
|
970
|
+
"name": "titleClassName",
|
|
971
|
+
"type": "string",
|
|
972
|
+
"required": false,
|
|
973
|
+
"default": null,
|
|
974
|
+
"description": ""
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"name": "descriptionClassName",
|
|
978
|
+
"type": "string",
|
|
979
|
+
"required": false,
|
|
980
|
+
"default": null,
|
|
981
|
+
"description": ""
|
|
982
|
+
},
|
|
983
|
+
{
|
|
984
|
+
"name": "closeButtonClassName",
|
|
985
|
+
"type": "string",
|
|
986
|
+
"required": false,
|
|
987
|
+
"default": null,
|
|
988
|
+
"description": ""
|
|
800
989
|
}
|
|
801
990
|
],
|
|
802
991
|
"extends": [
|
|
@@ -896,6 +1085,34 @@
|
|
|
896
1085
|
"required": false,
|
|
897
1086
|
"default": null,
|
|
898
1087
|
"description": "Slot rendered at the far right of the header (menu, action button…)."
|
|
1088
|
+
},
|
|
1089
|
+
{
|
|
1090
|
+
"name": "iconClassName",
|
|
1091
|
+
"type": "string",
|
|
1092
|
+
"required": false,
|
|
1093
|
+
"default": null,
|
|
1094
|
+
"description": "🔥 Full Customization"
|
|
1095
|
+
},
|
|
1096
|
+
{
|
|
1097
|
+
"name": "titleClassName",
|
|
1098
|
+
"type": "string",
|
|
1099
|
+
"required": false,
|
|
1100
|
+
"default": null,
|
|
1101
|
+
"description": ""
|
|
1102
|
+
},
|
|
1103
|
+
{
|
|
1104
|
+
"name": "descriptionClassName",
|
|
1105
|
+
"type": "string",
|
|
1106
|
+
"required": false,
|
|
1107
|
+
"default": null,
|
|
1108
|
+
"description": ""
|
|
1109
|
+
},
|
|
1110
|
+
{
|
|
1111
|
+
"name": "actionClassName",
|
|
1112
|
+
"type": "string",
|
|
1113
|
+
"required": false,
|
|
1114
|
+
"default": null,
|
|
1115
|
+
"description": ""
|
|
899
1116
|
}
|
|
900
1117
|
],
|
|
901
1118
|
"extends": [
|
|
@@ -966,82 +1183,145 @@
|
|
|
966
1183
|
"required": false,
|
|
967
1184
|
"default": "\"Carousel\"",
|
|
968
1185
|
"description": "Accessible name for the carousel region."
|
|
969
|
-
}
|
|
970
|
-
],
|
|
971
|
-
"extends": [
|
|
972
|
-
"Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">"
|
|
973
|
-
],
|
|
974
|
-
"example": "<Carousel label=\"Feature tour\">\n <img src=\"/slide-1.jpg\" alt=\"Dashboard overview\" />\n <img src=\"/slide-2.jpg\" alt=\"Team settings\" />\n <img src=\"/slide-3.jpg\" alt=\"Billing page\" />\n</Carousel>"
|
|
975
|
-
},
|
|
976
|
-
{
|
|
977
|
-
"name": "Checkbox",
|
|
978
|
-
"importFrom": "@neuctra/ui",
|
|
979
|
-
"module": "Checkbox",
|
|
980
|
-
"category": "form",
|
|
981
|
-
"propsInterface": "CheckboxGroupProps",
|
|
982
|
-
"description": "A flexible checkbox component supporting both single toggles and multi-select groups. Features group keyboard navigation, custom rendering, comprehensive styling options, and accessible defaults.",
|
|
983
|
-
"props": [
|
|
984
|
-
{
|
|
985
|
-
"name": "mode",
|
|
986
|
-
"type": "\"single\" | \"group\"",
|
|
987
|
-
"required": false,
|
|
988
|
-
"default": "\"single\"",
|
|
989
|
-
"description": ""
|
|
990
1186
|
},
|
|
991
1187
|
{
|
|
992
|
-
"name": "
|
|
1188
|
+
"name": "trackClassName",
|
|
993
1189
|
"type": "string",
|
|
994
1190
|
"required": false,
|
|
995
1191
|
"default": null,
|
|
996
|
-
"description": ""
|
|
1192
|
+
"description": "🔥 Full Customization"
|
|
997
1193
|
},
|
|
998
1194
|
{
|
|
999
|
-
"name": "
|
|
1000
|
-
"type": "
|
|
1195
|
+
"name": "slidesClassName",
|
|
1196
|
+
"type": "string",
|
|
1001
1197
|
"required": false,
|
|
1002
|
-
"default":
|
|
1198
|
+
"default": null,
|
|
1003
1199
|
"description": ""
|
|
1004
1200
|
},
|
|
1005
1201
|
{
|
|
1006
|
-
"name": "
|
|
1007
|
-
"type": "string
|
|
1202
|
+
"name": "slideClassName",
|
|
1203
|
+
"type": "string",
|
|
1008
1204
|
"required": false,
|
|
1009
|
-
"default":
|
|
1205
|
+
"default": null,
|
|
1010
1206
|
"description": ""
|
|
1011
1207
|
},
|
|
1012
1208
|
{
|
|
1013
|
-
"name": "
|
|
1014
|
-
"type": "
|
|
1209
|
+
"name": "arrowClassName",
|
|
1210
|
+
"type": "string",
|
|
1015
1211
|
"required": false,
|
|
1016
1212
|
"default": null,
|
|
1017
1213
|
"description": ""
|
|
1018
1214
|
},
|
|
1019
1215
|
{
|
|
1020
|
-
"name": "
|
|
1216
|
+
"name": "prevArrowClassName",
|
|
1021
1217
|
"type": "string",
|
|
1022
1218
|
"required": false,
|
|
1023
1219
|
"default": null,
|
|
1024
1220
|
"description": ""
|
|
1025
1221
|
},
|
|
1026
1222
|
{
|
|
1027
|
-
"name": "
|
|
1028
|
-
"type": "
|
|
1223
|
+
"name": "nextArrowClassName",
|
|
1224
|
+
"type": "string",
|
|
1029
1225
|
"required": false,
|
|
1030
|
-
"default":
|
|
1226
|
+
"default": null,
|
|
1031
1227
|
"description": ""
|
|
1032
1228
|
},
|
|
1033
1229
|
{
|
|
1034
|
-
"name": "
|
|
1035
|
-
"type": "
|
|
1230
|
+
"name": "arrowIconClassName",
|
|
1231
|
+
"type": "string",
|
|
1036
1232
|
"required": false,
|
|
1037
1233
|
"default": null,
|
|
1038
1234
|
"description": ""
|
|
1039
1235
|
},
|
|
1040
1236
|
{
|
|
1041
|
-
"name": "
|
|
1042
|
-
"type": "
|
|
1237
|
+
"name": "dotsClassName",
|
|
1238
|
+
"type": "string",
|
|
1043
1239
|
"required": false,
|
|
1044
|
-
"default":
|
|
1240
|
+
"default": null,
|
|
1241
|
+
"description": ""
|
|
1242
|
+
},
|
|
1243
|
+
{
|
|
1244
|
+
"name": "dotClassName",
|
|
1245
|
+
"type": "string",
|
|
1246
|
+
"required": false,
|
|
1247
|
+
"default": null,
|
|
1248
|
+
"description": ""
|
|
1249
|
+
}
|
|
1250
|
+
],
|
|
1251
|
+
"extends": [
|
|
1252
|
+
"Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">"
|
|
1253
|
+
],
|
|
1254
|
+
"example": "<Carousel label=\"Feature tour\">\n <img src=\"/slide-1.jpg\" alt=\"Dashboard overview\" />\n <img src=\"/slide-2.jpg\" alt=\"Team settings\" />\n <img src=\"/slide-3.jpg\" alt=\"Billing page\" />\n</Carousel>"
|
|
1255
|
+
},
|
|
1256
|
+
{
|
|
1257
|
+
"name": "Checkbox",
|
|
1258
|
+
"importFrom": "@neuctra/ui",
|
|
1259
|
+
"module": "Checkbox",
|
|
1260
|
+
"category": "form",
|
|
1261
|
+
"propsInterface": "CheckboxGroupProps",
|
|
1262
|
+
"description": "A flexible checkbox component supporting both single toggles and multi-select groups. Features group keyboard navigation, custom rendering, comprehensive styling options, and accessible defaults.",
|
|
1263
|
+
"props": [
|
|
1264
|
+
{
|
|
1265
|
+
"name": "mode",
|
|
1266
|
+
"type": "\"single\" | \"group\"",
|
|
1267
|
+
"required": false,
|
|
1268
|
+
"default": "\"single\"",
|
|
1269
|
+
"description": ""
|
|
1270
|
+
},
|
|
1271
|
+
{
|
|
1272
|
+
"name": "name",
|
|
1273
|
+
"type": "string",
|
|
1274
|
+
"required": false,
|
|
1275
|
+
"default": null,
|
|
1276
|
+
"description": ""
|
|
1277
|
+
},
|
|
1278
|
+
{
|
|
1279
|
+
"name": "options",
|
|
1280
|
+
"type": "Option[]",
|
|
1281
|
+
"required": false,
|
|
1282
|
+
"default": "[]",
|
|
1283
|
+
"description": ""
|
|
1284
|
+
},
|
|
1285
|
+
{
|
|
1286
|
+
"name": "selectedValues",
|
|
1287
|
+
"type": "string[]",
|
|
1288
|
+
"required": false,
|
|
1289
|
+
"default": "[]",
|
|
1290
|
+
"description": ""
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"name": "onChange",
|
|
1294
|
+
"type": "(values: string[]) => void",
|
|
1295
|
+
"required": false,
|
|
1296
|
+
"default": null,
|
|
1297
|
+
"description": ""
|
|
1298
|
+
},
|
|
1299
|
+
{
|
|
1300
|
+
"name": "label",
|
|
1301
|
+
"type": "string",
|
|
1302
|
+
"required": false,
|
|
1303
|
+
"default": null,
|
|
1304
|
+
"description": ""
|
|
1305
|
+
},
|
|
1306
|
+
{
|
|
1307
|
+
"name": "checked",
|
|
1308
|
+
"type": "boolean",
|
|
1309
|
+
"required": false,
|
|
1310
|
+
"default": "false",
|
|
1311
|
+
"description": ""
|
|
1312
|
+
},
|
|
1313
|
+
{
|
|
1314
|
+
"name": "onCheckedChange",
|
|
1315
|
+
"type": "(checked: boolean) => void",
|
|
1316
|
+
"required": false,
|
|
1317
|
+
"default": null,
|
|
1318
|
+
"description": ""
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
"name": "disabled",
|
|
1322
|
+
"type": "boolean",
|
|
1323
|
+
"required": false,
|
|
1324
|
+
"default": "false",
|
|
1045
1325
|
"description": ""
|
|
1046
1326
|
},
|
|
1047
1327
|
{
|
|
@@ -1107,6 +1387,13 @@
|
|
|
1107
1387
|
"default": null,
|
|
1108
1388
|
"description": ""
|
|
1109
1389
|
},
|
|
1390
|
+
{
|
|
1391
|
+
"name": "checkClassName",
|
|
1392
|
+
"type": "string",
|
|
1393
|
+
"required": false,
|
|
1394
|
+
"default": null,
|
|
1395
|
+
"description": ""
|
|
1396
|
+
},
|
|
1110
1397
|
{
|
|
1111
1398
|
"name": "errorClassName",
|
|
1112
1399
|
"type": "string",
|
|
@@ -1244,6 +1531,34 @@
|
|
|
1244
1531
|
"required": false,
|
|
1245
1532
|
"default": "false",
|
|
1246
1533
|
"description": ""
|
|
1534
|
+
},
|
|
1535
|
+
{
|
|
1536
|
+
"name": "iconClassName",
|
|
1537
|
+
"type": "string",
|
|
1538
|
+
"required": false,
|
|
1539
|
+
"default": null,
|
|
1540
|
+
"description": "🔥 Full Customization"
|
|
1541
|
+
},
|
|
1542
|
+
{
|
|
1543
|
+
"name": "labelClassName",
|
|
1544
|
+
"type": "string",
|
|
1545
|
+
"required": false,
|
|
1546
|
+
"default": null,
|
|
1547
|
+
"description": ""
|
|
1548
|
+
},
|
|
1549
|
+
{
|
|
1550
|
+
"name": "removeButtonClassName",
|
|
1551
|
+
"type": "string",
|
|
1552
|
+
"required": false,
|
|
1553
|
+
"default": null,
|
|
1554
|
+
"description": ""
|
|
1555
|
+
},
|
|
1556
|
+
{
|
|
1557
|
+
"name": "removeIconClassName",
|
|
1558
|
+
"type": "string",
|
|
1559
|
+
"required": false,
|
|
1560
|
+
"default": null,
|
|
1561
|
+
"description": ""
|
|
1247
1562
|
}
|
|
1248
1563
|
],
|
|
1249
1564
|
"extends": [
|
|
@@ -1349,6 +1664,20 @@
|
|
|
1349
1664
|
"required": false,
|
|
1350
1665
|
"default": null,
|
|
1351
1666
|
"description": ""
|
|
1667
|
+
},
|
|
1668
|
+
{
|
|
1669
|
+
"name": "iconClassName",
|
|
1670
|
+
"type": "string",
|
|
1671
|
+
"required": false,
|
|
1672
|
+
"default": null,
|
|
1673
|
+
"description": "🔥 Full Customization"
|
|
1674
|
+
},
|
|
1675
|
+
{
|
|
1676
|
+
"name": "labelClassName",
|
|
1677
|
+
"type": "string",
|
|
1678
|
+
"required": false,
|
|
1679
|
+
"default": null,
|
|
1680
|
+
"description": ""
|
|
1352
1681
|
}
|
|
1353
1682
|
],
|
|
1354
1683
|
"extends": [
|
|
@@ -1468,6 +1797,55 @@
|
|
|
1468
1797
|
"required": false,
|
|
1469
1798
|
"default": null,
|
|
1470
1799
|
"description": ""
|
|
1800
|
+
},
|
|
1801
|
+
{
|
|
1802
|
+
"name": "labelClassName",
|
|
1803
|
+
"type": "string",
|
|
1804
|
+
"required": false,
|
|
1805
|
+
"default": null,
|
|
1806
|
+
"description": "🔥 Full Customization"
|
|
1807
|
+
},
|
|
1808
|
+
{
|
|
1809
|
+
"name": "iconClassName",
|
|
1810
|
+
"type": "string",
|
|
1811
|
+
"required": false,
|
|
1812
|
+
"default": null,
|
|
1813
|
+
"description": ""
|
|
1814
|
+
},
|
|
1815
|
+
{
|
|
1816
|
+
"name": "textClassName",
|
|
1817
|
+
"type": "string",
|
|
1818
|
+
"required": false,
|
|
1819
|
+
"default": null,
|
|
1820
|
+
"description": ""
|
|
1821
|
+
},
|
|
1822
|
+
{
|
|
1823
|
+
"name": "clearButtonClassName",
|
|
1824
|
+
"type": "string",
|
|
1825
|
+
"required": false,
|
|
1826
|
+
"default": null,
|
|
1827
|
+
"description": ""
|
|
1828
|
+
},
|
|
1829
|
+
{
|
|
1830
|
+
"name": "clearIconClassName",
|
|
1831
|
+
"type": "string",
|
|
1832
|
+
"required": false,
|
|
1833
|
+
"default": null,
|
|
1834
|
+
"description": ""
|
|
1835
|
+
},
|
|
1836
|
+
{
|
|
1837
|
+
"name": "panelClassName",
|
|
1838
|
+
"type": "string",
|
|
1839
|
+
"required": false,
|
|
1840
|
+
"default": null,
|
|
1841
|
+
"description": ""
|
|
1842
|
+
},
|
|
1843
|
+
{
|
|
1844
|
+
"name": "helperClassName",
|
|
1845
|
+
"type": "string",
|
|
1846
|
+
"required": false,
|
|
1847
|
+
"default": null,
|
|
1848
|
+
"description": ""
|
|
1471
1849
|
}
|
|
1472
1850
|
],
|
|
1473
1851
|
"extends": [],
|
|
@@ -1508,6 +1886,20 @@
|
|
|
1508
1886
|
"required": false,
|
|
1509
1887
|
"default": "\"md\"",
|
|
1510
1888
|
"description": "Vertical spacing (horizontal) or horizontal spacing (vertical)."
|
|
1889
|
+
},
|
|
1890
|
+
{
|
|
1891
|
+
"name": "lineClassName",
|
|
1892
|
+
"type": "string",
|
|
1893
|
+
"required": false,
|
|
1894
|
+
"default": null,
|
|
1895
|
+
"description": "🔥 Full Customization (labeled horizontal variant only)"
|
|
1896
|
+
},
|
|
1897
|
+
{
|
|
1898
|
+
"name": "labelClassName",
|
|
1899
|
+
"type": "string",
|
|
1900
|
+
"required": false,
|
|
1901
|
+
"default": null,
|
|
1902
|
+
"description": ""
|
|
1511
1903
|
}
|
|
1512
1904
|
],
|
|
1513
1905
|
"extends": [
|
|
@@ -1599,6 +1991,13 @@
|
|
|
1599
1991
|
"required": false,
|
|
1600
1992
|
"default": null,
|
|
1601
1993
|
"description": ""
|
|
1994
|
+
},
|
|
1995
|
+
{
|
|
1996
|
+
"name": "panelClassName",
|
|
1997
|
+
"type": "string",
|
|
1998
|
+
"required": false,
|
|
1999
|
+
"default": null,
|
|
2000
|
+
"description": "Applied to the sliding panel that hosts the drawer content."
|
|
1602
2001
|
}
|
|
1603
2002
|
],
|
|
1604
2003
|
"extends": [],
|
|
@@ -1769,6 +2168,27 @@
|
|
|
1769
2168
|
"required": false,
|
|
1770
2169
|
"default": null,
|
|
1771
2170
|
"description": ""
|
|
2171
|
+
},
|
|
2172
|
+
{
|
|
2173
|
+
"name": "titleWrapperClassName",
|
|
2174
|
+
"type": "string",
|
|
2175
|
+
"required": false,
|
|
2176
|
+
"default": null,
|
|
2177
|
+
"description": ""
|
|
2178
|
+
},
|
|
2179
|
+
{
|
|
2180
|
+
"name": "titleClassName",
|
|
2181
|
+
"type": "string",
|
|
2182
|
+
"required": false,
|
|
2183
|
+
"default": null,
|
|
2184
|
+
"description": ""
|
|
2185
|
+
},
|
|
2186
|
+
{
|
|
2187
|
+
"name": "closeButtonClassName",
|
|
2188
|
+
"type": "string",
|
|
2189
|
+
"required": false,
|
|
2190
|
+
"default": null,
|
|
2191
|
+
"description": ""
|
|
1772
2192
|
}
|
|
1773
2193
|
],
|
|
1774
2194
|
"extends": [],
|
|
@@ -1863,6 +2283,41 @@
|
|
|
1863
2283
|
"default": null,
|
|
1864
2284
|
"description": ""
|
|
1865
2285
|
},
|
|
2286
|
+
{
|
|
2287
|
+
"name": "triggerClassName",
|
|
2288
|
+
"type": "string",
|
|
2289
|
+
"required": false,
|
|
2290
|
+
"default": null,
|
|
2291
|
+
"description": "Applied to the wrapper around the `trigger` node."
|
|
2292
|
+
},
|
|
2293
|
+
{
|
|
2294
|
+
"name": "menuListClassName",
|
|
2295
|
+
"type": "string",
|
|
2296
|
+
"required": false,
|
|
2297
|
+
"default": null,
|
|
2298
|
+
"description": "Applied to the inner `role=\"menu\"` list container."
|
|
2299
|
+
},
|
|
2300
|
+
{
|
|
2301
|
+
"name": "separatorClassName",
|
|
2302
|
+
"type": "string",
|
|
2303
|
+
"required": false,
|
|
2304
|
+
"default": null,
|
|
2305
|
+
"description": "Applied to each separator row (`item.separator`)."
|
|
2306
|
+
},
|
|
2307
|
+
{
|
|
2308
|
+
"name": "itemIconClassName",
|
|
2309
|
+
"type": "string",
|
|
2310
|
+
"required": false,
|
|
2311
|
+
"default": null,
|
|
2312
|
+
"description": "Applied to an item's leading icon wrapper."
|
|
2313
|
+
},
|
|
2314
|
+
{
|
|
2315
|
+
"name": "itemLabelClassName",
|
|
2316
|
+
"type": "string",
|
|
2317
|
+
"required": false,
|
|
2318
|
+
"default": null,
|
|
2319
|
+
"description": "Applied to an item's label text."
|
|
2320
|
+
},
|
|
1866
2321
|
{
|
|
1867
2322
|
"name": "style",
|
|
1868
2323
|
"type": "React.CSSProperties",
|
|
@@ -1923,21 +2378,49 @@
|
|
|
1923
2378
|
"required": false,
|
|
1924
2379
|
"default": "\"md\"",
|
|
1925
2380
|
"description": ""
|
|
1926
|
-
}
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
2381
|
+
},
|
|
2382
|
+
{
|
|
2383
|
+
"name": "iconClassName",
|
|
2384
|
+
"type": "string",
|
|
2385
|
+
"required": false,
|
|
2386
|
+
"default": null,
|
|
2387
|
+
"description": ""
|
|
2388
|
+
},
|
|
2389
|
+
{
|
|
2390
|
+
"name": "titleClassName",
|
|
2391
|
+
"type": "string",
|
|
2392
|
+
"required": false,
|
|
2393
|
+
"default": null,
|
|
2394
|
+
"description": ""
|
|
2395
|
+
},
|
|
2396
|
+
{
|
|
2397
|
+
"name": "descriptionClassName",
|
|
2398
|
+
"type": "string",
|
|
2399
|
+
"required": false,
|
|
2400
|
+
"default": null,
|
|
2401
|
+
"description": ""
|
|
2402
|
+
},
|
|
2403
|
+
{
|
|
2404
|
+
"name": "actionClassName",
|
|
2405
|
+
"type": "string",
|
|
2406
|
+
"required": false,
|
|
2407
|
+
"default": null,
|
|
2408
|
+
"description": ""
|
|
2409
|
+
}
|
|
2410
|
+
],
|
|
2411
|
+
"extends": [
|
|
2412
|
+
"Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">"
|
|
2413
|
+
],
|
|
2414
|
+
"example": "<EmptyState\n title=\"No projects yet\"\n description=\"Create your first project to get started.\"\n/>"
|
|
2415
|
+
},
|
|
2416
|
+
{
|
|
2417
|
+
"name": "FileUpload",
|
|
2418
|
+
"importFrom": "@neuctra/ui",
|
|
2419
|
+
"module": "FileUpload",
|
|
2420
|
+
"category": "form",
|
|
2421
|
+
"propsInterface": "FileUploadProps",
|
|
2422
|
+
"description": "",
|
|
2423
|
+
"props": [
|
|
1941
2424
|
{
|
|
1942
2425
|
"name": "onFilesChange",
|
|
1943
2426
|
"type": "(files: File[]) => void",
|
|
@@ -2021,11 +2504,144 @@
|
|
|
2021
2504
|
"required": false,
|
|
2022
2505
|
"default": null,
|
|
2023
2506
|
"description": ""
|
|
2507
|
+
},
|
|
2508
|
+
{
|
|
2509
|
+
"name": "dropzoneClassName",
|
|
2510
|
+
"type": "string",
|
|
2511
|
+
"required": false,
|
|
2512
|
+
"default": null,
|
|
2513
|
+
"description": ""
|
|
2514
|
+
},
|
|
2515
|
+
{
|
|
2516
|
+
"name": "iconClassName",
|
|
2517
|
+
"type": "string",
|
|
2518
|
+
"required": false,
|
|
2519
|
+
"default": null,
|
|
2520
|
+
"description": ""
|
|
2521
|
+
},
|
|
2522
|
+
{
|
|
2523
|
+
"name": "labelClassName",
|
|
2524
|
+
"type": "string",
|
|
2525
|
+
"required": false,
|
|
2526
|
+
"default": null,
|
|
2527
|
+
"description": ""
|
|
2528
|
+
},
|
|
2529
|
+
{
|
|
2530
|
+
"name": "descriptionClassName",
|
|
2531
|
+
"type": "string",
|
|
2532
|
+
"required": false,
|
|
2533
|
+
"default": null,
|
|
2534
|
+
"description": ""
|
|
2535
|
+
},
|
|
2536
|
+
{
|
|
2537
|
+
"name": "errorClassName",
|
|
2538
|
+
"type": "string",
|
|
2539
|
+
"required": false,
|
|
2540
|
+
"default": null,
|
|
2541
|
+
"description": ""
|
|
2542
|
+
},
|
|
2543
|
+
{
|
|
2544
|
+
"name": "listClassName",
|
|
2545
|
+
"type": "string",
|
|
2546
|
+
"required": false,
|
|
2547
|
+
"default": null,
|
|
2548
|
+
"description": ""
|
|
2549
|
+
},
|
|
2550
|
+
{
|
|
2551
|
+
"name": "fileItemClassName",
|
|
2552
|
+
"type": "string",
|
|
2553
|
+
"required": false,
|
|
2554
|
+
"default": null,
|
|
2555
|
+
"description": ""
|
|
2556
|
+
},
|
|
2557
|
+
{
|
|
2558
|
+
"name": "fileIconClassName",
|
|
2559
|
+
"type": "string",
|
|
2560
|
+
"required": false,
|
|
2561
|
+
"default": null,
|
|
2562
|
+
"description": ""
|
|
2563
|
+
},
|
|
2564
|
+
{
|
|
2565
|
+
"name": "fileNameClassName",
|
|
2566
|
+
"type": "string",
|
|
2567
|
+
"required": false,
|
|
2568
|
+
"default": null,
|
|
2569
|
+
"description": ""
|
|
2570
|
+
},
|
|
2571
|
+
{
|
|
2572
|
+
"name": "fileSizeClassName",
|
|
2573
|
+
"type": "string",
|
|
2574
|
+
"required": false,
|
|
2575
|
+
"default": null,
|
|
2576
|
+
"description": ""
|
|
2577
|
+
},
|
|
2578
|
+
{
|
|
2579
|
+
"name": "removeButtonClassName",
|
|
2580
|
+
"type": "string",
|
|
2581
|
+
"required": false,
|
|
2582
|
+
"default": null,
|
|
2583
|
+
"description": ""
|
|
2024
2584
|
}
|
|
2025
2585
|
],
|
|
2026
2586
|
"extends": [],
|
|
2027
2587
|
"example": "<FileUpload\n multiple\n onFilesChange={(files) => console.log(files)}\n/>"
|
|
2028
2588
|
},
|
|
2589
|
+
{
|
|
2590
|
+
"name": "IconButton",
|
|
2591
|
+
"importFrom": "@neuctra/ui",
|
|
2592
|
+
"module": "IconButton",
|
|
2593
|
+
"category": "actions",
|
|
2594
|
+
"propsInterface": "IconButtonProps",
|
|
2595
|
+
"description": "The IconButton component is a compact, icon-only button built for toolbars, tables, cards, and dashboard actions. It shares the same variant system as Button for visual consistency, while sizing the icon and touch target together so the icon never looks lost inside the button.",
|
|
2596
|
+
"props": [
|
|
2597
|
+
{
|
|
2598
|
+
"name": "icon",
|
|
2599
|
+
"type": "React.ReactNode",
|
|
2600
|
+
"required": true,
|
|
2601
|
+
"default": null,
|
|
2602
|
+
"description": "The icon displayed inside the button"
|
|
2603
|
+
},
|
|
2604
|
+
{
|
|
2605
|
+
"name": "variant",
|
|
2606
|
+
"type": "| \"default\" | \"soft\" | \"outline\" | \"ghost\" | \"secondary\" | \"destructive\" | \"success\" | \"warning\" | \"info\" | \"link\"",
|
|
2607
|
+
"required": false,
|
|
2608
|
+
"default": "\"default\"",
|
|
2609
|
+
"description": "Visual style of the icon button"
|
|
2610
|
+
},
|
|
2611
|
+
{
|
|
2612
|
+
"name": "size",
|
|
2613
|
+
"type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
|
|
2614
|
+
"required": false,
|
|
2615
|
+
"default": "\"sm\"",
|
|
2616
|
+
"description": "Size of the icon button"
|
|
2617
|
+
},
|
|
2618
|
+
{
|
|
2619
|
+
"name": "\"aria-label\"",
|
|
2620
|
+
"type": "string",
|
|
2621
|
+
"required": false,
|
|
2622
|
+
"default": null,
|
|
2623
|
+
"description": "Optional tooltip / accessible label"
|
|
2624
|
+
},
|
|
2625
|
+
{
|
|
2626
|
+
"name": "iconClassName",
|
|
2627
|
+
"type": "string",
|
|
2628
|
+
"required": false,
|
|
2629
|
+
"default": null,
|
|
2630
|
+
"description": "Full customization"
|
|
2631
|
+
},
|
|
2632
|
+
{
|
|
2633
|
+
"name": "iconStyle",
|
|
2634
|
+
"type": "React.CSSProperties",
|
|
2635
|
+
"required": false,
|
|
2636
|
+
"default": null,
|
|
2637
|
+
"description": ""
|
|
2638
|
+
}
|
|
2639
|
+
],
|
|
2640
|
+
"extends": [
|
|
2641
|
+
"React.ButtonHTMLAttributes<HTMLButtonElement>"
|
|
2642
|
+
],
|
|
2643
|
+
"example": "<IconButton icon={<Heart size={16} />} aria-label=\"Like\" />"
|
|
2644
|
+
},
|
|
2029
2645
|
{
|
|
2030
2646
|
"name": "Image",
|
|
2031
2647
|
"importFrom": "@neuctra/ui",
|
|
@@ -2461,6 +3077,13 @@
|
|
|
2461
3077
|
"default": null,
|
|
2462
3078
|
"description": ""
|
|
2463
3079
|
},
|
|
3080
|
+
{
|
|
3081
|
+
"name": "descriptionClassName",
|
|
3082
|
+
"type": "string",
|
|
3083
|
+
"required": false,
|
|
3084
|
+
"default": null,
|
|
3085
|
+
"description": ""
|
|
3086
|
+
},
|
|
2464
3087
|
{
|
|
2465
3088
|
"name": "wrapperStyle",
|
|
2466
3089
|
"type": "CSSProperties",
|
|
@@ -2816,6 +3439,27 @@
|
|
|
2816
3439
|
"default": null,
|
|
2817
3440
|
"description": ""
|
|
2818
3441
|
},
|
|
3442
|
+
{
|
|
3443
|
+
"name": "chevronClassName",
|
|
3444
|
+
"type": "string",
|
|
3445
|
+
"required": false,
|
|
3446
|
+
"default": null,
|
|
3447
|
+
"description": ""
|
|
3448
|
+
},
|
|
3449
|
+
{
|
|
3450
|
+
"name": "externalIconClassName",
|
|
3451
|
+
"type": "string",
|
|
3452
|
+
"required": false,
|
|
3453
|
+
"default": null,
|
|
3454
|
+
"description": ""
|
|
3455
|
+
},
|
|
3456
|
+
{
|
|
3457
|
+
"name": "emptyStateClassName",
|
|
3458
|
+
"type": "string",
|
|
3459
|
+
"required": false,
|
|
3460
|
+
"default": null,
|
|
3461
|
+
"description": ""
|
|
3462
|
+
},
|
|
2819
3463
|
{
|
|
2820
3464
|
"name": "style",
|
|
2821
3465
|
"type": "CSSProperties",
|
|
@@ -3150,6 +3794,20 @@
|
|
|
3150
3794
|
"default": null,
|
|
3151
3795
|
"description": ""
|
|
3152
3796
|
},
|
|
3797
|
+
{
|
|
3798
|
+
"name": "chevronClassName",
|
|
3799
|
+
"type": "string",
|
|
3800
|
+
"required": false,
|
|
3801
|
+
"default": null,
|
|
3802
|
+
"description": ""
|
|
3803
|
+
},
|
|
3804
|
+
{
|
|
3805
|
+
"name": "externalIconClassName",
|
|
3806
|
+
"type": "string",
|
|
3807
|
+
"required": false,
|
|
3808
|
+
"default": null,
|
|
3809
|
+
"description": ""
|
|
3810
|
+
},
|
|
3153
3811
|
{
|
|
3154
3812
|
"name": "itemStyle",
|
|
3155
3813
|
"type": "CSSProperties",
|
|
@@ -3294,6 +3952,13 @@
|
|
|
3294
3952
|
"required": false,
|
|
3295
3953
|
"default": null,
|
|
3296
3954
|
"description": ""
|
|
3955
|
+
},
|
|
3956
|
+
{
|
|
3957
|
+
"name": "dialogClassName",
|
|
3958
|
+
"type": "string",
|
|
3959
|
+
"required": false,
|
|
3960
|
+
"default": null,
|
|
3961
|
+
"description": "The `role=\"dialog\"` wrapper around `children`."
|
|
3297
3962
|
}
|
|
3298
3963
|
],
|
|
3299
3964
|
"extends": [],
|
|
@@ -3510,6 +4175,34 @@
|
|
|
3510
4175
|
"required": false,
|
|
3511
4176
|
"default": null,
|
|
3512
4177
|
"description": ""
|
|
4178
|
+
},
|
|
4179
|
+
{
|
|
4180
|
+
"name": "titleWrapperClassName",
|
|
4181
|
+
"type": "string",
|
|
4182
|
+
"required": false,
|
|
4183
|
+
"default": null,
|
|
4184
|
+
"description": "Wrapper around `icon` + `title`."
|
|
4185
|
+
},
|
|
4186
|
+
{
|
|
4187
|
+
"name": "iconClassName",
|
|
4188
|
+
"type": "string",
|
|
4189
|
+
"required": false,
|
|
4190
|
+
"default": null,
|
|
4191
|
+
"description": ""
|
|
4192
|
+
},
|
|
4193
|
+
{
|
|
4194
|
+
"name": "titleClassName",
|
|
4195
|
+
"type": "string",
|
|
4196
|
+
"required": false,
|
|
4197
|
+
"default": null,
|
|
4198
|
+
"description": ""
|
|
4199
|
+
},
|
|
4200
|
+
{
|
|
4201
|
+
"name": "closeButtonClassName",
|
|
4202
|
+
"type": "string",
|
|
4203
|
+
"required": false,
|
|
4204
|
+
"default": null,
|
|
4205
|
+
"description": ""
|
|
3513
4206
|
}
|
|
3514
4207
|
],
|
|
3515
4208
|
"extends": [],
|
|
@@ -3634,6 +4327,41 @@
|
|
|
3634
4327
|
"required": false,
|
|
3635
4328
|
"default": null,
|
|
3636
4329
|
"description": ""
|
|
4330
|
+
},
|
|
4331
|
+
{
|
|
4332
|
+
"name": "labelClassName",
|
|
4333
|
+
"type": "string",
|
|
4334
|
+
"required": false,
|
|
4335
|
+
"default": null,
|
|
4336
|
+
"description": ""
|
|
4337
|
+
},
|
|
4338
|
+
{
|
|
4339
|
+
"name": "inputWrapperClassName",
|
|
4340
|
+
"type": "string",
|
|
4341
|
+
"required": false,
|
|
4342
|
+
"default": null,
|
|
4343
|
+
"description": "The bordered control wrapping the decrement button, input, and increment button."
|
|
4344
|
+
},
|
|
4345
|
+
{
|
|
4346
|
+
"name": "decrementButtonClassName",
|
|
4347
|
+
"type": "string",
|
|
4348
|
+
"required": false,
|
|
4349
|
+
"default": null,
|
|
4350
|
+
"description": ""
|
|
4351
|
+
},
|
|
4352
|
+
{
|
|
4353
|
+
"name": "incrementButtonClassName",
|
|
4354
|
+
"type": "string",
|
|
4355
|
+
"required": false,
|
|
4356
|
+
"default": null,
|
|
4357
|
+
"description": ""
|
|
4358
|
+
},
|
|
4359
|
+
{
|
|
4360
|
+
"name": "helperTextClassName",
|
|
4361
|
+
"type": "string",
|
|
4362
|
+
"required": false,
|
|
4363
|
+
"default": null,
|
|
4364
|
+
"description": ""
|
|
3637
4365
|
}
|
|
3638
4366
|
],
|
|
3639
4367
|
"extends": [
|
|
@@ -3690,6 +4418,41 @@
|
|
|
3690
4418
|
"required": false,
|
|
3691
4419
|
"default": "false",
|
|
3692
4420
|
"description": ""
|
|
4421
|
+
},
|
|
4422
|
+
{
|
|
4423
|
+
"name": "prevButtonClassName",
|
|
4424
|
+
"type": "string",
|
|
4425
|
+
"required": false,
|
|
4426
|
+
"default": null,
|
|
4427
|
+
"description": ""
|
|
4428
|
+
},
|
|
4429
|
+
{
|
|
4430
|
+
"name": "nextButtonClassName",
|
|
4431
|
+
"type": "string",
|
|
4432
|
+
"required": false,
|
|
4433
|
+
"default": null,
|
|
4434
|
+
"description": ""
|
|
4435
|
+
},
|
|
4436
|
+
{
|
|
4437
|
+
"name": "pageButtonClassName",
|
|
4438
|
+
"type": "string",
|
|
4439
|
+
"required": false,
|
|
4440
|
+
"default": null,
|
|
4441
|
+
"description": "Applied to every numbered page button, in addition to the active/inactive styling."
|
|
4442
|
+
},
|
|
4443
|
+
{
|
|
4444
|
+
"name": "activePageButtonClassName",
|
|
4445
|
+
"type": "string",
|
|
4446
|
+
"required": false,
|
|
4447
|
+
"default": null,
|
|
4448
|
+
"description": ""
|
|
4449
|
+
},
|
|
4450
|
+
{
|
|
4451
|
+
"name": "ellipsisClassName",
|
|
4452
|
+
"type": "string",
|
|
4453
|
+
"required": false,
|
|
4454
|
+
"default": null,
|
|
4455
|
+
"description": ""
|
|
3693
4456
|
}
|
|
3694
4457
|
],
|
|
3695
4458
|
"extends": [
|
|
@@ -3802,6 +4565,13 @@
|
|
|
3802
4565
|
"required": false,
|
|
3803
4566
|
"default": null,
|
|
3804
4567
|
"description": ""
|
|
4568
|
+
},
|
|
4569
|
+
{
|
|
4570
|
+
"name": "boxClassName",
|
|
4571
|
+
"type": "string",
|
|
4572
|
+
"required": false,
|
|
4573
|
+
"default": null,
|
|
4574
|
+
"description": "Applied to each individual character box, in addition to the size/state styling."
|
|
3805
4575
|
}
|
|
3806
4576
|
],
|
|
3807
4577
|
"extends": [],
|
|
@@ -3892,6 +4662,13 @@
|
|
|
3892
4662
|
"default": null,
|
|
3893
4663
|
"description": ""
|
|
3894
4664
|
},
|
|
4665
|
+
{
|
|
4666
|
+
"name": "triggerClassName",
|
|
4667
|
+
"type": "string",
|
|
4668
|
+
"required": false,
|
|
4669
|
+
"default": null,
|
|
4670
|
+
"description": "The wrapper around `trigger` that handles open/close interactions."
|
|
4671
|
+
},
|
|
3895
4672
|
{
|
|
3896
4673
|
"name": "contentClassName",
|
|
3897
4674
|
"type": "string",
|
|
@@ -3966,6 +4743,27 @@
|
|
|
3966
4743
|
"required": false,
|
|
3967
4744
|
"default": null,
|
|
3968
4745
|
"description": ""
|
|
4746
|
+
},
|
|
4747
|
+
{
|
|
4748
|
+
"name": "trackClassName",
|
|
4749
|
+
"type": "string",
|
|
4750
|
+
"required": false,
|
|
4751
|
+
"default": null,
|
|
4752
|
+
"description": "The track behind the fill/indicator (the muted background)."
|
|
4753
|
+
},
|
|
4754
|
+
{
|
|
4755
|
+
"name": "fillClassName",
|
|
4756
|
+
"type": "string",
|
|
4757
|
+
"required": false,
|
|
4758
|
+
"default": null,
|
|
4759
|
+
"description": "The filled portion (linear bar or circular arc), alongside `colorClassName`."
|
|
4760
|
+
},
|
|
4761
|
+
{
|
|
4762
|
+
"name": "valueClassName",
|
|
4763
|
+
"type": "string",
|
|
4764
|
+
"required": false,
|
|
4765
|
+
"default": null,
|
|
4766
|
+
"description": "The percentage text shown when `showValue` is set."
|
|
3969
4767
|
}
|
|
3970
4768
|
],
|
|
3971
4769
|
"extends": [
|
|
@@ -4258,6 +5056,34 @@
|
|
|
4258
5056
|
"required": false,
|
|
4259
5057
|
"default": "\"text-warning\"",
|
|
4260
5058
|
"description": "Color class of filled stars; defaults to the theme's warning (amber)."
|
|
5059
|
+
},
|
|
5060
|
+
{
|
|
5061
|
+
"name": "starClassName",
|
|
5062
|
+
"type": "string",
|
|
5063
|
+
"required": false,
|
|
5064
|
+
"default": null,
|
|
5065
|
+
"description": "Applied to every star icon, in addition to size/color/state classes."
|
|
5066
|
+
},
|
|
5067
|
+
{
|
|
5068
|
+
"name": "emptyStarClassName",
|
|
5069
|
+
"type": "string",
|
|
5070
|
+
"required": false,
|
|
5071
|
+
"default": null,
|
|
5072
|
+
"description": "The unfilled star color/class."
|
|
5073
|
+
},
|
|
5074
|
+
{
|
|
5075
|
+
"name": "starWrapperClassName",
|
|
5076
|
+
"type": "string",
|
|
5077
|
+
"required": false,
|
|
5078
|
+
"default": null,
|
|
5079
|
+
"description": "The clickable wrapper around each star, in interactive mode."
|
|
5080
|
+
},
|
|
5081
|
+
{
|
|
5082
|
+
"name": "valueClassName",
|
|
5083
|
+
"type": "string",
|
|
5084
|
+
"required": false,
|
|
5085
|
+
"default": null,
|
|
5086
|
+
"description": "The numeric value shown when `showValue` is set."
|
|
4261
5087
|
}
|
|
4262
5088
|
],
|
|
4263
5089
|
"extends": [
|
|
@@ -4504,6 +5330,41 @@
|
|
|
4504
5330
|
"default": null,
|
|
4505
5331
|
"description": ""
|
|
4506
5332
|
},
|
|
5333
|
+
{
|
|
5334
|
+
"name": "labelIconClassName",
|
|
5335
|
+
"type": "string",
|
|
5336
|
+
"required": false,
|
|
5337
|
+
"default": null,
|
|
5338
|
+
"description": "The label icon rendered before `label`."
|
|
5339
|
+
},
|
|
5340
|
+
{
|
|
5341
|
+
"name": "searchWrapperClassName",
|
|
5342
|
+
"type": "string",
|
|
5343
|
+
"required": false,
|
|
5344
|
+
"default": null,
|
|
5345
|
+
"description": "The wrapper around the search input, when `searchable` is set."
|
|
5346
|
+
},
|
|
5347
|
+
{
|
|
5348
|
+
"name": "emptyClassName",
|
|
5349
|
+
"type": "string",
|
|
5350
|
+
"required": false,
|
|
5351
|
+
"default": null,
|
|
5352
|
+
"description": "The \"No options available\" empty state."
|
|
5353
|
+
},
|
|
5354
|
+
{
|
|
5355
|
+
"name": "itemLabelClassName",
|
|
5356
|
+
"type": "string",
|
|
5357
|
+
"required": false,
|
|
5358
|
+
"default": null,
|
|
5359
|
+
"description": "An option's label text."
|
|
5360
|
+
},
|
|
5361
|
+
{
|
|
5362
|
+
"name": "itemDescriptionClassName",
|
|
5363
|
+
"type": "string",
|
|
5364
|
+
"required": false,
|
|
5365
|
+
"default": null,
|
|
5366
|
+
"description": "An option's description text, when `showDescription` is set."
|
|
5367
|
+
},
|
|
4507
5368
|
{
|
|
4508
5369
|
"name": "itemIconClassName",
|
|
4509
5370
|
"type": "string",
|
|
@@ -4606,6 +5467,13 @@
|
|
|
4606
5467
|
"required": false,
|
|
4607
5468
|
"default": "true",
|
|
4608
5469
|
"description": "Disable the pulse animation."
|
|
5470
|
+
},
|
|
5471
|
+
{
|
|
5472
|
+
"name": "lineClassName",
|
|
5473
|
+
"type": "string",
|
|
5474
|
+
"required": false,
|
|
5475
|
+
"default": null,
|
|
5476
|
+
"description": "Applied to each individual line when variant=\"text\" and lines > 1."
|
|
4609
5477
|
}
|
|
4610
5478
|
],
|
|
4611
5479
|
"extends": [
|
|
@@ -4704,6 +5572,41 @@
|
|
|
4704
5572
|
"required": false,
|
|
4705
5573
|
"default": null,
|
|
4706
5574
|
"description": ""
|
|
5575
|
+
},
|
|
5576
|
+
{
|
|
5577
|
+
"name": "labelRowClassName",
|
|
5578
|
+
"type": "string",
|
|
5579
|
+
"required": false,
|
|
5580
|
+
"default": null,
|
|
5581
|
+
"description": "Row wrapping the label and the current-value text."
|
|
5582
|
+
},
|
|
5583
|
+
{
|
|
5584
|
+
"name": "labelClassName",
|
|
5585
|
+
"type": "string",
|
|
5586
|
+
"required": false,
|
|
5587
|
+
"default": null,
|
|
5588
|
+
"description": ""
|
|
5589
|
+
},
|
|
5590
|
+
{
|
|
5591
|
+
"name": "valueClassName",
|
|
5592
|
+
"type": "string",
|
|
5593
|
+
"required": false,
|
|
5594
|
+
"default": null,
|
|
5595
|
+
"description": ""
|
|
5596
|
+
},
|
|
5597
|
+
{
|
|
5598
|
+
"name": "marksClassName",
|
|
5599
|
+
"type": "string",
|
|
5600
|
+
"required": false,
|
|
5601
|
+
"default": null,
|
|
5602
|
+
"description": "Wrapper around the tick marks rendered under the track."
|
|
5603
|
+
},
|
|
5604
|
+
{
|
|
5605
|
+
"name": "markClassName",
|
|
5606
|
+
"type": "string",
|
|
5607
|
+
"required": false,
|
|
5608
|
+
"default": null,
|
|
5609
|
+
"description": "Applied to each individual tick mark."
|
|
4707
5610
|
}
|
|
4708
5611
|
],
|
|
4709
5612
|
"extends": [
|
|
@@ -4739,6 +5642,13 @@
|
|
|
4739
5642
|
"required": false,
|
|
4740
5643
|
"default": null,
|
|
4741
5644
|
"description": "Stroke color class; defaults to the current text color."
|
|
5645
|
+
},
|
|
5646
|
+
{
|
|
5647
|
+
"name": "labelClassName",
|
|
5648
|
+
"type": "string",
|
|
5649
|
+
"required": false,
|
|
5650
|
+
"default": null,
|
|
5651
|
+
"description": "Applied to the visually-hidden (sr-only) accessible label."
|
|
4742
5652
|
}
|
|
4743
5653
|
],
|
|
4744
5654
|
"extends": [
|
|
@@ -4802,6 +5712,62 @@
|
|
|
4802
5712
|
"required": false,
|
|
4803
5713
|
"default": "true",
|
|
4804
5714
|
"description": "Renders the stat inside a bordered card surface."
|
|
5715
|
+
},
|
|
5716
|
+
{
|
|
5717
|
+
"name": "headerClassName",
|
|
5718
|
+
"type": "string",
|
|
5719
|
+
"required": false,
|
|
5720
|
+
"default": null,
|
|
5721
|
+
"description": "🔥 Full Customization"
|
|
5722
|
+
},
|
|
5723
|
+
{
|
|
5724
|
+
"name": "labelClassName",
|
|
5725
|
+
"type": "string",
|
|
5726
|
+
"required": false,
|
|
5727
|
+
"default": null,
|
|
5728
|
+
"description": ""
|
|
5729
|
+
},
|
|
5730
|
+
{
|
|
5731
|
+
"name": "iconClassName",
|
|
5732
|
+
"type": "string",
|
|
5733
|
+
"required": false,
|
|
5734
|
+
"default": null,
|
|
5735
|
+
"description": ""
|
|
5736
|
+
},
|
|
5737
|
+
{
|
|
5738
|
+
"name": "valueClassName",
|
|
5739
|
+
"type": "string",
|
|
5740
|
+
"required": false,
|
|
5741
|
+
"default": null,
|
|
5742
|
+
"description": ""
|
|
5743
|
+
},
|
|
5744
|
+
{
|
|
5745
|
+
"name": "footerClassName",
|
|
5746
|
+
"type": "string",
|
|
5747
|
+
"required": false,
|
|
5748
|
+
"default": null,
|
|
5749
|
+
"description": ""
|
|
5750
|
+
},
|
|
5751
|
+
{
|
|
5752
|
+
"name": "trendClassName",
|
|
5753
|
+
"type": "string",
|
|
5754
|
+
"required": false,
|
|
5755
|
+
"default": null,
|
|
5756
|
+
"description": ""
|
|
5757
|
+
},
|
|
5758
|
+
{
|
|
5759
|
+
"name": "trendIconClassName",
|
|
5760
|
+
"type": "string",
|
|
5761
|
+
"required": false,
|
|
5762
|
+
"default": null,
|
|
5763
|
+
"description": ""
|
|
5764
|
+
},
|
|
5765
|
+
{
|
|
5766
|
+
"name": "descriptionClassName",
|
|
5767
|
+
"type": "string",
|
|
5768
|
+
"required": false,
|
|
5769
|
+
"default": null,
|
|
5770
|
+
"description": ""
|
|
4805
5771
|
}
|
|
4806
5772
|
],
|
|
4807
5773
|
"extends": [
|
|
@@ -4851,6 +5817,55 @@
|
|
|
4851
5817
|
"required": false,
|
|
4852
5818
|
"default": "\"md\"",
|
|
4853
5819
|
"description": ""
|
|
5820
|
+
},
|
|
5821
|
+
{
|
|
5822
|
+
"name": "itemClassName",
|
|
5823
|
+
"type": "string",
|
|
5824
|
+
"required": false,
|
|
5825
|
+
"default": null,
|
|
5826
|
+
"description": "🔥 Full Customization"
|
|
5827
|
+
},
|
|
5828
|
+
{
|
|
5829
|
+
"name": "dotClassName",
|
|
5830
|
+
"type": "string",
|
|
5831
|
+
"required": false,
|
|
5832
|
+
"default": null,
|
|
5833
|
+
"description": "The circular step indicator/dot."
|
|
5834
|
+
},
|
|
5835
|
+
{
|
|
5836
|
+
"name": "dotButtonClassName",
|
|
5837
|
+
"type": "string",
|
|
5838
|
+
"required": false,
|
|
5839
|
+
"default": null,
|
|
5840
|
+
"description": "The `<button>` wrapping a clickable (completed) dot."
|
|
5841
|
+
},
|
|
5842
|
+
{
|
|
5843
|
+
"name": "connectorClassName",
|
|
5844
|
+
"type": "string",
|
|
5845
|
+
"required": false,
|
|
5846
|
+
"default": null,
|
|
5847
|
+
"description": "The connector line between steps."
|
|
5848
|
+
},
|
|
5849
|
+
{
|
|
5850
|
+
"name": "contentClassName",
|
|
5851
|
+
"type": "string",
|
|
5852
|
+
"required": false,
|
|
5853
|
+
"default": null,
|
|
5854
|
+
"description": "Wraps a step's label + description."
|
|
5855
|
+
},
|
|
5856
|
+
{
|
|
5857
|
+
"name": "labelClassName",
|
|
5858
|
+
"type": "string",
|
|
5859
|
+
"required": false,
|
|
5860
|
+
"default": null,
|
|
5861
|
+
"description": ""
|
|
5862
|
+
},
|
|
5863
|
+
{
|
|
5864
|
+
"name": "descriptionClassName",
|
|
5865
|
+
"type": "string",
|
|
5866
|
+
"required": false,
|
|
5867
|
+
"default": null,
|
|
5868
|
+
"description": ""
|
|
4854
5869
|
}
|
|
4855
5870
|
],
|
|
4856
5871
|
"extends": [
|
|
@@ -5129,6 +6144,13 @@
|
|
|
5129
6144
|
"required": false,
|
|
5130
6145
|
"default": null,
|
|
5131
6146
|
"description": ""
|
|
6147
|
+
},
|
|
6148
|
+
{
|
|
6149
|
+
"name": "iconClassName",
|
|
6150
|
+
"type": "string",
|
|
6151
|
+
"required": false,
|
|
6152
|
+
"default": null,
|
|
6153
|
+
"description": "Wraps the `icon` node."
|
|
5132
6154
|
}
|
|
5133
6155
|
],
|
|
5134
6156
|
"extends": [],
|
|
@@ -5265,6 +6287,20 @@
|
|
|
5265
6287
|
"required": false,
|
|
5266
6288
|
"default": null,
|
|
5267
6289
|
"description": ""
|
|
6290
|
+
},
|
|
6291
|
+
{
|
|
6292
|
+
"name": "triggerClassName",
|
|
6293
|
+
"type": "string",
|
|
6294
|
+
"required": false,
|
|
6295
|
+
"default": null,
|
|
6296
|
+
"description": "The drawer trigger `<button>` (mobileVariant=\"drawer\" only)."
|
|
6297
|
+
},
|
|
6298
|
+
{
|
|
6299
|
+
"name": "menuClassName",
|
|
6300
|
+
"type": "string",
|
|
6301
|
+
"required": false,
|
|
6302
|
+
"default": null,
|
|
6303
|
+
"description": "The dropdown menu panel (mobileVariant=\"drawer\" only)."
|
|
5268
6304
|
}
|
|
5269
6305
|
],
|
|
5270
6306
|
"extends": [],
|
|
@@ -5621,6 +6657,48 @@
|
|
|
5621
6657
|
"required": false,
|
|
5622
6658
|
"default": null,
|
|
5623
6659
|
"description": ""
|
|
6660
|
+
},
|
|
6661
|
+
{
|
|
6662
|
+
"name": "labelClassName",
|
|
6663
|
+
"type": "string",
|
|
6664
|
+
"required": false,
|
|
6665
|
+
"default": null,
|
|
6666
|
+
"description": "Field label."
|
|
6667
|
+
},
|
|
6668
|
+
{
|
|
6669
|
+
"name": "chipClassName",
|
|
6670
|
+
"type": "string",
|
|
6671
|
+
"required": false,
|
|
6672
|
+
"default": null,
|
|
6673
|
+
"description": "Tag chip wrapper."
|
|
6674
|
+
},
|
|
6675
|
+
{
|
|
6676
|
+
"name": "chipRemoveClassName",
|
|
6677
|
+
"type": "string",
|
|
6678
|
+
"required": false,
|
|
6679
|
+
"default": null,
|
|
6680
|
+
"description": "Remove (\"x\") button inside a chip."
|
|
6681
|
+
},
|
|
6682
|
+
{
|
|
6683
|
+
"name": "inputClassName",
|
|
6684
|
+
"type": "string",
|
|
6685
|
+
"required": false,
|
|
6686
|
+
"default": null,
|
|
6687
|
+
"description": "The text input itself."
|
|
6688
|
+
},
|
|
6689
|
+
{
|
|
6690
|
+
"name": "helperClassName",
|
|
6691
|
+
"type": "string",
|
|
6692
|
+
"required": false,
|
|
6693
|
+
"default": null,
|
|
6694
|
+
"description": "Helper text / error message."
|
|
6695
|
+
},
|
|
6696
|
+
{
|
|
6697
|
+
"name": "countClassName",
|
|
6698
|
+
"type": "string",
|
|
6699
|
+
"required": false,
|
|
6700
|
+
"default": null,
|
|
6701
|
+
"description": "Tag count indicator (e.g. \"2/5\")."
|
|
5624
6702
|
}
|
|
5625
6703
|
],
|
|
5626
6704
|
"extends": [],
|
|
@@ -5765,6 +6843,13 @@
|
|
|
5765
6843
|
"default": "\"\"",
|
|
5766
6844
|
"description": ""
|
|
5767
6845
|
},
|
|
6846
|
+
{
|
|
6847
|
+
"name": "iconClassName",
|
|
6848
|
+
"type": "string",
|
|
6849
|
+
"required": false,
|
|
6850
|
+
"default": "\"\"",
|
|
6851
|
+
"description": ""
|
|
6852
|
+
},
|
|
5768
6853
|
{
|
|
5769
6854
|
"name": "helperClassName",
|
|
5770
6855
|
"type": "string",
|
|
@@ -5851,7 +6936,7 @@
|
|
|
5851
6936
|
"description": "A modern, animated dark mode toggle built for SaaS applications. It supports Sun/Moon icon transitions, smooth thumb animation, and works with a context-driven theme system.",
|
|
5852
6937
|
"props": [],
|
|
5853
6938
|
"extends": [],
|
|
5854
|
-
"example": ""
|
|
6939
|
+
"example": "<ThemeToggleButton\n context={theme}\n className=\"h-10 w-10\"\n sunClassName=\"text-amber-400\"\n moonClassName=\"text-indigo-400\"\n/>"
|
|
5855
6940
|
},
|
|
5856
6941
|
{
|
|
5857
6942
|
"name": "Timeline",
|
|
@@ -5874,6 +6959,55 @@
|
|
|
5874
6959
|
"required": false,
|
|
5875
6960
|
"default": "\"md\"",
|
|
5876
6961
|
"description": ""
|
|
6962
|
+
},
|
|
6963
|
+
{
|
|
6964
|
+
"name": "itemClassName",
|
|
6965
|
+
"type": "string",
|
|
6966
|
+
"required": false,
|
|
6967
|
+
"default": null,
|
|
6968
|
+
"description": "Each `<li>` row."
|
|
6969
|
+
},
|
|
6970
|
+
{
|
|
6971
|
+
"name": "connectorClassName",
|
|
6972
|
+
"type": "string",
|
|
6973
|
+
"required": false,
|
|
6974
|
+
"default": null,
|
|
6975
|
+
"description": "The vertical connector line between dots."
|
|
6976
|
+
},
|
|
6977
|
+
{
|
|
6978
|
+
"name": "dotClassName",
|
|
6979
|
+
"type": "string",
|
|
6980
|
+
"required": false,
|
|
6981
|
+
"default": null,
|
|
6982
|
+
"description": "The status dot/icon bubble."
|
|
6983
|
+
},
|
|
6984
|
+
{
|
|
6985
|
+
"name": "contentClassName",
|
|
6986
|
+
"type": "string",
|
|
6987
|
+
"required": false,
|
|
6988
|
+
"default": null,
|
|
6989
|
+
"description": "Wrapper around the title/time/description block."
|
|
6990
|
+
},
|
|
6991
|
+
{
|
|
6992
|
+
"name": "titleClassName",
|
|
6993
|
+
"type": "string",
|
|
6994
|
+
"required": false,
|
|
6995
|
+
"default": null,
|
|
6996
|
+
"description": "Item title."
|
|
6997
|
+
},
|
|
6998
|
+
{
|
|
6999
|
+
"name": "timeClassName",
|
|
7000
|
+
"type": "string",
|
|
7001
|
+
"required": false,
|
|
7002
|
+
"default": null,
|
|
7003
|
+
"description": "Timestamp/meta text next to the title."
|
|
7004
|
+
},
|
|
7005
|
+
{
|
|
7006
|
+
"name": "descriptionClassName",
|
|
7007
|
+
"type": "string",
|
|
7008
|
+
"required": false,
|
|
7009
|
+
"default": null,
|
|
7010
|
+
"description": "Item description."
|
|
5877
7011
|
}
|
|
5878
7012
|
],
|
|
5879
7013
|
"extends": [
|
|
@@ -5881,13 +7015,218 @@
|
|
|
5881
7015
|
],
|
|
5882
7016
|
"example": "<Timeline\n items={[\n { title: \"Order placed\", time: \"09:12\", status: \"done\" },\n { title: \"Payment confirmed\", time: \"09:14\", status: \"done\" },\n { title: \"Out for delivery\", time: \"12:40\", status: \"active\",\n description: \"Your package is on its way.\" },\n { title: \"Delivered\", status: \"pending\" },\n ]}\n/>"
|
|
5883
7017
|
},
|
|
7018
|
+
{
|
|
7019
|
+
"name": "TimePicker",
|
|
7020
|
+
"importFrom": "@neuctra/ui",
|
|
7021
|
+
"module": "TimePicker",
|
|
7022
|
+
"category": "form",
|
|
7023
|
+
"propsInterface": "TimePickerProps",
|
|
7024
|
+
"description": "",
|
|
7025
|
+
"props": [
|
|
7026
|
+
{
|
|
7027
|
+
"name": "value",
|
|
7028
|
+
"type": "Date | null",
|
|
7029
|
+
"required": false,
|
|
7030
|
+
"default": null,
|
|
7031
|
+
"description": ""
|
|
7032
|
+
},
|
|
7033
|
+
{
|
|
7034
|
+
"name": "defaultValue",
|
|
7035
|
+
"type": "Date | null",
|
|
7036
|
+
"required": false,
|
|
7037
|
+
"default": "null",
|
|
7038
|
+
"description": ""
|
|
7039
|
+
},
|
|
7040
|
+
{
|
|
7041
|
+
"name": "onChange",
|
|
7042
|
+
"type": "(date: Date | null) => void",
|
|
7043
|
+
"required": false,
|
|
7044
|
+
"default": null,
|
|
7045
|
+
"description": "Fired with a Date carrying the picked hour/minute. If `value` (or the\nuncontrolled internal value) is already set, only its hours/minutes are\nreplaced — the rest of the date is preserved, so pairing this with a\nDatePicker's value works without extra glue code."
|
|
7046
|
+
},
|
|
7047
|
+
{
|
|
7048
|
+
"name": "placeholder",
|
|
7049
|
+
"type": "string",
|
|
7050
|
+
"required": false,
|
|
7051
|
+
"default": "\"Pick a time\"",
|
|
7052
|
+
"description": ""
|
|
7053
|
+
},
|
|
7054
|
+
{
|
|
7055
|
+
"name": "formatTime",
|
|
7056
|
+
"type": "(date: Date) => string",
|
|
7057
|
+
"required": false,
|
|
7058
|
+
"default": "defaultFormatTime",
|
|
7059
|
+
"description": "Format the displayed time; defaults to a locale \"HH:MM\" string."
|
|
7060
|
+
},
|
|
7061
|
+
{
|
|
7062
|
+
"name": "step",
|
|
7063
|
+
"type": "number",
|
|
7064
|
+
"required": false,
|
|
7065
|
+
"default": "30",
|
|
7066
|
+
"description": "Minutes between each selectable option in the list."
|
|
7067
|
+
},
|
|
7068
|
+
{
|
|
7069
|
+
"name": "minHour",
|
|
7070
|
+
"type": "number",
|
|
7071
|
+
"required": false,
|
|
7072
|
+
"default": "0",
|
|
7073
|
+
"description": "Earliest selectable hour, 0-23."
|
|
7074
|
+
},
|
|
7075
|
+
{
|
|
7076
|
+
"name": "maxHour",
|
|
7077
|
+
"type": "number",
|
|
7078
|
+
"required": false,
|
|
7079
|
+
"default": "23",
|
|
7080
|
+
"description": "Latest selectable hour, 0-23 (inclusive)."
|
|
7081
|
+
},
|
|
7082
|
+
{
|
|
7083
|
+
"name": "label",
|
|
7084
|
+
"type": "string",
|
|
7085
|
+
"required": false,
|
|
7086
|
+
"default": null,
|
|
7087
|
+
"description": ""
|
|
7088
|
+
},
|
|
7089
|
+
{
|
|
7090
|
+
"name": "error",
|
|
7091
|
+
"type": "string",
|
|
7092
|
+
"required": false,
|
|
7093
|
+
"default": null,
|
|
7094
|
+
"description": ""
|
|
7095
|
+
},
|
|
7096
|
+
{
|
|
7097
|
+
"name": "helperText",
|
|
7098
|
+
"type": "string",
|
|
7099
|
+
"required": false,
|
|
7100
|
+
"default": null,
|
|
7101
|
+
"description": ""
|
|
7102
|
+
},
|
|
7103
|
+
{
|
|
7104
|
+
"name": "size",
|
|
7105
|
+
"type": "\"sm\" | \"md\" | \"lg\"",
|
|
7106
|
+
"required": false,
|
|
7107
|
+
"default": "\"md\"",
|
|
7108
|
+
"description": ""
|
|
7109
|
+
},
|
|
7110
|
+
{
|
|
7111
|
+
"name": "disabled",
|
|
7112
|
+
"type": "boolean",
|
|
7113
|
+
"required": false,
|
|
7114
|
+
"default": "false",
|
|
7115
|
+
"description": ""
|
|
7116
|
+
},
|
|
7117
|
+
{
|
|
7118
|
+
"name": "clearable",
|
|
7119
|
+
"type": "boolean",
|
|
7120
|
+
"required": false,
|
|
7121
|
+
"default": "false",
|
|
7122
|
+
"description": "Show an inline clear button while a time is selected."
|
|
7123
|
+
},
|
|
7124
|
+
{
|
|
7125
|
+
"name": "id",
|
|
7126
|
+
"type": "string",
|
|
7127
|
+
"required": false,
|
|
7128
|
+
"default": null,
|
|
7129
|
+
"description": ""
|
|
7130
|
+
},
|
|
7131
|
+
{
|
|
7132
|
+
"name": "className",
|
|
7133
|
+
"type": "string",
|
|
7134
|
+
"required": false,
|
|
7135
|
+
"default": null,
|
|
7136
|
+
"description": ""
|
|
7137
|
+
},
|
|
7138
|
+
{
|
|
7139
|
+
"name": "wrapperClassName",
|
|
7140
|
+
"type": "string",
|
|
7141
|
+
"required": false,
|
|
7142
|
+
"default": null,
|
|
7143
|
+
"description": ""
|
|
7144
|
+
},
|
|
7145
|
+
{
|
|
7146
|
+
"name": "labelClassName",
|
|
7147
|
+
"type": "string",
|
|
7148
|
+
"required": false,
|
|
7149
|
+
"default": null,
|
|
7150
|
+
"description": "🔥 Full Customization"
|
|
7151
|
+
},
|
|
7152
|
+
{
|
|
7153
|
+
"name": "iconClassName",
|
|
7154
|
+
"type": "string",
|
|
7155
|
+
"required": false,
|
|
7156
|
+
"default": null,
|
|
7157
|
+
"description": ""
|
|
7158
|
+
},
|
|
7159
|
+
{
|
|
7160
|
+
"name": "textClassName",
|
|
7161
|
+
"type": "string",
|
|
7162
|
+
"required": false,
|
|
7163
|
+
"default": null,
|
|
7164
|
+
"description": ""
|
|
7165
|
+
},
|
|
7166
|
+
{
|
|
7167
|
+
"name": "clearButtonClassName",
|
|
7168
|
+
"type": "string",
|
|
7169
|
+
"required": false,
|
|
7170
|
+
"default": null,
|
|
7171
|
+
"description": ""
|
|
7172
|
+
},
|
|
7173
|
+
{
|
|
7174
|
+
"name": "clearIconClassName",
|
|
7175
|
+
"type": "string",
|
|
7176
|
+
"required": false,
|
|
7177
|
+
"default": null,
|
|
7178
|
+
"description": ""
|
|
7179
|
+
},
|
|
7180
|
+
{
|
|
7181
|
+
"name": "panelClassName",
|
|
7182
|
+
"type": "string",
|
|
7183
|
+
"required": false,
|
|
7184
|
+
"default": null,
|
|
7185
|
+
"description": ""
|
|
7186
|
+
},
|
|
7187
|
+
{
|
|
7188
|
+
"name": "optionClassName",
|
|
7189
|
+
"type": "string",
|
|
7190
|
+
"required": false,
|
|
7191
|
+
"default": null,
|
|
7192
|
+
"description": ""
|
|
7193
|
+
},
|
|
7194
|
+
{
|
|
7195
|
+
"name": "activeOptionClassName",
|
|
7196
|
+
"type": "string",
|
|
7197
|
+
"required": false,
|
|
7198
|
+
"default": null,
|
|
7199
|
+
"description": ""
|
|
7200
|
+
},
|
|
7201
|
+
{
|
|
7202
|
+
"name": "helperClassName",
|
|
7203
|
+
"type": "string",
|
|
7204
|
+
"required": false,
|
|
7205
|
+
"default": null,
|
|
7206
|
+
"description": ""
|
|
7207
|
+
}
|
|
7208
|
+
],
|
|
7209
|
+
"extends": [],
|
|
7210
|
+
"example": "const [time, setTime] = useState(null);\n\n<TimePicker\n label=\"Meeting time\"\n value={time}\n onChange={setTime}\n clearable\n/>"
|
|
7211
|
+
},
|
|
7212
|
+
{
|
|
7213
|
+
"name": "toast",
|
|
7214
|
+
"importFrom": "@neuctra/ui",
|
|
7215
|
+
"module": "Alert",
|
|
7216
|
+
"category": "feedback",
|
|
7217
|
+
"propsInterface": null,
|
|
7218
|
+
"description": "The Toast component is a lightweight, react-hot-toast-style notification system. Call toast() from anywhere — no hook required — to trigger success, error, warning, info, or loading notifications, each with distinct styling and icons for clear visual communication.",
|
|
7219
|
+
"props": [],
|
|
7220
|
+
"extends": [],
|
|
7221
|
+
"example": ""
|
|
7222
|
+
},
|
|
5884
7223
|
{
|
|
5885
7224
|
"name": "ToastProvider",
|
|
5886
7225
|
"importFrom": "@neuctra/ui",
|
|
5887
7226
|
"module": "Alert",
|
|
5888
7227
|
"category": "feedback",
|
|
5889
7228
|
"propsInterface": "ToastProviderProps",
|
|
5890
|
-
"description": "The Toast component is a lightweight notification system
|
|
7229
|
+
"description": "The Toast component is a lightweight, react-hot-toast-style notification system. Call toast() from anywhere — no hook required — to trigger success, error, warning, info, or loading notifications, each with distinct styling and icons for clear visual communication.",
|
|
5891
7230
|
"props": [
|
|
5892
7231
|
{
|
|
5893
7232
|
"name": "children",
|
|
@@ -5902,6 +7241,20 @@
|
|
|
5902
7241
|
"required": false,
|
|
5903
7242
|
"default": "5",
|
|
5904
7243
|
"description": "Maximum toasts kept on screen at once. Oldest are dropped first."
|
|
7244
|
+
},
|
|
7245
|
+
{
|
|
7246
|
+
"name": "containerClassName",
|
|
7247
|
+
"type": "string",
|
|
7248
|
+
"required": false,
|
|
7249
|
+
"default": null,
|
|
7250
|
+
"description": "Customize the fixed toast viewport that hosts all toasts."
|
|
7251
|
+
},
|
|
7252
|
+
{
|
|
7253
|
+
"name": "position",
|
|
7254
|
+
"type": "ToastPosition",
|
|
7255
|
+
"required": false,
|
|
7256
|
+
"default": "\"bottom-right\"",
|
|
7257
|
+
"description": "Corner (or edge-center) the toast stack anchors to."
|
|
5905
7258
|
}
|
|
5906
7259
|
],
|
|
5907
7260
|
"extends": [],
|
|
@@ -6019,6 +7372,20 @@
|
|
|
6019
7372
|
"required": false,
|
|
6020
7373
|
"default": "false",
|
|
6021
7374
|
"description": ""
|
|
7375
|
+
},
|
|
7376
|
+
{
|
|
7377
|
+
"name": "itemClassName",
|
|
7378
|
+
"type": "string",
|
|
7379
|
+
"required": false,
|
|
7380
|
+
"default": null,
|
|
7381
|
+
"description": "Each option's `<button>`."
|
|
7382
|
+
},
|
|
7383
|
+
{
|
|
7384
|
+
"name": "iconClassName",
|
|
7385
|
+
"type": "string",
|
|
7386
|
+
"required": false,
|
|
7387
|
+
"default": null,
|
|
7388
|
+
"description": "Wrapper around an option's icon."
|
|
6022
7389
|
}
|
|
6023
7390
|
],
|
|
6024
7391
|
"extends": [
|
|
@@ -6082,6 +7449,13 @@
|
|
|
6082
7449
|
"required": false,
|
|
6083
7450
|
"default": null,
|
|
6084
7451
|
"description": ""
|
|
7452
|
+
},
|
|
7453
|
+
{
|
|
7454
|
+
"name": "arrowClassName",
|
|
7455
|
+
"type": "string",
|
|
7456
|
+
"required": false,
|
|
7457
|
+
"default": null,
|
|
7458
|
+
"description": "The small triangular pointer on the tooltip bubble."
|
|
6085
7459
|
}
|
|
6086
7460
|
],
|
|
6087
7461
|
"extends": [],
|
|
@@ -6121,7 +7495,7 @@
|
|
|
6121
7495
|
"module": "Alert",
|
|
6122
7496
|
"category": "feedback",
|
|
6123
7497
|
"propsInterface": null,
|
|
6124
|
-
"description": "The Toast component is a lightweight notification system
|
|
7498
|
+
"description": "The Toast component is a lightweight, react-hot-toast-style notification system. Call toast() from anywhere — no hook required — to trigger success, error, warning, info, or loading notifications, each with distinct styling and icons for clear visual communication.",
|
|
6125
7499
|
"props": [],
|
|
6126
7500
|
"extends": [],
|
|
6127
7501
|
"example": ""
|