@yahoo/uds 3.147.0-beta.1 → 3.148.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 (22) hide show
  1. package/dist/cli/commands/sync.cjs +13 -13
  2. package/dist/cli/commands/sync.js +13 -13
  3. package/dist/css/dist/packages/fixtures/dist/index.cjs +14 -0
  4. package/dist/css/dist/packages/fixtures/dist/index.js +14 -0
  5. package/dist/fixtures/dist/index.cjs +8 -1
  6. package/dist/fixtures/dist/index.d.cts +1 -1
  7. package/dist/fixtures/dist/index.d.ts +1 -1
  8. package/dist/fixtures/dist/index.js +8 -1
  9. package/dist/styles/styler.d.cts +43 -43
  10. package/dist/styles/styler.d.ts +43 -43
  11. package/dist/tailwind-internal/dist/packages/fixtures/dist/index.cjs +14 -0
  12. package/dist/tailwind-internal/dist/packages/fixtures/dist/index.js +14 -0
  13. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  14. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  15. package/dist/uds/generated/componentData.cjs +1144 -1144
  16. package/dist/uds/generated/componentData.js +1144 -1144
  17. package/dist/utils/dist/serializeToJS.cjs +72 -0
  18. package/dist/utils/dist/serializeToJS.js +72 -0
  19. package/generated/componentData.json +1939 -1939
  20. package/package.json +1 -1
  21. package/dist/utils/dist/sortKeys.cjs +0 -21
  22. package/dist/utils/dist/sortKeys.js +0 -21
package/generated/componentData.json CHANGED
@@ -336,198 +336,91 @@
336
336
  "runtimeConfigInternalComponentProps": {},
337
337
  "motionVarPrefixes": []
338
338
  },
339
- "Banner": {
340
- "name": "Banner",
341
- "defaultProps": {
342
- "variant": "primary",
343
- "size": "default",
344
- "dismissAriaLabel": "Dismiss"
345
- },
346
- "getStylesLiterals": {
347
- "className": "truncate",
348
- "className:1": "line-clamp-3",
349
- "spacing": "2",
350
- "borderRadius": "full",
351
- "color": "primary"
352
- },
339
+ "AnimateHeightChange": {
340
+ "name": "AnimateHeightChange",
341
+ "defaultProps": {},
342
+ "getStylesLiterals": {},
353
343
  "cxLiterals": [
354
- "uds-banner",
355
- "flex",
356
- "flex-row",
357
- "items-center",
358
- "items-start",
359
- "min-w-[300px]",
360
- "transition-[background-color]",
361
- "motion-safe:duration-120",
362
- "bg-carbon-15/0",
363
- "hover:bg-carbon-15/10",
364
- "active:bg-carbon-15/15",
365
- "uds-ring",
366
- "shrink-0",
367
- "self-start",
368
- "flex-1",
369
- "min-w-0",
370
- "flex-col",
371
- "gap-[inherit]",
372
- "uds-sm:flex-row",
373
- "uds-sm:items-center",
374
- "self-stretch",
375
- "gap-0.5",
376
- "w-full",
377
- "truncate",
378
- "leading-none",
379
- "line-clamp-3",
380
- "gap-1.5",
381
- "uds-sm:self-center",
382
- "uds-sm:shrink-0"
344
+ "overflow-hidden"
383
345
  ],
384
346
  "internalComponents": [
385
- "IconSlot",
386
- "Text",
387
- "Pressable"
347
+ "SpringMotionConfig"
388
348
  ],
389
349
  "internalComponentProps": {
390
- "IconSlot": {
391
- "data-testid": [
392
- "banner-start-icon"
393
- ]
394
- },
395
- "Text": {
396
- "data-testid": [
397
- "banner-title",
398
- "banner-description"
399
- ]
400
- },
401
- "Pressable": {
402
- "data-testid": [
403
- "banner-dismiss"
350
+ "SpringMotionConfig": {
351
+ "layoutSpeed": [
352
+ "4"
404
353
  ]
405
354
  }
406
355
  },
407
356
  "propToVariantKeys": {
408
- "variant": [
409
- "bannerVariantRoot",
410
- "bannerVariantIcon",
411
- "bannerVariantTitle",
412
- "bannerVariantDescription"
413
- ],
414
- "size": [
415
- "bannerSizeRoot",
416
- "bannerSizeIcon",
417
- "bannerSizeTitle",
418
- "bannerSizeDescription",
419
- "bannerSizeClose"
420
- ],
421
- "startIcon": [
422
- "icon"
423
- ],
424
- "dismissAriaLabel": [
425
- "aria-label"
426
- ],
427
- "onDismiss": [
428
- "onClick"
357
+ "reduceMotion": [
358
+ "reducedMotion"
429
359
  ]
430
360
  },
431
361
  "runtimeConfigDefaultProps": {},
432
362
  "runtimeConfigGetStyles": {},
433
363
  "runtimeConfigInternalComponentProps": {},
434
- "motionVarPrefixes": []
435
- },
436
- "BannerContent": {
437
- "name": "BannerContent",
438
- "defaultProps": {},
439
- "getStylesLiterals": {},
440
- "cxLiterals": [
441
- "flex",
442
- "flex-col",
443
- "items-start",
444
- "self-stretch",
445
- "flex-1",
446
- "min-w-0"
447
- ],
448
- "internalComponents": [],
449
- "internalComponentProps": {},
450
- "propToVariantKeys": {},
451
- "runtimeConfigDefaultProps": {},
452
- "runtimeConfigGetStyles": {},
453
- "runtimeConfigInternalComponentProps": {},
454
- "motionVarPrefixes": []
455
- },
456
- "BannerDescription": {
457
- "name": "BannerDescription",
458
- "defaultProps": {},
459
- "getStylesLiterals": {
460
- "bannerSizeDescription": "default",
461
- "className": "w-full line-clamp-3"
462
- },
463
- "cxLiterals": [],
464
- "internalComponents": [
465
- "Text"
466
- ],
467
- "internalComponentProps": {},
468
- "propToVariantKeys": {},
469
- "runtimeConfigDefaultProps": {},
470
- "runtimeConfigGetStyles": {},
471
- "runtimeConfigInternalComponentProps": {},
472
- "motionVarPrefixes": []
473
- },
474
- "BannerTitle": {
475
- "name": "BannerTitle",
476
- "defaultProps": {},
477
- "getStylesLiterals": {
478
- "bannerSizeTitle": "default"
479
- },
480
- "cxLiterals": [
481
- "w-full",
482
- "truncate"
483
- ],
484
- "internalComponents": [
485
- "Text"
486
- ],
487
- "internalComponentProps": {},
488
- "propToVariantKeys": {},
489
- "runtimeConfigDefaultProps": {},
490
- "runtimeConfigGetStyles": {},
491
- "runtimeConfigInternalComponentProps": {},
492
- "motionVarPrefixes": []
364
+ "motionVarPrefixes": [
365
+ "--uds-motion-subtle-4-",
366
+ "--uds-motion-smooth-3-"
367
+ ]
493
368
  },
494
- "Divider": {
495
- "name": "Divider",
369
+ "Badge": {
370
+ "name": "Badge",
496
371
  "defaultProps": {
497
372
  "variant": "primary",
498
- "contentPosition": "center"
373
+ "size": "md"
499
374
  },
500
375
  "getStylesLiterals": {},
501
376
  "cxLiterals": [
502
- "inherit"
377
+ "uds-badge",
378
+ "uds-badge-variant",
379
+ "uds-badge-size",
380
+ "uds-badge-iconSize",
381
+ "uds-badge-iconColor",
382
+ "flex-1",
383
+ "truncate",
384
+ "whitespace-nowrap",
385
+ "text-center"
503
386
  ],
504
387
  "internalComponents": [
505
- "DividerLine",
506
- "DividerLabel",
507
- "InternalComponent",
508
- "Box"
388
+ "IconSlot",
389
+ "HStack"
509
390
  ],
510
391
  "internalComponentProps": {
511
- "InternalComponent": {
512
- "alignItems": [
513
- "center"
514
- ],
515
- "flex": [
516
- "1"
392
+ "IconSlot": {
393
+ "data-testid": [
394
+ "start-icon",
395
+ "end-icon"
517
396
  ]
518
397
  },
519
- "Box": {
398
+ "HStack": {
399
+ "gap": [
400
+ "2"
401
+ ],
520
402
  "display": [
521
- "flex"
403
+ "inline-flex"
522
404
  ],
523
- "flex": [
524
- "none"
405
+ "alignItems": [
406
+ "center"
525
407
  ]
526
408
  }
527
409
  },
528
410
  "propToVariantKeys": {
411
+ "size": [
412
+ "badgeSizeRoot",
413
+ "badgeSizeIcon"
414
+ ],
529
415
  "variant": [
530
- "dividerVariantRoot"
416
+ "badgeVariantRoot",
417
+ "badgeVariantIcon"
418
+ ],
419
+ "startIcon": [
420
+ "icon"
421
+ ],
422
+ "endIcon": [
423
+ "icon"
531
424
  ]
532
425
  },
533
426
  "runtimeConfigDefaultProps": {},
@@ -535,190 +428,40 @@
535
428
  "runtimeConfigInternalComponentProps": {},
536
429
  "motionVarPrefixes": []
537
430
  },
538
- "DividerLabel": {
539
- "name": "DividerLabel",
431
+ "Button": {
432
+ "name": "Button",
540
433
  "defaultProps": {
541
- "variant": "primary",
542
- "textVariant": "inherit",
543
- "color": "inherit",
544
- "as": "span"
434
+ "type": "button"
545
435
  },
546
436
  "getStylesLiterals": {},
547
437
  "cxLiterals": [
548
- "inherit"
438
+ "uds-ring",
439
+ "uds-hit-target",
440
+ "inline-flex",
441
+ "overflow-hidden",
442
+ "justify-center",
443
+ "items-center",
444
+ "whitespace-nowrap",
445
+ "select-none",
446
+ "[transform-origin:center]",
447
+ "[backface-visibility:hidden]",
448
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
449
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
450
+ "[transition-duration:220ms]",
451
+ "cursor-not-allowed",
452
+ "uds-button-loading",
453
+ "uds-button-without-effects",
454
+ "withIcon",
455
+ "uds-button-with-gap",
456
+ "animate-spin",
457
+ "truncate"
549
458
  ],
550
459
  "internalComponents": [
551
- "Text"
552
- ],
553
- "internalComponentProps": {},
554
- "propToVariantKeys": {
555
- "variant": [
556
- "dividerVariantLabel"
557
- ],
558
- "textVariant": [
559
- "variant"
560
- ]
561
- },
562
- "runtimeConfigDefaultProps": {},
563
- "runtimeConfigGetStyles": {},
564
- "runtimeConfigInternalComponentProps": {},
565
- "motionVarPrefixes": []
566
- },
567
- "DividerLine": {
568
- "name": "DividerLine",
569
- "defaultProps": {
570
- "variant": "primary"
571
- },
572
- "getStylesLiterals": {},
573
- "cxLiterals": [
574
- "inherit"
575
- ],
576
- "internalComponents": [
577
- "Box"
578
- ],
579
- "internalComponentProps": {
580
- "Box": {
581
- "flex": [
582
- "1"
583
- ]
584
- }
585
- },
586
- "propToVariantKeys": {
587
- "variant": [
588
- "dividerVariantLine"
589
- ]
590
- },
591
- "runtimeConfigDefaultProps": {},
592
- "runtimeConfigGetStyles": {},
593
- "runtimeConfigInternalComponentProps": {},
594
- "motionVarPrefixes": []
595
- },
596
- "AnimateHeightChange": {
597
- "name": "AnimateHeightChange",
598
- "defaultProps": {},
599
- "getStylesLiterals": {},
600
- "cxLiterals": [
601
- "overflow-hidden"
602
- ],
603
- "internalComponents": [
604
- "SpringMotionConfig"
605
- ],
606
- "internalComponentProps": {
607
- "SpringMotionConfig": {
608
- "layoutSpeed": [
609
- "4"
610
- ]
611
- }
612
- },
613
- "propToVariantKeys": {
614
- "reduceMotion": [
615
- "reducedMotion"
616
- ]
617
- },
618
- "runtimeConfigDefaultProps": {},
619
- "runtimeConfigGetStyles": {},
620
- "runtimeConfigInternalComponentProps": {},
621
- "motionVarPrefixes": [
622
- "--uds-motion-subtle-4-",
623
- "--uds-motion-smooth-3-"
624
- ]
625
- },
626
- "Badge": {
627
- "name": "Badge",
628
- "defaultProps": {
629
- "variant": "primary",
630
- "size": "md"
631
- },
632
- "getStylesLiterals": {},
633
- "cxLiterals": [
634
- "uds-badge",
635
- "uds-badge-variant",
636
- "uds-badge-size",
637
- "uds-badge-iconSize",
638
- "uds-badge-iconColor",
639
- "flex-1",
640
- "truncate",
641
- "whitespace-nowrap",
642
- "text-center"
643
- ],
644
- "internalComponents": [
645
- "IconSlot",
646
- "HStack"
647
- ],
648
- "internalComponentProps": {
649
- "IconSlot": {
650
- "data-testid": [
651
- "start-icon",
652
- "end-icon"
653
- ]
654
- },
655
- "HStack": {
656
- "gap": [
657
- "2"
658
- ],
659
- "display": [
660
- "inline-flex"
661
- ],
662
- "alignItems": [
663
- "center"
664
- ]
665
- }
666
- },
667
- "propToVariantKeys": {
668
- "size": [
669
- "badgeSizeRoot",
670
- "badgeSizeIcon"
671
- ],
672
- "variant": [
673
- "badgeVariantRoot",
674
- "badgeVariantIcon"
675
- ],
676
- "startIcon": [
677
- "icon"
678
- ],
679
- "endIcon": [
680
- "icon"
681
- ]
682
- },
683
- "runtimeConfigDefaultProps": {},
684
- "runtimeConfigGetStyles": {},
685
- "runtimeConfigInternalComponentProps": {},
686
- "motionVarPrefixes": []
687
- },
688
- "Button": {
689
- "name": "Button",
690
- "defaultProps": {
691
- "type": "button"
692
- },
693
- "getStylesLiterals": {},
694
- "cxLiterals": [
695
- "uds-ring",
696
- "uds-hit-target",
697
- "inline-flex",
698
- "overflow-hidden",
699
- "justify-center",
700
- "items-center",
701
- "whitespace-nowrap",
702
- "select-none",
703
- "[transform-origin:center]",
704
- "[backface-visibility:hidden]",
705
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
706
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
707
- "[transition-duration:220ms]",
708
- "cursor-not-allowed",
709
- "uds-button-loading",
710
- "uds-button-without-effects",
711
- "withIcon",
712
- "uds-button-with-gap",
713
- "animate-spin",
714
- "truncate"
715
- ],
716
- "internalComponents": [
717
- "Icon",
718
- "IconSlot",
719
- "AnimatePresence",
720
- "SpringMotionConfig",
721
- "MotionSlot"
460
+ "Icon",
461
+ "IconSlot",
462
+ "AnimatePresence",
463
+ "SpringMotionConfig",
464
+ "MotionSlot"
722
465
  ],
723
466
  "internalComponentProps": {
724
467
  "Icon": {
@@ -1185,46 +928,43 @@
1185
928
  "runtimeConfigInternalComponentProps": {},
1186
929
  "motionVarPrefixes": []
1187
930
  },
1188
- "Avatar": {
1189
- "name": "Avatar",
1190
- "defaultProps": {},
1191
- "getStylesLiterals": {},
1192
- "cxLiterals": [],
1193
- "internalComponents": [
1194
- "AvatarImage"
1195
- ],
1196
- "internalComponentProps": {},
1197
- "propToVariantKeys": {},
1198
- "runtimeConfigDefaultProps": {},
1199
- "runtimeConfigGetStyles": {},
1200
- "runtimeConfigInternalComponentProps": {},
1201
- "motionVarPrefixes": []
1202
- },
1203
- "AvatarIcon": {
1204
- "name": "AvatarIcon",
931
+ "Divider": {
932
+ "name": "Divider",
1205
933
  "defaultProps": {
1206
- "size": "md",
1207
- "variant": "primary"
934
+ "variant": "primary",
935
+ "contentPosition": "center"
1208
936
  },
1209
937
  "getStylesLiterals": {},
1210
938
  "cxLiterals": [
1211
- "overflow-hidden",
1212
- "w-full",
1213
- "h-full",
1214
- "shrink-0",
1215
- "text-center",
1216
- "inline-flex",
1217
- "justify-center",
1218
- "items-center"
939
+ "inherit"
1219
940
  ],
1220
941
  "internalComponents": [
1221
- "IconSlot",
942
+ "DividerLine",
943
+ "DividerLabel",
944
+ "InternalComponent",
1222
945
  "Box"
1223
946
  ],
1224
- "internalComponentProps": {},
947
+ "internalComponentProps": {
948
+ "InternalComponent": {
949
+ "alignItems": [
950
+ "center"
951
+ ],
952
+ "flex": [
953
+ "1"
954
+ ]
955
+ },
956
+ "Box": {
957
+ "display": [
958
+ "flex"
959
+ ],
960
+ "flex": [
961
+ "none"
962
+ ]
963
+ }
964
+ },
1225
965
  "propToVariantKeys": {
1226
- "size": [
1227
- "avatarSizeIcon"
966
+ "variant": [
967
+ "dividerVariantRoot"
1228
968
  ]
1229
969
  },
1230
970
  "runtimeConfigDefaultProps": {},
@@ -1232,37 +972,28 @@
1232
972
  "runtimeConfigInternalComponentProps": {},
1233
973
  "motionVarPrefixes": []
1234
974
  },
1235
- "AvatarImage": {
1236
- "name": "AvatarImage",
975
+ "DividerLabel": {
976
+ "name": "DividerLabel",
1237
977
  "defaultProps": {
1238
- "size": "md",
1239
- "variant": "primary"
978
+ "variant": "primary",
979
+ "textVariant": "inherit",
980
+ "color": "inherit",
981
+ "as": "span"
1240
982
  },
1241
983
  "getStylesLiterals": {},
1242
984
  "cxLiterals": [
1243
- "overflow-hidden",
1244
- "w-full",
1245
- "h-full",
1246
- "shrink-0",
1247
- "text-center",
1248
- "inline-flex",
1249
- "justify-center",
1250
- "items-center",
1251
- "object-cover"
985
+ "inherit"
1252
986
  ],
1253
987
  "internalComponents": [
1254
- "UDSImage",
1255
- "AvatarText",
1256
- "AvatarIcon",
1257
- "Box"
988
+ "Text"
1258
989
  ],
1259
990
  "internalComponentProps": {},
1260
991
  "propToVariantKeys": {
1261
- "alt": [
1262
- "name"
992
+ "variant": [
993
+ "dividerVariantLabel"
1263
994
  ],
1264
- "fallback": [
1265
- "initials"
995
+ "textVariant": [
996
+ "variant"
1266
997
  ]
1267
998
  },
1268
999
  "runtimeConfigDefaultProps": {},
@@ -1270,148 +1001,75 @@
1270
1001
  "runtimeConfigInternalComponentProps": {},
1271
1002
  "motionVarPrefixes": []
1272
1003
  },
1273
- "AvatarText": {
1274
- "name": "AvatarText",
1275
- "defaultProps": {
1276
- "size": "md",
1004
+ "DividerLine": {
1005
+ "name": "DividerLine",
1006
+ "defaultProps": {
1277
1007
  "variant": "primary"
1278
1008
  },
1279
1009
  "getStylesLiterals": {},
1280
1010
  "cxLiterals": [
1281
- "overflow-hidden",
1282
- "truncate",
1283
- "w-full",
1284
- "h-full",
1285
- "shrink-0",
1286
- "text-center",
1287
- "inline-flex",
1288
- "justify-center",
1289
- "items-center"
1011
+ "inherit"
1290
1012
  ],
1291
1013
  "internalComponents": [
1292
- "Box",
1293
- "Text"
1014
+ "Box"
1294
1015
  ],
1295
1016
  "internalComponentProps": {
1296
- "Text": {
1297
- "color": [
1298
- "inherit"
1299
- ],
1300
- "variant": [
1301
- "inherit"
1017
+ "Box": {
1018
+ "flex": [
1019
+ "1"
1302
1020
  ]
1303
1021
  }
1304
1022
  },
1023
+ "propToVariantKeys": {
1024
+ "variant": [
1025
+ "dividerVariantLine"
1026
+ ]
1027
+ },
1028
+ "runtimeConfigDefaultProps": {},
1029
+ "runtimeConfigGetStyles": {},
1030
+ "runtimeConfigInternalComponentProps": {},
1031
+ "motionVarPrefixes": []
1032
+ },
1033
+ "Avatar": {
1034
+ "name": "Avatar",
1035
+ "defaultProps": {},
1036
+ "getStylesLiterals": {},
1037
+ "cxLiterals": [],
1038
+ "internalComponents": [
1039
+ "AvatarImage"
1040
+ ],
1041
+ "internalComponentProps": {},
1305
1042
  "propToVariantKeys": {},
1306
1043
  "runtimeConfigDefaultProps": {},
1307
1044
  "runtimeConfigGetStyles": {},
1308
1045
  "runtimeConfigInternalComponentProps": {},
1309
1046
  "motionVarPrefixes": []
1310
1047
  },
1311
- "Input": {
1312
- "name": "Input",
1048
+ "AvatarIcon": {
1049
+ "name": "AvatarIcon",
1313
1050
  "defaultProps": {
1314
- "type": "text",
1315
1051
  "size": "md",
1316
- "width": "full"
1317
- },
1318
- "getStylesLiterals": {
1319
- "inputVariantRoot": "default",
1320
- "inputVariantValueRoot": "empty",
1321
- "inputVariantValueRoot:1": "filled",
1322
- "inputVariantInputWrapper": "default",
1323
- "inputVariantValueInputWrapper": "empty",
1324
- "inputVariantValueInputWrapper:1": "filled",
1325
- "inputVariantInput": "default",
1326
- "inputVariantValueInput": "empty",
1327
- "inputVariantValueInput:1": "filled",
1328
- "inputVariantInputPlaceholder": "default",
1329
- "inputVariantValueInputPlaceholder": "empty",
1330
- "inputVariantValueInputPlaceholder:1": "filled",
1331
- "inputVariantLabel": "default",
1332
- "inputVariantValueLabel": "empty",
1333
- "inputVariantValueLabel:1": "filled",
1334
- "inputVariantLabelRequired": "default",
1335
- "inputVariantValueLabelRequired": "empty",
1336
- "inputVariantValueLabelRequired:1": "filled",
1337
- "inputVariantStartIcon": "default",
1338
- "inputVariantValueStartIcon": "empty",
1339
- "inputVariantValueStartIcon:1": "filled",
1340
- "inputVariantEndIcon": "default",
1341
- "inputVariantValueEndIcon": "empty",
1342
- "inputVariantValueEndIcon:1": "filled"
1052
+ "variant": "primary"
1343
1053
  },
1054
+ "getStylesLiterals": {},
1344
1055
  "cxLiterals": [
1345
- "opacity-50",
1346
- "min-w-[200px]",
1347
- "grow",
1348
- "uds-hit-target",
1349
- "bg-clip-text",
1350
- "focus:outline-none",
1351
- "cursor-text",
1352
- "cursor-not-allowed"
1056
+ "overflow-hidden",
1057
+ "w-full",
1058
+ "h-full",
1059
+ "shrink-0",
1060
+ "text-center",
1061
+ "inline-flex",
1062
+ "justify-center",
1063
+ "items-center"
1353
1064
  ],
1354
1065
  "internalComponents": [
1355
1066
  "IconSlot",
1356
- "StartIcon",
1357
- "EndIcon",
1358
- "HelpTextContent",
1359
- "Box",
1360
- "InputHelpTextInternal",
1361
- "VStack",
1362
- "HStack",
1363
- "AnimateHeightChange"
1067
+ "Box"
1364
1068
  ],
1365
- "internalComponentProps": {
1366
- "HelpTextContent": {
1367
- "spacingTop": [
1368
- "2"
1369
- ]
1370
- },
1371
- "Box": {
1372
- "spacingBottom": [
1373
- "2"
1374
- ],
1375
- "columnGap": [
1376
- "0.5"
1377
- ],
1378
- "alignItems": [
1379
- "flex-end",
1380
- "center"
1381
- ],
1382
- "position": [
1383
- "relative"
1384
- ]
1385
- },
1386
- "HStack": {
1387
- "alignItems": [
1388
- "center"
1389
- ],
1390
- "gap": [
1391
- "1"
1392
- ]
1393
- }
1394
- },
1069
+ "internalComponentProps": {},
1395
1070
  "propToVariantKeys": {
1396
1071
  "size": [
1397
- "inputSizeRoot",
1398
- "inputSizeInputWrapper",
1399
- "inputSizeInput",
1400
- "inputSizeLabel",
1401
- "inputSizeStartIcon",
1402
- "inputSizeEndIcon"
1403
- ],
1404
- "startIcon": [
1405
- "icon"
1406
- ],
1407
- "endIcon": [
1408
- "icon"
1409
- ],
1410
- "slotProps": [
1411
- "helperTextSlotProps"
1412
- ],
1413
- "helperTextIcon": [
1414
- "startIcon"
1072
+ "avatarSizeIcon"
1415
1073
  ]
1416
1074
  },
1417
1075
  "runtimeConfigDefaultProps": {},
@@ -1419,31 +1077,37 @@
1419
1077
  "runtimeConfigInternalComponentProps": {},
1420
1078
  "motionVarPrefixes": []
1421
1079
  },
1422
- "InputHelpText": {
1423
- "name": "InputHelpText",
1080
+ "AvatarImage": {
1081
+ "name": "AvatarImage",
1424
1082
  "defaultProps": {
1425
- "size": "md"
1426
- },
1427
- "getStylesLiterals": {
1428
- "inputVariantRoot": "default",
1429
- "inputVariantValueRoot": "empty",
1430
- "inputVariantValueRoot:1": "filled"
1083
+ "size": "md",
1084
+ "variant": "primary"
1431
1085
  },
1432
- "cxLiterals": [],
1086
+ "getStylesLiterals": {},
1087
+ "cxLiterals": [
1088
+ "overflow-hidden",
1089
+ "w-full",
1090
+ "h-full",
1091
+ "shrink-0",
1092
+ "text-center",
1093
+ "inline-flex",
1094
+ "justify-center",
1095
+ "items-center",
1096
+ "object-cover"
1097
+ ],
1433
1098
  "internalComponents": [
1434
- "InputHelpTextInternal",
1099
+ "UDSImage",
1100
+ "AvatarText",
1101
+ "AvatarIcon",
1435
1102
  "Box"
1436
1103
  ],
1437
- "internalComponentProps": {
1438
- "Box": {
1439
- "spacingTop": [
1440
- "2"
1441
- ]
1442
- }
1443
- },
1104
+ "internalComponentProps": {},
1444
1105
  "propToVariantKeys": {
1445
- "size": [
1446
- "inputSizeRoot"
1106
+ "alt": [
1107
+ "name"
1108
+ ],
1109
+ "fallback": [
1110
+ "initials"
1447
1111
  ]
1448
1112
  },
1449
1113
  "runtimeConfigDefaultProps": {},
@@ -1451,117 +1115,105 @@
1451
1115
  "runtimeConfigInternalComponentProps": {},
1452
1116
  "motionVarPrefixes": []
1453
1117
  },
1454
- "InputHelpTextInternal": {
1455
- "name": "InputHelpTextInternal",
1456
- "defaultProps": {},
1457
- "getStylesLiterals": {
1458
- "inputVariantHelperText": "default",
1459
- "inputVariantValueHelperText": "empty",
1460
- "inputVariantValueHelperText:1": "filled",
1461
- "inputVariantHelperIcon": "default",
1462
- "inputVariantValueHelperIcon": "empty",
1463
- "inputVariantValueHelperIcon:1": "filled"
1118
+ "AvatarText": {
1119
+ "name": "AvatarText",
1120
+ "defaultProps": {
1121
+ "size": "md",
1122
+ "variant": "primary"
1464
1123
  },
1465
- "cxLiterals": [],
1124
+ "getStylesLiterals": {},
1125
+ "cxLiterals": [
1126
+ "overflow-hidden",
1127
+ "truncate",
1128
+ "w-full",
1129
+ "h-full",
1130
+ "shrink-0",
1131
+ "text-center",
1132
+ "inline-flex",
1133
+ "justify-center",
1134
+ "items-center"
1135
+ ],
1466
1136
  "internalComponents": [
1467
- "IconSlot",
1468
- "HStack"
1137
+ "Box",
1138
+ "Text"
1469
1139
  ],
1470
1140
  "internalComponentProps": {
1471
- "HStack": {
1472
- "gap": [
1473
- "1"
1141
+ "Text": {
1142
+ "color": [
1143
+ "inherit"
1474
1144
  ],
1475
- "alignItems": [
1476
- "center"
1145
+ "variant": [
1146
+ "inherit"
1477
1147
  ]
1478
1148
  }
1479
1149
  },
1480
- "propToVariantKeys": {
1481
- "size": [
1482
- "inputSizeHelperText",
1483
- "inputSizeHelperIcon"
1484
- ],
1485
- "startIcon": [
1486
- "icon"
1487
- ],
1488
- "endIcon": [
1489
- "icon"
1490
- ]
1491
- },
1150
+ "propToVariantKeys": {},
1492
1151
  "runtimeConfigDefaultProps": {},
1493
1152
  "runtimeConfigGetStyles": {},
1494
1153
  "runtimeConfigInternalComponentProps": {},
1495
1154
  "motionVarPrefixes": []
1496
1155
  },
1497
- "Chip": {
1498
- "name": "Chip",
1499
- "defaultProps": {},
1500
- "getStylesLiterals": {},
1501
- "cxLiterals": [],
1502
- "internalComponents": [
1503
- "ChipDismissible",
1504
- "ChipToggle",
1505
- "ChipLink",
1506
- "ChipButton"
1507
- ],
1508
- "internalComponentProps": {},
1509
- "propToVariantKeys": {},
1510
- "runtimeConfigDefaultProps": {},
1511
- "runtimeConfigGetStyles": {},
1512
- "runtimeConfigInternalComponentProps": {},
1513
- "motionVarPrefixes": []
1514
- },
1515
- "ChipBase": {
1516
- "name": "ChipBase",
1156
+ "BottomSheet": {
1157
+ "name": "BottomSheet",
1517
1158
  "defaultProps": {
1518
- "size": "md",
1519
- "as": "div"
1159
+ "variant": "default"
1520
1160
  },
1521
1161
  "getStylesLiterals": {},
1522
1162
  "cxLiterals": [
1523
- "pointer-events-none",
1524
- "cursor-default",
1525
- "opacity-50",
1526
- "inline-flex",
1527
- "items-center",
1528
- "transition-[background-color,outline-color,box-shadow]",
1529
- "truncate",
1530
- "whitespace-nowrap",
1531
- "text-center",
1532
- "flex-1",
1533
- "md",
1534
- "primary"
1163
+ "fixed",
1164
+ "overflow-hidden",
1165
+ "inset-x-0",
1166
+ "bottom-0",
1167
+ "z-50",
1168
+ "[will-change:transform]",
1169
+ "touch-none",
1170
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1171
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1172
+ "transition-transform",
1173
+ "duration-500",
1174
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1175
+ "motion-reduce:transition-none",
1176
+ "top-[-4px]",
1177
+ "z-[1]",
1178
+ "touch-pan-y"
1535
1179
  ],
1536
1180
  "internalComponents": [
1537
- "IconSlot",
1538
- "HStack",
1539
- "As",
1540
- "Text"
1181
+ "Scrim",
1182
+ "BottomSheetHandle",
1183
+ "Dialog",
1184
+ "Box",
1185
+ "BottomSheetInternalContext.Provider"
1541
1186
  ],
1542
1187
  "internalComponentProps": {
1543
- "Text": {
1544
- "as": [
1545
- "span"
1188
+ "BottomSheetHandle": {
1189
+ "ariaLabel": [
1190
+ "Resize sheet"
1191
+ ]
1192
+ },
1193
+ "Dialog": {
1194
+ "data-testid": [
1195
+ "bottom-sheet"
1196
+ ]
1197
+ },
1198
+ "Box": {
1199
+ "display": [
1200
+ "block",
1201
+ "flex"
1546
1202
  ],
1547
- "color": [
1548
- "current"
1203
+ "position": [
1204
+ "absolute"
1549
1205
  ],
1550
- "variant": [
1551
- "inherit"
1206
+ "flexDirection": [
1207
+ "column"
1208
+ ],
1209
+ "className": [
1210
+ "absolute inset-0 min-h-0 p-[inherit]"
1552
1211
  ]
1553
1212
  }
1554
1213
  },
1555
1214
  "propToVariantKeys": {
1556
- "size": [
1557
- "chipSizeRoot",
1558
- "chipSizeIcon"
1559
- ],
1560
- "startIcon": [
1561
- "icon"
1562
- ],
1563
- "endIcon": [
1564
- "icon"
1215
+ "variant": [
1216
+ "bottomsheetVariantRoot"
1565
1217
  ]
1566
1218
  },
1567
1219
  "runtimeConfigDefaultProps": {},
@@ -1569,91 +1221,93 @@
1569
1221
  "runtimeConfigInternalComponentProps": {},
1570
1222
  "motionVarPrefixes": []
1571
1223
  },
1572
- "ChipButton": {
1573
- "name": "ChipButton",
1574
- "defaultProps": {
1575
- "variant": "primary"
1576
- },
1224
+ "BottomSheetContent": {
1225
+ "name": "BottomSheetContent",
1226
+ "defaultProps": {},
1577
1227
  "getStylesLiterals": {},
1578
1228
  "cxLiterals": [
1579
- "uds-ring"
1229
+ "min-h-0",
1230
+ "touch-pan-y"
1580
1231
  ],
1581
1232
  "internalComponents": [
1582
- "ChipBase"
1233
+ "Box",
1234
+ "VStack"
1583
1235
  ],
1584
1236
  "internalComponentProps": {
1585
- "ChipBase": {
1586
- "as": [
1587
- "button"
1237
+ "Box": {
1238
+ "display": [
1239
+ "block"
1240
+ ],
1241
+ "flex": [
1242
+ "1"
1243
+ ]
1244
+ },
1245
+ "VStack": {
1246
+ "className": [
1247
+ "pb-[calc(env(safe-area-inset-bottom))]"
1588
1248
  ]
1589
1249
  }
1590
1250
  },
1591
- "propToVariantKeys": {
1592
- "variant": [
1593
- "chipLinkVariantRoot",
1594
- "chipLinkVariantIcon"
1595
- ]
1596
- },
1251
+ "propToVariantKeys": {},
1597
1252
  "runtimeConfigDefaultProps": {},
1598
1253
  "runtimeConfigGetStyles": {},
1599
1254
  "runtimeConfigInternalComponentProps": {},
1600
1255
  "motionVarPrefixes": []
1601
1256
  },
1602
- "ChipDismissible": {
1603
- "name": "ChipDismissible",
1604
- "defaultProps": {
1605
- "variant": "primary"
1606
- },
1257
+ "BottomSheetDismiss": {
1258
+ "name": "BottomSheetDismiss",
1259
+ "defaultProps": {},
1607
1260
  "getStylesLiterals": {},
1608
- "cxLiterals": [
1609
- "uds-chip-dismissible-button",
1610
- "uds-hit-target",
1611
- "uds-ring",
1612
- "rounded-full"
1613
- ],
1261
+ "cxLiterals": [],
1614
1262
  "internalComponents": [
1615
- "ChipBase",
1616
- "IconSlot",
1617
- "Pressable"
1263
+ "AriakitDialogDismiss"
1618
1264
  ],
1619
1265
  "internalComponentProps": {},
1620
- "propToVariantKeys": {
1621
- "variant": [
1622
- "chipDismissibleVariantRoot",
1623
- "chipDismissibleVariantIcon"
1624
- ],
1625
- "dismissButtonAriaLabel": [
1626
- "aria-label"
1627
- ]
1628
- },
1266
+ "propToVariantKeys": {},
1629
1267
  "runtimeConfigDefaultProps": {},
1630
1268
  "runtimeConfigGetStyles": {},
1631
1269
  "runtimeConfigInternalComponentProps": {},
1632
1270
  "motionVarPrefixes": []
1633
1271
  },
1634
- "ChipLink": {
1635
- "name": "ChipLink",
1272
+ "BottomSheetHandle": {
1273
+ "name": "BottomSheetHandle",
1636
1274
  "defaultProps": {
1637
- "variant": "primary"
1275
+ "variant": "default"
1638
1276
  },
1639
1277
  "getStylesLiterals": {},
1640
1278
  "cxLiterals": [
1641
- "uds-ring"
1279
+ "relative",
1280
+ "h-5",
1281
+ "w-16",
1282
+ "outline-none",
1283
+ "focus-visible:outline-none",
1284
+ "[touch-action:pan-y]",
1285
+ "absolute",
1286
+ "left-1/2",
1287
+ "top-1/2",
1288
+ "-translate-x-1/2",
1289
+ "-translate-y-1/2",
1290
+ "h-1",
1291
+ "w-8",
1292
+ "rounded-full"
1642
1293
  ],
1643
1294
  "internalComponents": [
1644
- "ChipBase"
1295
+ "Box"
1645
1296
  ],
1646
1297
  "internalComponentProps": {
1647
- "ChipBase": {
1648
- "as": [
1649
- "a"
1298
+ "Box": {
1299
+ "display": [
1300
+ "block",
1301
+ "flex"
1302
+ ],
1303
+ "justifyContent": [
1304
+ "center"
1650
1305
  ]
1651
1306
  }
1652
1307
  },
1653
1308
  "propToVariantKeys": {
1654
1309
  "variant": [
1655
- "chipLinkVariantRoot",
1656
- "chipLinkVariantIcon"
1310
+ "bottomsheetVariantHandleIndicator"
1657
1311
  ]
1658
1312
  },
1659
1313
  "runtimeConfigDefaultProps": {},
@@ -1661,33 +1315,64 @@
1661
1315
  "runtimeConfigInternalComponentProps": {},
1662
1316
  "motionVarPrefixes": []
1663
1317
  },
1664
- "ChipToggle": {
1665
- "name": "ChipToggle",
1318
+ "BottomSheetHeader": {
1319
+ "name": "BottomSheetHeader",
1666
1320
  "defaultProps": {
1667
- "variant": "primary",
1668
- "role": "checkbox"
1669
- },
1670
- "getStylesLiterals": {
1671
- "chipToggleVariantActiveRoot": "on",
1672
- "chipToggleVariantActiveRoot:1": "off"
1321
+ "variant": "default"
1673
1322
  },
1323
+ "getStylesLiterals": {},
1674
1324
  "cxLiterals": [
1675
- "uds-ring"
1325
+ "grid-cols-[40px_1fr_40px]",
1326
+ "items-center",
1327
+ "w-full",
1328
+ "min-h-10",
1329
+ "mt-2"
1676
1330
  ],
1677
1331
  "internalComponents": [
1678
- "ChipBase"
1332
+ "Box",
1333
+ "Text",
1334
+ "DialogHeading"
1679
1335
  ],
1680
1336
  "internalComponentProps": {
1681
- "ChipBase": {
1337
+ "Box": {
1338
+ "className": [
1339
+ "h-10 w-10 opacity-0 pointer-events-none"
1340
+ ],
1341
+ "display": [
1342
+ "grid",
1343
+ "flex"
1344
+ ],
1345
+ "justifyContent": [
1346
+ "flex-start",
1347
+ "flex-end"
1348
+ ]
1349
+ },
1350
+ "Text": {
1682
1351
  "as": [
1683
- "button"
1352
+ "p"
1353
+ ],
1354
+ "variant": [
1355
+ "inherit"
1356
+ ],
1357
+ "color": [
1358
+ "inherit"
1359
+ ],
1360
+ "textAlign": [
1361
+ "center"
1362
+ ],
1363
+ "className": [
1364
+ "m-0 w-full"
1365
+ ]
1366
+ },
1367
+ "DialogHeading": {
1368
+ "role": [
1369
+ "heading"
1684
1370
  ]
1685
1371
  }
1686
1372
  },
1687
1373
  "propToVariantKeys": {
1688
1374
  "variant": [
1689
- "chipToggleVariantRoot",
1690
- "chipToggleVariantIcon"
1375
+ "bottomsheetVariantHeader"
1691
1376
  ]
1692
1377
  },
1693
1378
  "runtimeConfigDefaultProps": {},
@@ -1695,205 +1380,57 @@
1695
1380
  "runtimeConfigInternalComponentProps": {},
1696
1381
  "motionVarPrefixes": []
1697
1382
  },
1698
- "Modal": {
1699
- "name": "Modal",
1700
- "defaultProps": {
1701
- "closeAriaLabel": "Close",
1702
- "maxWidth": "auto",
1703
- "maxHeight": "auto",
1704
- "scrollBehavior": "outside"
1705
- },
1706
- "getStylesLiterals": {
1707
- "flexDirection": "row-reverse",
1708
- "justifyContent": "space-between",
1709
- "alignItems": "flex-end",
1710
- "alignItems:1": "flex-start",
1711
- "borderRadius": "full"
1712
- },
1713
- "cxLiterals": [
1714
- "fixed",
1715
- "inset-0",
1716
- "z-40",
1717
- "overflow-y-auto",
1718
- "overflow-hidden",
1719
- "transition-[opacity,visibility]",
1720
- "visible",
1721
- "opacity-100",
1722
- "invisible",
1723
- "opacity-0",
1724
- "pointer-events-none",
1725
- "uds-bgBlurFallback",
1726
- "w-full",
1727
- "w-fit",
1728
- "h-full",
1729
- "h-fit",
1730
- "m-auto",
1731
- "pointer-events-auto",
1732
- "inside",
1733
- "max-h-full",
1734
- "transition-transform",
1735
- "duration-0",
1736
- "duration-120",
1737
- "transition-[background-color]",
1738
- "bg-carbon-15/0",
1739
- "hover:bg-carbon-15/10",
1740
- "active:bg-carbon-15/15",
1741
- "uds-ring",
1742
- "[translate:50%_-50%]"
1743
- ],
1744
- "internalComponents": [
1745
- "Scrim",
1746
- "VStack",
1747
- "Pressable",
1748
- "IconSlot",
1749
- "Box",
1750
- "Dialog",
1751
- "ModalContext.Provider",
1752
- "HStack",
1753
- "DialogDismiss",
1754
- "ModalTitle",
1755
- "ModalDescription",
1756
- "ModalContent",
1757
- "ModalActions"
1758
- ],
1759
- "internalComponentProps": {
1760
- "Box": {
1761
- "flexGrow": [
1762
- "1"
1763
- ]
1764
- }
1765
- },
1766
- "propToVariantKeys": {
1767
- "gutter": [
1768
- "spacing"
1769
- ],
1770
- "size": [
1771
- "modalSizeRoot",
1772
- "modalSizeSpacingHorizontal",
1773
- "modalSizeHeader",
1774
- "modalSizeTitleDescriptionWrapper",
1775
- "modalSizeCloseIconContainer",
1776
- "modalSizeCloseIcon"
1777
- ],
1778
- "variant": [
1779
- "modalVariantRoot",
1780
- "modalVariantCloseIcon"
1781
- ],
1782
- "closeAriaLabel": [
1783
- "aria-label"
1784
- ],
1785
- "closeIcon": [
1786
- "icon"
1787
- ]
1788
- },
1789
- "runtimeConfigDefaultProps": {
1790
- "size": "modal.defaultSize",
1791
- "variant": "modal.defaultVariant"
1792
- },
1793
- "runtimeConfigGetStyles": {
1794
- "spacing": [
1795
- "modal.gutter.${size}"
1796
- ],
1797
- "modalSizeRoot": [
1798
- "modal.defaultSize"
1799
- ],
1800
- "modalVariantRoot": [
1801
- "modal.defaultVariant"
1802
- ],
1803
- "modalSizeSpacingHorizontal": [
1804
- "modal.defaultSize"
1805
- ],
1806
- "modalSizeHeader": [
1807
- "modal.defaultSize"
1808
- ],
1809
- "modalSizeTitleDescriptionWrapper": [
1810
- "modal.defaultSize"
1811
- ],
1812
- "modalSizeCloseIconContainer": [
1813
- "modal.defaultSize"
1814
- ],
1815
- "modalSizeCloseIcon": [
1816
- "modal.defaultSize"
1817
- ],
1818
- "modalVariantCloseIcon": [
1819
- "modal.defaultVariant"
1820
- ]
1821
- },
1383
+ "BottomSheetInternalContext": {
1384
+ "name": "BottomSheetInternalContext",
1385
+ "defaultProps": {},
1386
+ "getStylesLiterals": {},
1387
+ "cxLiterals": [],
1388
+ "internalComponents": [],
1389
+ "internalComponentProps": {},
1390
+ "propToVariantKeys": {},
1391
+ "runtimeConfigDefaultProps": {},
1392
+ "runtimeConfigGetStyles": {},
1822
1393
  "runtimeConfigInternalComponentProps": {},
1823
1394
  "motionVarPrefixes": []
1824
1395
  },
1825
- "ModalActions": {
1826
- "name": "ModalActions",
1396
+ "BottomSheetProvider": {
1397
+ "name": "BottomSheetProvider",
1827
1398
  "defaultProps": {},
1828
- "getStylesLiterals": {
1829
- "flexDirection": "row-reverse",
1830
- "justifyContent": "space-between",
1831
- "alignItems": "center"
1832
- },
1833
- "cxLiterals": [
1834
- "gap-[inherit]"
1835
- ],
1399
+ "getStylesLiterals": {},
1400
+ "cxLiterals": [],
1836
1401
  "internalComponents": [
1837
- "HStack"
1402
+ "AriakitDialogProvider"
1838
1403
  ],
1839
1404
  "internalComponentProps": {},
1840
- "propToVariantKeys": {
1841
- "size": [
1842
- "modalSizeSpacingHorizontal",
1843
- "modalSizeActions"
1844
- ]
1845
- },
1846
- "runtimeConfigDefaultProps": {
1847
- "size": "modal.defaultSize",
1848
- "variant": "modal.defaultVariant"
1849
- },
1850
- "runtimeConfigGetStyles": {
1851
- "modalSizeSpacingHorizontal": [
1852
- "modal.defaultSize"
1853
- ],
1854
- "modalSizeActions": [
1855
- "modal.defaultSize"
1856
- ]
1857
- },
1405
+ "propToVariantKeys": {},
1406
+ "runtimeConfigDefaultProps": {},
1407
+ "runtimeConfigGetStyles": {},
1858
1408
  "runtimeConfigInternalComponentProps": {},
1859
1409
  "motionVarPrefixes": []
1860
1410
  },
1861
- "ModalContent": {
1862
- "name": "ModalContent",
1411
+ "BottomSheetTrigger": {
1412
+ "name": "BottomSheetTrigger",
1863
1413
  "defaultProps": {},
1864
- "getStylesLiterals": {
1865
- "overflowY": "auto",
1866
- "display": "block",
1867
- "flexGrow": "1"
1868
- },
1414
+ "getStylesLiterals": {},
1869
1415
  "cxLiterals": [],
1870
1416
  "internalComponents": [
1871
- "Box"
1417
+ "AriakitDialogDisclosure"
1872
1418
  ],
1873
1419
  "internalComponentProps": {},
1874
- "propToVariantKeys": {
1875
- "size": [
1876
- "modalSizeSpacingHorizontal"
1877
- ]
1878
- },
1879
- "runtimeConfigDefaultProps": {
1880
- "size": "modal.defaultSize",
1881
- "variant": "modal.defaultVariant"
1882
- },
1883
- "runtimeConfigGetStyles": {
1884
- "modalSizeSpacingHorizontal": [
1885
- "modal.defaultSize"
1886
- ]
1887
- },
1420
+ "propToVariantKeys": {},
1421
+ "runtimeConfigDefaultProps": {},
1422
+ "runtimeConfigGetStyles": {},
1888
1423
  "runtimeConfigInternalComponentProps": {},
1889
1424
  "motionVarPrefixes": []
1890
1425
  },
1891
- "ModalContext": {
1892
- "name": "ModalContext",
1426
+ "UDSBottomSheetConfigProvider": {
1427
+ "name": "UDSBottomSheetConfigProvider",
1893
1428
  "defaultProps": {},
1894
1429
  "getStylesLiterals": {},
1895
1430
  "cxLiterals": [],
1896
- "internalComponents": [],
1431
+ "internalComponents": [
1432
+ "BottomSheetContext.Provider"
1433
+ ],
1897
1434
  "internalComponentProps": {},
1898
1435
  "propToVariantKeys": {},
1899
1436
  "runtimeConfigDefaultProps": {},
@@ -1901,132 +1438,136 @@
1901
1438
  "runtimeConfigInternalComponentProps": {},
1902
1439
  "motionVarPrefixes": []
1903
1440
  },
1904
- "ModalDescription": {
1905
- "name": "ModalDescription",
1441
+ "Chip": {
1442
+ "name": "Chip",
1906
1443
  "defaultProps": {},
1907
1444
  "getStylesLiterals": {},
1908
1445
  "cxLiterals": [],
1909
1446
  "internalComponents": [
1910
- "Text",
1911
- "DialogDescription"
1447
+ "ChipDismissible",
1448
+ "ChipToggle",
1449
+ "ChipLink",
1450
+ "ChipButton"
1451
+ ],
1452
+ "internalComponentProps": {},
1453
+ "propToVariantKeys": {},
1454
+ "runtimeConfigDefaultProps": {},
1455
+ "runtimeConfigGetStyles": {},
1456
+ "runtimeConfigInternalComponentProps": {},
1457
+ "motionVarPrefixes": []
1458
+ },
1459
+ "ChipBase": {
1460
+ "name": "ChipBase",
1461
+ "defaultProps": {
1462
+ "size": "md",
1463
+ "as": "div"
1464
+ },
1465
+ "getStylesLiterals": {},
1466
+ "cxLiterals": [
1467
+ "pointer-events-none",
1468
+ "cursor-default",
1469
+ "opacity-50",
1470
+ "inline-flex",
1471
+ "items-center",
1472
+ "transition-[background-color,outline-color,box-shadow]",
1473
+ "truncate",
1474
+ "whitespace-nowrap",
1475
+ "text-center",
1476
+ "flex-1",
1477
+ "md",
1478
+ "primary"
1479
+ ],
1480
+ "internalComponents": [
1481
+ "IconSlot",
1482
+ "HStack",
1483
+ "As",
1484
+ "Text"
1912
1485
  ],
1913
1486
  "internalComponentProps": {
1914
1487
  "Text": {
1915
1488
  "as": [
1916
1489
  "span"
1917
- ]
1918
- }
1919
- },
1490
+ ],
1491
+ "color": [
1492
+ "current"
1493
+ ],
1494
+ "variant": [
1495
+ "inherit"
1496
+ ]
1497
+ }
1498
+ },
1920
1499
  "propToVariantKeys": {
1921
1500
  "size": [
1922
- "modalSizeDescription"
1501
+ "chipSizeRoot",
1502
+ "chipSizeIcon"
1923
1503
  ],
1924
- "variant": [
1925
- "modalVariantDescription"
1926
- ]
1927
- },
1928
- "runtimeConfigDefaultProps": {
1929
- "size": "modal.defaultSize",
1930
- "variant": "modal.defaultVariant"
1931
- },
1932
- "runtimeConfigGetStyles": {
1933
- "modalSizeDescription": [
1934
- "modal.defaultSize"
1504
+ "startIcon": [
1505
+ "icon"
1935
1506
  ],
1936
- "modalVariantDescription": [
1937
- "modal.defaultVariant"
1507
+ "endIcon": [
1508
+ "icon"
1938
1509
  ]
1939
1510
  },
1511
+ "runtimeConfigDefaultProps": {},
1512
+ "runtimeConfigGetStyles": {},
1940
1513
  "runtimeConfigInternalComponentProps": {},
1941
1514
  "motionVarPrefixes": []
1942
1515
  },
1943
- "ModalTitle": {
1944
- "name": "ModalTitle",
1945
- "defaultProps": {},
1516
+ "ChipButton": {
1517
+ "name": "ChipButton",
1518
+ "defaultProps": {
1519
+ "variant": "primary"
1520
+ },
1946
1521
  "getStylesLiterals": {},
1947
- "cxLiterals": [],
1522
+ "cxLiterals": [
1523
+ "uds-ring"
1524
+ ],
1948
1525
  "internalComponents": [
1949
- "Text",
1950
- "DialogHeading"
1526
+ "ChipBase"
1951
1527
  ],
1952
1528
  "internalComponentProps": {
1953
- "Text": {
1529
+ "ChipBase": {
1954
1530
  "as": [
1955
- "span"
1531
+ "button"
1956
1532
  ]
1957
1533
  }
1958
1534
  },
1959
1535
  "propToVariantKeys": {
1960
- "size": [
1961
- "modalSizeTitle"
1962
- ],
1963
1536
  "variant": [
1964
- "modalVariantTitle"
1965
- ]
1966
- },
1967
- "runtimeConfigDefaultProps": {
1968
- "size": "modal.defaultSize",
1969
- "variant": "modal.defaultVariant"
1970
- },
1971
- "runtimeConfigGetStyles": {
1972
- "modalSizeTitle": [
1973
- "modal.defaultSize"
1974
- ],
1975
- "modalVariantTitle": [
1976
- "modal.defaultVariant"
1537
+ "chipLinkVariantRoot",
1538
+ "chipLinkVariantIcon"
1977
1539
  ]
1978
1540
  },
1979
- "runtimeConfigInternalComponentProps": {},
1980
- "motionVarPrefixes": []
1981
- },
1982
- "UDSModalConfigProvider": {
1983
- "name": "UDSModalConfigProvider",
1984
- "defaultProps": {},
1985
- "getStylesLiterals": {},
1986
- "cxLiterals": [],
1987
- "internalComponents": [
1988
- "ModalContext.Provider"
1989
- ],
1990
- "internalComponentProps": {},
1991
- "propToVariantKeys": {},
1992
1541
  "runtimeConfigDefaultProps": {},
1993
1542
  "runtimeConfigGetStyles": {},
1994
1543
  "runtimeConfigInternalComponentProps": {},
1995
1544
  "motionVarPrefixes": []
1996
1545
  },
1997
- "Menu.Content": {
1998
- "name": "Menu.Content",
1546
+ "ChipDismissible": {
1547
+ "name": "ChipDismissible",
1999
1548
  "defaultProps": {
2000
- "size": "default",
2001
- "variant": "default",
2002
- "gutter": "1"
1549
+ "variant": "primary"
2003
1550
  },
2004
1551
  "getStylesLiterals": {},
2005
1552
  "cxLiterals": [
2006
- "uds-menu-content",
2007
- "transition-shadow",
2008
- "duration-200",
2009
- "ease-in-out",
2010
- "min-w-60",
2011
- "max-w-lg",
2012
- "max-h-96",
2013
- "overflow-auto",
1553
+ "uds-chip-dismissible-button",
1554
+ "uds-hit-target",
2014
1555
  "uds-ring",
2015
- "z-10",
2016
- "group"
1556
+ "rounded-full"
2017
1557
  ],
2018
1558
  "internalComponents": [
2019
- "AriakitMenu",
2020
- "AnimatePresence",
2021
- "MotionVStack"
1559
+ "ChipBase",
1560
+ "IconSlot",
1561
+ "Pressable"
2022
1562
  ],
2023
1563
  "internalComponentProps": {},
2024
1564
  "propToVariantKeys": {
2025
- "size": [
2026
- "menucontentSizeRoot"
2027
- ],
2028
1565
  "variant": [
2029
- "menucontentVariantRoot"
1566
+ "chipDismissibleVariantRoot",
1567
+ "chipDismissibleVariantIcon"
1568
+ ],
1569
+ "dismissButtonAriaLabel": [
1570
+ "aria-label"
2030
1571
  ]
2031
1572
  },
2032
1573
  "runtimeConfigDefaultProps": {},
@@ -2034,132 +1575,63 @@
2034
1575
  "runtimeConfigInternalComponentProps": {},
2035
1576
  "motionVarPrefixes": []
2036
1577
  },
2037
- "Menu.Divider": {
2038
- "name": "Menu.Divider",
1578
+ "ChipLink": {
1579
+ "name": "ChipLink",
2039
1580
  "defaultProps": {
2040
- "role": "separator",
2041
- "contentPosition": "start",
2042
- "gap": "4"
2043
- },
2044
- "getStylesLiterals": {
2045
- "menuitemDividerVariantRoot": "default",
2046
- "menuitemDividerVariantText": "default",
2047
- "menuitemDividerVariantLine": "default"
1581
+ "variant": "primary"
2048
1582
  },
2049
- "cxLiterals": [],
1583
+ "getStylesLiterals": {},
1584
+ "cxLiterals": [
1585
+ "uds-ring"
1586
+ ],
2050
1587
  "internalComponents": [
2051
- "Divider"
1588
+ "ChipBase"
2052
1589
  ],
2053
1590
  "internalComponentProps": {
2054
- "Divider": {
2055
- "variant": [
2056
- "inherit"
1591
+ "ChipBase": {
1592
+ "as": [
1593
+ "a"
2057
1594
  ]
2058
1595
  }
2059
1596
  },
2060
- "propToVariantKeys": {},
2061
- "runtimeConfigDefaultProps": {},
2062
- "runtimeConfigGetStyles": {},
2063
- "runtimeConfigInternalComponentProps": {},
2064
- "motionVarPrefixes": []
2065
- },
2066
- "Menu.Item": {
2067
- "name": "Menu.Item",
2068
- "defaultProps": {},
2069
- "getStylesLiterals": {
2070
- "menuitemItemVariantRoot": "default",
2071
- "menuitemItemVariantActiveRoot": "on",
2072
- "menuitemItemVariantActiveRoot:1": "off",
2073
- "menuitemItemVariantText": "default",
2074
- "menuitemItemVariantActiveText": "on",
2075
- "menuitemItemVariantActiveText:1": "off",
2076
- "menuitemItemVariantIcon": "default",
2077
- "menuitemItemVariantActiveIcon": "on",
2078
- "menuitemItemVariantActiveIcon:1": "off"
1597
+ "propToVariantKeys": {
1598
+ "variant": [
1599
+ "chipLinkVariantRoot",
1600
+ "chipLinkVariantIcon"
1601
+ ]
2079
1602
  },
2080
- "cxLiterals": [],
2081
- "internalComponents": [
2082
- "MenuItemBase"
2083
- ],
2084
- "internalComponentProps": {},
2085
- "propToVariantKeys": {},
2086
1603
  "runtimeConfigDefaultProps": {},
2087
1604
  "runtimeConfigGetStyles": {},
2088
1605
  "runtimeConfigInternalComponentProps": {},
2089
1606
  "motionVarPrefixes": []
2090
1607
  },
2091
- "Menu.ItemBase": {
2092
- "name": "Menu.ItemBase",
1608
+ "ChipToggle": {
1609
+ "name": "ChipToggle",
2093
1610
  "defaultProps": {
2094
- "spacing": "0",
2095
- "spacingHorizontal": "4",
2096
- "spacingVertical": "3.5",
2097
- "columnGap": "2",
2098
- "alignItems": "center",
2099
- "justifyContent": "space-between"
1611
+ "variant": "primary",
1612
+ "role": "checkbox"
2100
1613
  },
2101
1614
  "getStylesLiterals": {
2102
- "textAlign": "start",
2103
- "menuitemSizeRoot": "default",
2104
- "flexDirection": "row",
2105
- "menuitemSizeStartIcon": "default",
2106
- "menuitemSizeEndIcon": "default"
1615
+ "chipToggleVariantActiveRoot": "on",
1616
+ "chipToggleVariantActiveRoot:1": "off"
2107
1617
  },
2108
1618
  "cxLiterals": [
2109
- "uds-menu-item",
2110
- "flex",
2111
- "focus-visible:text-brand",
2112
- "focus-visible:bg-brand-secondary",
2113
- "focus-visible:z-10",
2114
- "uds-ring",
2115
- "!-outline-offset-2",
2116
- "[&:not([aria-checked])]:cursor-default",
2117
- "opacity-25",
2118
- "cursor-not-allowed",
2119
- "duration-20",
2120
- "transition-[font-variation-settings]",
2121
- "ease-in-out",
2122
- "z-0",
2123
- "uds-start-icon",
2124
- "uds-end-icon"
1619
+ "uds-ring"
2125
1620
  ],
2126
1621
  "internalComponents": [
2127
- "Pressable",
2128
- "IconSlot",
2129
- "RootComponent",
2130
- "HStack",
2131
- "AnimatePresence"
1622
+ "ChipBase"
2132
1623
  ],
2133
1624
  "internalComponentProps": {
2134
- "HStack": {
2135
- "alignItems": [
2136
- "center"
2137
- ],
2138
- "width": [
2139
- "full"
2140
- ]
2141
- },
2142
- "AnimatePresence": {
2143
- "mode": [
2144
- "popLayout"
1625
+ "ChipBase": {
1626
+ "as": [
1627
+ "button"
2145
1628
  ]
2146
1629
  }
2147
1630
  },
2148
1631
  "propToVariantKeys": {
2149
- "startIconClassName": [
2150
- "className"
2151
- ],
2152
- "endIconClassName": [
2153
- "className"
2154
- ],
2155
- "startIcon": [
2156
- "icon"
2157
- ],
2158
- "endIcon": [
2159
- "icon"
2160
- ],
2161
- "columnGap": [
2162
- "gap"
1632
+ "variant": [
1633
+ "chipToggleVariantRoot",
1634
+ "chipToggleVariantIcon"
2163
1635
  ]
2164
1636
  },
2165
1637
  "runtimeConfigDefaultProps": {},
@@ -2167,166 +1639,358 @@
2167
1639
  "runtimeConfigInternalComponentProps": {},
2168
1640
  "motionVarPrefixes": []
2169
1641
  },
2170
- "Menu.ItemCheckbox": {
2171
- "name": "Menu.ItemCheckbox",
2172
- "defaultProps": {},
1642
+ "Input": {
1643
+ "name": "Input",
1644
+ "defaultProps": {
1645
+ "type": "text",
1646
+ "size": "md",
1647
+ "width": "full"
1648
+ },
2173
1649
  "getStylesLiterals": {
2174
- "menuitemItemCheckboxVariantRoot": "default",
2175
- "menuitemItemCheckboxVariantActiveRoot": "on",
2176
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2177
- "menuitemItemCheckboxVariantText": "default",
2178
- "menuitemItemCheckboxVariantActiveText": "on",
2179
- "menuitemItemCheckboxVariantActiveText:1": "off",
2180
- "menuitemItemCheckboxVariantStartIcon": "default",
2181
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2182
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2183
- "menuitemItemCheckboxVariantEndIcon": "default",
2184
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2185
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1650
+ "inputVariantRoot": "default",
1651
+ "inputVariantValueRoot": "empty",
1652
+ "inputVariantValueRoot:1": "filled",
1653
+ "inputVariantInputWrapper": "default",
1654
+ "inputVariantValueInputWrapper": "empty",
1655
+ "inputVariantValueInputWrapper:1": "filled",
1656
+ "inputVariantInput": "default",
1657
+ "inputVariantValueInput": "empty",
1658
+ "inputVariantValueInput:1": "filled",
1659
+ "inputVariantInputPlaceholder": "default",
1660
+ "inputVariantValueInputPlaceholder": "empty",
1661
+ "inputVariantValueInputPlaceholder:1": "filled",
1662
+ "inputVariantLabel": "default",
1663
+ "inputVariantValueLabel": "empty",
1664
+ "inputVariantValueLabel:1": "filled",
1665
+ "inputVariantLabelRequired": "default",
1666
+ "inputVariantValueLabelRequired": "empty",
1667
+ "inputVariantValueLabelRequired:1": "filled",
1668
+ "inputVariantStartIcon": "default",
1669
+ "inputVariantValueStartIcon": "empty",
1670
+ "inputVariantValueStartIcon:1": "filled",
1671
+ "inputVariantEndIcon": "default",
1672
+ "inputVariantValueEndIcon": "empty",
1673
+ "inputVariantValueEndIcon:1": "filled"
2186
1674
  },
2187
1675
  "cxLiterals": [
2188
- "uds-menu-item-checkbox"
1676
+ "opacity-50",
1677
+ "min-w-[200px]",
1678
+ "grow",
1679
+ "uds-hit-target",
1680
+ "bg-clip-text",
1681
+ "focus:outline-none",
1682
+ "cursor-text",
1683
+ "cursor-not-allowed"
2189
1684
  ],
2190
1685
  "internalComponents": [
2191
- "MenuItemBase"
1686
+ "IconSlot",
1687
+ "StartIcon",
1688
+ "EndIcon",
1689
+ "HelpTextContent",
1690
+ "Box",
1691
+ "InputHelpTextInternal",
1692
+ "VStack",
1693
+ "HStack",
1694
+ "AnimateHeightChange"
2192
1695
  ],
2193
- "internalComponentProps": {},
2194
- "propToVariantKeys": {},
1696
+ "internalComponentProps": {
1697
+ "HelpTextContent": {
1698
+ "spacingTop": [
1699
+ "2"
1700
+ ]
1701
+ },
1702
+ "Box": {
1703
+ "spacingBottom": [
1704
+ "2"
1705
+ ],
1706
+ "columnGap": [
1707
+ "0.5"
1708
+ ],
1709
+ "alignItems": [
1710
+ "flex-end",
1711
+ "center"
1712
+ ],
1713
+ "position": [
1714
+ "relative"
1715
+ ]
1716
+ },
1717
+ "HStack": {
1718
+ "alignItems": [
1719
+ "center"
1720
+ ],
1721
+ "gap": [
1722
+ "1"
1723
+ ]
1724
+ }
1725
+ },
1726
+ "propToVariantKeys": {
1727
+ "size": [
1728
+ "inputSizeRoot",
1729
+ "inputSizeInputWrapper",
1730
+ "inputSizeInput",
1731
+ "inputSizeLabel",
1732
+ "inputSizeStartIcon",
1733
+ "inputSizeEndIcon"
1734
+ ],
1735
+ "startIcon": [
1736
+ "icon"
1737
+ ],
1738
+ "endIcon": [
1739
+ "icon"
1740
+ ],
1741
+ "slotProps": [
1742
+ "helperTextSlotProps"
1743
+ ],
1744
+ "helperTextIcon": [
1745
+ "startIcon"
1746
+ ]
1747
+ },
2195
1748
  "runtimeConfigDefaultProps": {},
2196
1749
  "runtimeConfigGetStyles": {},
2197
1750
  "runtimeConfigInternalComponentProps": {},
2198
1751
  "motionVarPrefixes": []
2199
1752
  },
2200
- "Menu.Provider": {
2201
- "name": "Menu.Provider",
2202
- "defaultProps": {},
2203
- "getStylesLiterals": {},
1753
+ "InputHelpText": {
1754
+ "name": "InputHelpText",
1755
+ "defaultProps": {
1756
+ "size": "md"
1757
+ },
1758
+ "getStylesLiterals": {
1759
+ "inputVariantRoot": "default",
1760
+ "inputVariantValueRoot": "empty",
1761
+ "inputVariantValueRoot:1": "filled"
1762
+ },
2204
1763
  "cxLiterals": [],
2205
1764
  "internalComponents": [
2206
- "AriakitMenuProvider",
2207
- "SpringMotionConfig"
1765
+ "InputHelpTextInternal",
1766
+ "Box"
2208
1767
  ],
2209
- "internalComponentProps": {},
2210
- "propToVariantKeys": {},
1768
+ "internalComponentProps": {
1769
+ "Box": {
1770
+ "spacingTop": [
1771
+ "2"
1772
+ ]
1773
+ }
1774
+ },
1775
+ "propToVariantKeys": {
1776
+ "size": [
1777
+ "inputSizeRoot"
1778
+ ]
1779
+ },
2211
1780
  "runtimeConfigDefaultProps": {},
2212
1781
  "runtimeConfigGetStyles": {},
2213
1782
  "runtimeConfigInternalComponentProps": {},
2214
- "motionVarPrefixes": [
2215
- "--uds-motion-subtle-3-",
2216
- "--uds-motion-smooth-3-"
2217
- ]
1783
+ "motionVarPrefixes": []
2218
1784
  },
2219
- "Menu.Trigger": {
2220
- "name": "Menu.Trigger",
1785
+ "InputHelpTextInternal": {
1786
+ "name": "InputHelpTextInternal",
2221
1787
  "defaultProps": {},
2222
- "getStylesLiterals": {},
2223
- "cxLiterals": [
2224
- "uds-menu-trigger"
2225
- ],
1788
+ "getStylesLiterals": {
1789
+ "inputVariantHelperText": "default",
1790
+ "inputVariantValueHelperText": "empty",
1791
+ "inputVariantValueHelperText:1": "filled",
1792
+ "inputVariantHelperIcon": "default",
1793
+ "inputVariantValueHelperIcon": "empty",
1794
+ "inputVariantValueHelperIcon:1": "filled"
1795
+ },
1796
+ "cxLiterals": [],
2226
1797
  "internalComponents": [
2227
- "AriakitMenuTrigger",
2228
- "Box"
1798
+ "IconSlot",
1799
+ "HStack"
2229
1800
  ],
2230
1801
  "internalComponentProps": {
2231
- "Box": {
2232
- "className": [
2233
- "uds-ring h-fit w-fit"
1802
+ "HStack": {
1803
+ "gap": [
1804
+ "1"
1805
+ ],
1806
+ "alignItems": [
1807
+ "center"
2234
1808
  ]
2235
1809
  }
2236
1810
  },
2237
- "propToVariantKeys": {},
1811
+ "propToVariantKeys": {
1812
+ "size": [
1813
+ "inputSizeHelperText",
1814
+ "inputSizeHelperIcon"
1815
+ ],
1816
+ "startIcon": [
1817
+ "icon"
1818
+ ],
1819
+ "endIcon": [
1820
+ "icon"
1821
+ ]
1822
+ },
2238
1823
  "runtimeConfigDefaultProps": {},
2239
1824
  "runtimeConfigGetStyles": {},
2240
1825
  "runtimeConfigInternalComponentProps": {},
2241
1826
  "motionVarPrefixes": []
2242
1827
  },
2243
- "Menu.index": {
2244
- "name": "Menu.index",
2245
- "defaultProps": {},
1828
+ "Menu.Content": {
1829
+ "name": "Menu.Content",
1830
+ "defaultProps": {
1831
+ "size": "default",
1832
+ "variant": "default",
1833
+ "gutter": "1"
1834
+ },
2246
1835
  "getStylesLiterals": {},
2247
- "cxLiterals": [],
2248
- "internalComponents": [],
1836
+ "cxLiterals": [
1837
+ "uds-menu-content",
1838
+ "transition-shadow",
1839
+ "duration-200",
1840
+ "ease-in-out",
1841
+ "min-w-60",
1842
+ "max-w-lg",
1843
+ "max-h-96",
1844
+ "overflow-auto",
1845
+ "uds-ring",
1846
+ "z-10",
1847
+ "group"
1848
+ ],
1849
+ "internalComponents": [
1850
+ "AriakitMenu",
1851
+ "AnimatePresence",
1852
+ "MotionVStack"
1853
+ ],
2249
1854
  "internalComponentProps": {},
2250
- "propToVariantKeys": {},
1855
+ "propToVariantKeys": {
1856
+ "size": [
1857
+ "menucontentSizeRoot"
1858
+ ],
1859
+ "variant": [
1860
+ "menucontentVariantRoot"
1861
+ ]
1862
+ },
2251
1863
  "runtimeConfigDefaultProps": {},
2252
1864
  "runtimeConfigGetStyles": {},
2253
1865
  "runtimeConfigInternalComponentProps": {},
2254
1866
  "motionVarPrefixes": []
2255
1867
  },
2256
- "Menu": {
2257
- "name": "Menu",
2258
- "defaultProps": {},
2259
- "getStylesLiterals": {},
1868
+ "Menu.Divider": {
1869
+ "name": "Menu.Divider",
1870
+ "defaultProps": {
1871
+ "role": "separator",
1872
+ "contentPosition": "start",
1873
+ "gap": "4"
1874
+ },
1875
+ "getStylesLiterals": {
1876
+ "menuitemDividerVariantRoot": "default",
1877
+ "menuitemDividerVariantText": "default",
1878
+ "menuitemDividerVariantLine": "default"
1879
+ },
2260
1880
  "cxLiterals": [],
2261
- "internalComponents": [],
2262
- "internalComponentProps": {},
1881
+ "internalComponents": [
1882
+ "Divider"
1883
+ ],
1884
+ "internalComponentProps": {
1885
+ "Divider": {
1886
+ "variant": [
1887
+ "inherit"
1888
+ ]
1889
+ }
1890
+ },
2263
1891
  "propToVariantKeys": {},
2264
1892
  "runtimeConfigDefaultProps": {},
2265
1893
  "runtimeConfigGetStyles": {},
2266
1894
  "runtimeConfigInternalComponentProps": {},
2267
1895
  "motionVarPrefixes": []
2268
1896
  },
2269
- "BottomSheet": {
2270
- "name": "BottomSheet",
1897
+ "Menu.Item": {
1898
+ "name": "Menu.Item",
1899
+ "defaultProps": {},
1900
+ "getStylesLiterals": {
1901
+ "menuitemItemVariantRoot": "default",
1902
+ "menuitemItemVariantActiveRoot": "on",
1903
+ "menuitemItemVariantActiveRoot:1": "off",
1904
+ "menuitemItemVariantText": "default",
1905
+ "menuitemItemVariantActiveText": "on",
1906
+ "menuitemItemVariantActiveText:1": "off",
1907
+ "menuitemItemVariantIcon": "default",
1908
+ "menuitemItemVariantActiveIcon": "on",
1909
+ "menuitemItemVariantActiveIcon:1": "off"
1910
+ },
1911
+ "cxLiterals": [],
1912
+ "internalComponents": [
1913
+ "MenuItemBase"
1914
+ ],
1915
+ "internalComponentProps": {},
1916
+ "propToVariantKeys": {},
1917
+ "runtimeConfigDefaultProps": {},
1918
+ "runtimeConfigGetStyles": {},
1919
+ "runtimeConfigInternalComponentProps": {},
1920
+ "motionVarPrefixes": []
1921
+ },
1922
+ "Menu.ItemBase": {
1923
+ "name": "Menu.ItemBase",
2271
1924
  "defaultProps": {
2272
- "variant": "default"
1925
+ "spacing": "0",
1926
+ "spacingHorizontal": "4",
1927
+ "spacingVertical": "3.5",
1928
+ "columnGap": "2",
1929
+ "alignItems": "center",
1930
+ "justifyContent": "space-between"
1931
+ },
1932
+ "getStylesLiterals": {
1933
+ "textAlign": "start",
1934
+ "menuitemSizeRoot": "default",
1935
+ "flexDirection": "row",
1936
+ "menuitemSizeStartIcon": "default",
1937
+ "menuitemSizeEndIcon": "default"
2273
1938
  },
2274
- "getStylesLiterals": {},
2275
1939
  "cxLiterals": [
2276
- "fixed",
2277
- "overflow-hidden",
2278
- "inset-x-0",
2279
- "bottom-0",
2280
- "z-50",
2281
- "[will-change:transform]",
2282
- "touch-none",
2283
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2284
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2285
- "transition-transform",
2286
- "duration-500",
2287
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2288
- "motion-reduce:transition-none",
2289
- "top-[-4px]",
2290
- "z-[1]",
2291
- "touch-pan-y"
1940
+ "uds-menu-item",
1941
+ "flex",
1942
+ "focus-visible:text-brand",
1943
+ "focus-visible:bg-brand-secondary",
1944
+ "focus-visible:z-10",
1945
+ "uds-ring",
1946
+ "!-outline-offset-2",
1947
+ "[&:not([aria-checked])]:cursor-default",
1948
+ "opacity-25",
1949
+ "cursor-not-allowed",
1950
+ "duration-20",
1951
+ "transition-[font-variation-settings]",
1952
+ "ease-in-out",
1953
+ "z-0",
1954
+ "uds-start-icon",
1955
+ "uds-end-icon"
2292
1956
  ],
2293
1957
  "internalComponents": [
2294
- "Scrim",
2295
- "BottomSheetHandle",
2296
- "Dialog",
2297
- "Box",
2298
- "BottomSheetInternalContext.Provider"
1958
+ "Pressable",
1959
+ "IconSlot",
1960
+ "RootComponent",
1961
+ "HStack",
1962
+ "AnimatePresence"
2299
1963
  ],
2300
1964
  "internalComponentProps": {
2301
- "BottomSheetHandle": {
2302
- "ariaLabel": [
2303
- "Resize sheet"
2304
- ]
2305
- },
2306
- "Dialog": {
2307
- "data-testid": [
2308
- "bottom-sheet"
1965
+ "HStack": {
1966
+ "alignItems": [
1967
+ "center"
1968
+ ],
1969
+ "width": [
1970
+ "full"
2309
1971
  ]
2310
1972
  },
2311
- "Box": {
2312
- "display": [
2313
- "block",
2314
- "flex"
2315
- ],
2316
- "position": [
2317
- "absolute"
2318
- ],
2319
- "flexDirection": [
2320
- "column"
2321
- ],
2322
- "className": [
2323
- "absolute inset-0 min-h-0 p-[inherit]"
1973
+ "AnimatePresence": {
1974
+ "mode": [
1975
+ "popLayout"
2324
1976
  ]
2325
1977
  }
2326
1978
  },
2327
1979
  "propToVariantKeys": {
2328
- "variant": [
2329
- "bottomsheetVariantRoot"
1980
+ "startIconClassName": [
1981
+ "className"
1982
+ ],
1983
+ "endIconClassName": [
1984
+ "className"
1985
+ ],
1986
+ "startIcon": [
1987
+ "icon"
1988
+ ],
1989
+ "endIcon": [
1990
+ "icon"
1991
+ ],
1992
+ "columnGap": [
1993
+ "gap"
2330
1994
  ]
2331
1995
  },
2332
1996
  "runtimeConfigDefaultProps": {},
@@ -2334,167 +1998,94 @@
2334
1998
  "runtimeConfigInternalComponentProps": {},
2335
1999
  "motionVarPrefixes": []
2336
2000
  },
2337
- "BottomSheetContent": {
2338
- "name": "BottomSheetContent",
2001
+ "Menu.ItemCheckbox": {
2002
+ "name": "Menu.ItemCheckbox",
2339
2003
  "defaultProps": {},
2340
- "getStylesLiterals": {},
2004
+ "getStylesLiterals": {
2005
+ "menuitemItemCheckboxVariantRoot": "default",
2006
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2007
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2008
+ "menuitemItemCheckboxVariantText": "default",
2009
+ "menuitemItemCheckboxVariantActiveText": "on",
2010
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2011
+ "menuitemItemCheckboxVariantStartIcon": "default",
2012
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2013
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2014
+ "menuitemItemCheckboxVariantEndIcon": "default",
2015
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2016
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2017
+ },
2341
2018
  "cxLiterals": [
2342
- "min-h-0",
2343
- "touch-pan-y"
2019
+ "uds-menu-item-checkbox"
2344
2020
  ],
2345
2021
  "internalComponents": [
2346
- "Box",
2347
- "VStack"
2022
+ "MenuItemBase"
2348
2023
  ],
2349
- "internalComponentProps": {
2350
- "Box": {
2351
- "display": [
2352
- "block"
2353
- ],
2354
- "flex": [
2355
- "1"
2356
- ]
2357
- },
2358
- "VStack": {
2359
- "className": [
2360
- "pb-[calc(env(safe-area-inset-bottom))]"
2361
- ]
2362
- }
2363
- },
2024
+ "internalComponentProps": {},
2364
2025
  "propToVariantKeys": {},
2365
2026
  "runtimeConfigDefaultProps": {},
2366
2027
  "runtimeConfigGetStyles": {},
2367
2028
  "runtimeConfigInternalComponentProps": {},
2368
2029
  "motionVarPrefixes": []
2369
2030
  },
2370
- "BottomSheetDismiss": {
2371
- "name": "BottomSheetDismiss",
2031
+ "Menu.Provider": {
2032
+ "name": "Menu.Provider",
2372
2033
  "defaultProps": {},
2373
2034
  "getStylesLiterals": {},
2374
2035
  "cxLiterals": [],
2375
2036
  "internalComponents": [
2376
- "AriakitDialogDismiss"
2037
+ "AriakitMenuProvider",
2038
+ "SpringMotionConfig"
2377
2039
  ],
2378
2040
  "internalComponentProps": {},
2379
2041
  "propToVariantKeys": {},
2380
2042
  "runtimeConfigDefaultProps": {},
2381
2043
  "runtimeConfigGetStyles": {},
2382
2044
  "runtimeConfigInternalComponentProps": {},
2383
- "motionVarPrefixes": []
2045
+ "motionVarPrefixes": [
2046
+ "--uds-motion-subtle-3-",
2047
+ "--uds-motion-smooth-3-"
2048
+ ]
2384
2049
  },
2385
- "BottomSheetHandle": {
2386
- "name": "BottomSheetHandle",
2387
- "defaultProps": {
2388
- "variant": "default"
2389
- },
2050
+ "Menu.Trigger": {
2051
+ "name": "Menu.Trigger",
2052
+ "defaultProps": {},
2390
2053
  "getStylesLiterals": {},
2391
2054
  "cxLiterals": [
2392
- "relative",
2393
- "h-5",
2394
- "w-16",
2395
- "outline-none",
2396
- "focus-visible:outline-none",
2397
- "[touch-action:pan-y]",
2398
- "absolute",
2399
- "left-1/2",
2400
- "top-1/2",
2401
- "-translate-x-1/2",
2402
- "-translate-y-1/2",
2403
- "h-1",
2404
- "w-8",
2405
- "rounded-full"
2055
+ "uds-menu-trigger"
2406
2056
  ],
2407
2057
  "internalComponents": [
2058
+ "AriakitMenuTrigger",
2408
2059
  "Box"
2409
2060
  ],
2410
2061
  "internalComponentProps": {
2411
2062
  "Box": {
2412
- "display": [
2413
- "block",
2414
- "flex"
2415
- ],
2416
- "justifyContent": [
2417
- "center"
2063
+ "className": [
2064
+ "uds-ring h-fit w-fit"
2418
2065
  ]
2419
2066
  }
2420
2067
  },
2421
- "propToVariantKeys": {
2422
- "variant": [
2423
- "bottomsheetVariantHandleIndicator"
2424
- ]
2425
- },
2068
+ "propToVariantKeys": {},
2426
2069
  "runtimeConfigDefaultProps": {},
2427
2070
  "runtimeConfigGetStyles": {},
2428
2071
  "runtimeConfigInternalComponentProps": {},
2429
2072
  "motionVarPrefixes": []
2430
2073
  },
2431
- "BottomSheetHeader": {
2432
- "name": "BottomSheetHeader",
2433
- "defaultProps": {
2434
- "variant": "default"
2435
- },
2074
+ "Menu.index": {
2075
+ "name": "Menu.index",
2076
+ "defaultProps": {},
2436
2077
  "getStylesLiterals": {},
2437
- "cxLiterals": [
2438
- "grid-cols-[40px_1fr_40px]",
2439
- "items-center",
2440
- "w-full",
2441
- "min-h-10",
2442
- "mt-2"
2443
- ],
2444
- "internalComponents": [
2445
- "Box",
2446
- "Text",
2447
- "DialogHeading"
2448
- ],
2449
- "internalComponentProps": {
2450
- "Box": {
2451
- "className": [
2452
- "h-10 w-10 opacity-0 pointer-events-none"
2453
- ],
2454
- "display": [
2455
- "grid",
2456
- "flex"
2457
- ],
2458
- "justifyContent": [
2459
- "flex-start",
2460
- "flex-end"
2461
- ]
2462
- },
2463
- "Text": {
2464
- "as": [
2465
- "p"
2466
- ],
2467
- "variant": [
2468
- "inherit"
2469
- ],
2470
- "color": [
2471
- "inherit"
2472
- ],
2473
- "textAlign": [
2474
- "center"
2475
- ],
2476
- "className": [
2477
- "m-0 w-full"
2478
- ]
2479
- },
2480
- "DialogHeading": {
2481
- "role": [
2482
- "heading"
2483
- ]
2484
- }
2485
- },
2486
- "propToVariantKeys": {
2487
- "variant": [
2488
- "bottomsheetVariantHeader"
2489
- ]
2490
- },
2078
+ "cxLiterals": [],
2079
+ "internalComponents": [],
2080
+ "internalComponentProps": {},
2081
+ "propToVariantKeys": {},
2491
2082
  "runtimeConfigDefaultProps": {},
2492
2083
  "runtimeConfigGetStyles": {},
2493
2084
  "runtimeConfigInternalComponentProps": {},
2494
2085
  "motionVarPrefixes": []
2495
2086
  },
2496
- "BottomSheetInternalContext": {
2497
- "name": "BottomSheetInternalContext",
2087
+ "Menu": {
2088
+ "name": "Menu",
2498
2089
  "defaultProps": {},
2499
2090
  "getStylesLiterals": {},
2500
2091
  "cxLiterals": [],
@@ -2506,44 +2097,205 @@
2506
2097
  "runtimeConfigInternalComponentProps": {},
2507
2098
  "motionVarPrefixes": []
2508
2099
  },
2509
- "BottomSheetProvider": {
2510
- "name": "BottomSheetProvider",
2100
+ "Modal": {
2101
+ "name": "Modal",
2102
+ "defaultProps": {
2103
+ "closeAriaLabel": "Close",
2104
+ "maxWidth": "auto",
2105
+ "maxHeight": "auto",
2106
+ "scrollBehavior": "outside"
2107
+ },
2108
+ "getStylesLiterals": {
2109
+ "flexDirection": "row-reverse",
2110
+ "justifyContent": "space-between",
2111
+ "alignItems": "flex-end",
2112
+ "alignItems:1": "flex-start",
2113
+ "borderRadius": "full"
2114
+ },
2115
+ "cxLiterals": [
2116
+ "fixed",
2117
+ "inset-0",
2118
+ "z-40",
2119
+ "overflow-y-auto",
2120
+ "overflow-hidden",
2121
+ "transition-[opacity,visibility]",
2122
+ "visible",
2123
+ "opacity-100",
2124
+ "invisible",
2125
+ "opacity-0",
2126
+ "pointer-events-none",
2127
+ "uds-bgBlurFallback",
2128
+ "w-full",
2129
+ "w-fit",
2130
+ "h-full",
2131
+ "h-fit",
2132
+ "m-auto",
2133
+ "pointer-events-auto",
2134
+ "inside",
2135
+ "max-h-full",
2136
+ "transition-transform",
2137
+ "duration-0",
2138
+ "duration-120",
2139
+ "transition-[background-color]",
2140
+ "bg-carbon-15/0",
2141
+ "hover:bg-carbon-15/10",
2142
+ "active:bg-carbon-15/15",
2143
+ "uds-ring",
2144
+ "[translate:50%_-50%]"
2145
+ ],
2146
+ "internalComponents": [
2147
+ "Scrim",
2148
+ "VStack",
2149
+ "Pressable",
2150
+ "IconSlot",
2151
+ "Box",
2152
+ "Dialog",
2153
+ "ModalContext.Provider",
2154
+ "HStack",
2155
+ "DialogDismiss",
2156
+ "ModalTitle",
2157
+ "ModalDescription",
2158
+ "ModalContent",
2159
+ "ModalActions"
2160
+ ],
2161
+ "internalComponentProps": {
2162
+ "Box": {
2163
+ "flexGrow": [
2164
+ "1"
2165
+ ]
2166
+ }
2167
+ },
2168
+ "propToVariantKeys": {
2169
+ "gutter": [
2170
+ "spacing"
2171
+ ],
2172
+ "size": [
2173
+ "modalSizeRoot",
2174
+ "modalSizeSpacingHorizontal",
2175
+ "modalSizeHeader",
2176
+ "modalSizeTitleDescriptionWrapper",
2177
+ "modalSizeCloseIconContainer",
2178
+ "modalSizeCloseIcon"
2179
+ ],
2180
+ "variant": [
2181
+ "modalVariantRoot",
2182
+ "modalVariantCloseIcon"
2183
+ ],
2184
+ "closeAriaLabel": [
2185
+ "aria-label"
2186
+ ],
2187
+ "closeIcon": [
2188
+ "icon"
2189
+ ]
2190
+ },
2191
+ "runtimeConfigDefaultProps": {
2192
+ "size": "modal.defaultSize",
2193
+ "variant": "modal.defaultVariant"
2194
+ },
2195
+ "runtimeConfigGetStyles": {
2196
+ "spacing": [
2197
+ "modal.gutter.${size}"
2198
+ ],
2199
+ "modalSizeRoot": [
2200
+ "modal.defaultSize"
2201
+ ],
2202
+ "modalVariantRoot": [
2203
+ "modal.defaultVariant"
2204
+ ],
2205
+ "modalSizeSpacingHorizontal": [
2206
+ "modal.defaultSize"
2207
+ ],
2208
+ "modalSizeHeader": [
2209
+ "modal.defaultSize"
2210
+ ],
2211
+ "modalSizeTitleDescriptionWrapper": [
2212
+ "modal.defaultSize"
2213
+ ],
2214
+ "modalSizeCloseIconContainer": [
2215
+ "modal.defaultSize"
2216
+ ],
2217
+ "modalSizeCloseIcon": [
2218
+ "modal.defaultSize"
2219
+ ],
2220
+ "modalVariantCloseIcon": [
2221
+ "modal.defaultVariant"
2222
+ ]
2223
+ },
2224
+ "runtimeConfigInternalComponentProps": {},
2225
+ "motionVarPrefixes": []
2226
+ },
2227
+ "ModalActions": {
2228
+ "name": "ModalActions",
2511
2229
  "defaultProps": {},
2512
- "getStylesLiterals": {},
2513
- "cxLiterals": [],
2230
+ "getStylesLiterals": {
2231
+ "flexDirection": "row-reverse",
2232
+ "justifyContent": "space-between",
2233
+ "alignItems": "center"
2234
+ },
2235
+ "cxLiterals": [
2236
+ "gap-[inherit]"
2237
+ ],
2514
2238
  "internalComponents": [
2515
- "AriakitDialogProvider"
2239
+ "HStack"
2516
2240
  ],
2517
2241
  "internalComponentProps": {},
2518
- "propToVariantKeys": {},
2519
- "runtimeConfigDefaultProps": {},
2520
- "runtimeConfigGetStyles": {},
2242
+ "propToVariantKeys": {
2243
+ "size": [
2244
+ "modalSizeSpacingHorizontal",
2245
+ "modalSizeActions"
2246
+ ]
2247
+ },
2248
+ "runtimeConfigDefaultProps": {
2249
+ "size": "modal.defaultSize",
2250
+ "variant": "modal.defaultVariant"
2251
+ },
2252
+ "runtimeConfigGetStyles": {
2253
+ "modalSizeSpacingHorizontal": [
2254
+ "modal.defaultSize"
2255
+ ],
2256
+ "modalSizeActions": [
2257
+ "modal.defaultSize"
2258
+ ]
2259
+ },
2521
2260
  "runtimeConfigInternalComponentProps": {},
2522
2261
  "motionVarPrefixes": []
2523
2262
  },
2524
- "BottomSheetTrigger": {
2525
- "name": "BottomSheetTrigger",
2263
+ "ModalContent": {
2264
+ "name": "ModalContent",
2526
2265
  "defaultProps": {},
2527
- "getStylesLiterals": {},
2266
+ "getStylesLiterals": {
2267
+ "overflowY": "auto",
2268
+ "display": "block",
2269
+ "flexGrow": "1"
2270
+ },
2528
2271
  "cxLiterals": [],
2529
2272
  "internalComponents": [
2530
- "AriakitDialogDisclosure"
2273
+ "Box"
2531
2274
  ],
2532
2275
  "internalComponentProps": {},
2533
- "propToVariantKeys": {},
2534
- "runtimeConfigDefaultProps": {},
2535
- "runtimeConfigGetStyles": {},
2276
+ "propToVariantKeys": {
2277
+ "size": [
2278
+ "modalSizeSpacingHorizontal"
2279
+ ]
2280
+ },
2281
+ "runtimeConfigDefaultProps": {
2282
+ "size": "modal.defaultSize",
2283
+ "variant": "modal.defaultVariant"
2284
+ },
2285
+ "runtimeConfigGetStyles": {
2286
+ "modalSizeSpacingHorizontal": [
2287
+ "modal.defaultSize"
2288
+ ]
2289
+ },
2536
2290
  "runtimeConfigInternalComponentProps": {},
2537
2291
  "motionVarPrefixes": []
2538
2292
  },
2539
- "UDSBottomSheetConfigProvider": {
2540
- "name": "UDSBottomSheetConfigProvider",
2293
+ "ModalContext": {
2294
+ "name": "ModalContext",
2541
2295
  "defaultProps": {},
2542
2296
  "getStylesLiterals": {},
2543
2297
  "cxLiterals": [],
2544
- "internalComponents": [
2545
- "BottomSheetContext.Provider"
2546
- ],
2298
+ "internalComponents": [],
2547
2299
  "internalComponentProps": {},
2548
2300
  "propToVariantKeys": {},
2549
2301
  "runtimeConfigDefaultProps": {},
@@ -2551,24 +2303,117 @@
2551
2303
  "runtimeConfigInternalComponentProps": {},
2552
2304
  "motionVarPrefixes": []
2553
2305
  },
2554
- "PaddleButton": {
2555
- "name": "PaddleButton",
2306
+ "ModalDescription": {
2307
+ "name": "ModalDescription",
2556
2308
  "defaultProps": {},
2557
2309
  "getStylesLiterals": {},
2558
- "cxLiterals": [
2559
- "relative",
2560
- "inline-flex",
2561
- "items-center",
2562
- "justify-center",
2563
- "box-border",
2564
- "overflow-hidden",
2565
- "border-solid",
2566
- "select-none",
2567
- "uds-nested-radius",
2568
- "transition-[color,border-color,box-shadow]",
2569
- "duration-[180ms]",
2570
- "ease-[cubic-bezier(0,0,0.2,1)]",
2571
- "uds-ring",
2310
+ "cxLiterals": [],
2311
+ "internalComponents": [
2312
+ "Text",
2313
+ "DialogDescription"
2314
+ ],
2315
+ "internalComponentProps": {
2316
+ "Text": {
2317
+ "as": [
2318
+ "span"
2319
+ ]
2320
+ }
2321
+ },
2322
+ "propToVariantKeys": {
2323
+ "size": [
2324
+ "modalSizeDescription"
2325
+ ],
2326
+ "variant": [
2327
+ "modalVariantDescription"
2328
+ ]
2329
+ },
2330
+ "runtimeConfigDefaultProps": {
2331
+ "size": "modal.defaultSize",
2332
+ "variant": "modal.defaultVariant"
2333
+ },
2334
+ "runtimeConfigGetStyles": {
2335
+ "modalSizeDescription": [
2336
+ "modal.defaultSize"
2337
+ ],
2338
+ "modalVariantDescription": [
2339
+ "modal.defaultVariant"
2340
+ ]
2341
+ },
2342
+ "runtimeConfigInternalComponentProps": {},
2343
+ "motionVarPrefixes": []
2344
+ },
2345
+ "ModalTitle": {
2346
+ "name": "ModalTitle",
2347
+ "defaultProps": {},
2348
+ "getStylesLiterals": {},
2349
+ "cxLiterals": [],
2350
+ "internalComponents": [
2351
+ "Text",
2352
+ "DialogHeading"
2353
+ ],
2354
+ "internalComponentProps": {
2355
+ "Text": {
2356
+ "as": [
2357
+ "span"
2358
+ ]
2359
+ }
2360
+ },
2361
+ "propToVariantKeys": {
2362
+ "size": [
2363
+ "modalSizeTitle"
2364
+ ],
2365
+ "variant": [
2366
+ "modalVariantTitle"
2367
+ ]
2368
+ },
2369
+ "runtimeConfigDefaultProps": {
2370
+ "size": "modal.defaultSize",
2371
+ "variant": "modal.defaultVariant"
2372
+ },
2373
+ "runtimeConfigGetStyles": {
2374
+ "modalSizeTitle": [
2375
+ "modal.defaultSize"
2376
+ ],
2377
+ "modalVariantTitle": [
2378
+ "modal.defaultVariant"
2379
+ ]
2380
+ },
2381
+ "runtimeConfigInternalComponentProps": {},
2382
+ "motionVarPrefixes": []
2383
+ },
2384
+ "UDSModalConfigProvider": {
2385
+ "name": "UDSModalConfigProvider",
2386
+ "defaultProps": {},
2387
+ "getStylesLiterals": {},
2388
+ "cxLiterals": [],
2389
+ "internalComponents": [
2390
+ "ModalContext.Provider"
2391
+ ],
2392
+ "internalComponentProps": {},
2393
+ "propToVariantKeys": {},
2394
+ "runtimeConfigDefaultProps": {},
2395
+ "runtimeConfigGetStyles": {},
2396
+ "runtimeConfigInternalComponentProps": {},
2397
+ "motionVarPrefixes": []
2398
+ },
2399
+ "PaddleButton": {
2400
+ "name": "PaddleButton",
2401
+ "defaultProps": {},
2402
+ "getStylesLiterals": {},
2403
+ "cxLiterals": [
2404
+ "relative",
2405
+ "inline-flex",
2406
+ "items-center",
2407
+ "justify-center",
2408
+ "box-border",
2409
+ "overflow-hidden",
2410
+ "border-solid",
2411
+ "select-none",
2412
+ "uds-nested-radius",
2413
+ "transition-[color,border-color,box-shadow]",
2414
+ "duration-[180ms]",
2415
+ "ease-[cubic-bezier(0,0,0.2,1)]",
2416
+ "uds-ring",
2572
2417
  "cursor-pointer",
2573
2418
  "cursor-not-allowed",
2574
2419
  "opacity-50",
@@ -2734,108 +2579,263 @@
2734
2579
  "runtimeConfigInternalComponentProps": {},
2735
2580
  "motionVarPrefixes": []
2736
2581
  },
2737
- "Popover": {
2738
- "name": "Popover",
2739
- "defaultProps": {},
2740
- "getStylesLiterals": {},
2741
- "cxLiterals": [
2742
- "uds:popover-open"
2743
- ],
2744
- "internalComponents": [
2745
- "PopoverInternalContext.Provider",
2746
- "PopoverProvider"
2747
- ],
2748
- "internalComponentProps": {},
2749
- "propToVariantKeys": {},
2750
- "runtimeConfigDefaultProps": {
2751
- "size": "popover.defaultSize",
2752
- "variant": "popover.defaultVariant"
2582
+ "Banner": {
2583
+ "name": "Banner",
2584
+ "defaultProps": {
2585
+ "variant": "primary",
2586
+ "size": "default",
2587
+ "dismissAriaLabel": "Dismiss"
2753
2588
  },
2754
- "runtimeConfigGetStyles": {},
2755
- "runtimeConfigInternalComponentProps": {},
2756
- "motionVarPrefixes": []
2757
- },
2758
- "PopoverContent": {
2759
- "name": "PopoverContent",
2760
- "defaultProps": {},
2761
2589
  "getStylesLiterals": {
2762
- "popoverSizeRoot": "default",
2763
- "popoverVariantRoot": "default",
2764
- "display": "flex",
2765
- "position": "relative",
2766
- "display:1": "block",
2767
- "spacingTop": "0",
2768
- "spacingStart": "0",
2769
- "spacingBottom": "0",
2770
- "spacingEnd": "0",
2771
- "popoverSizeSvgBase": "default",
2772
- "popoverVariantSvgBase": "default",
2773
- "popoverSizeSvgBorder": "default",
2774
- "popoverVariantSvgBorder": "default",
2775
- "popoverVariantBlur": "default",
2776
- "position:1": "absolute",
2777
- "width": "full",
2778
- "height": "full",
2779
- "flexShrink": "0",
2590
+ "className": "truncate",
2591
+ "className:1": "line-clamp-3",
2592
+ "spacing": "2",
2780
2593
  "borderRadius": "full",
2781
- "alignItems": "center",
2782
- "justifyContent": "center",
2783
- "popoverVariantCloseIcon": "default",
2784
- "popoverSizeCloseIcon": "default"
2594
+ "color": "primary"
2785
2595
  },
2786
2596
  "cxLiterals": [
2787
- "z-[9999]",
2788
- "outline-none",
2789
- "focus-visible:outline-none",
2790
- "uds-bgBlurFillFallback",
2791
- "uds-bgBlurFallback",
2792
- "top-0",
2793
- "left-0",
2794
- "z-[1]",
2795
- "duration-0",
2796
- "duration-120",
2597
+ "uds-banner",
2598
+ "flex",
2599
+ "flex-row",
2600
+ "items-center",
2601
+ "items-start",
2602
+ "min-w-[300px]",
2797
2603
  "transition-[background-color]",
2604
+ "motion-safe:duration-120",
2798
2605
  "bg-carbon-15/0",
2799
2606
  "hover:bg-carbon-15/10",
2800
2607
  "active:bg-carbon-15/15",
2801
2608
  "uds-ring",
2802
- "absolute",
2803
- "z-[4]"
2609
+ "shrink-0",
2610
+ "self-start",
2611
+ "flex-1",
2612
+ "min-w-0",
2613
+ "flex-col",
2614
+ "gap-[inherit]",
2615
+ "uds-sm:flex-row",
2616
+ "uds-sm:items-center",
2617
+ "self-stretch",
2618
+ "gap-0.5",
2619
+ "w-full",
2620
+ "truncate",
2621
+ "leading-none",
2622
+ "line-clamp-3",
2623
+ "gap-1.5",
2624
+ "uds-sm:self-center",
2625
+ "uds-sm:shrink-0"
2804
2626
  ],
2805
2627
  "internalComponents": [
2806
- "PopoverDismiss",
2807
2628
  "IconSlot",
2808
- "PopoverArrow",
2809
- "Popover",
2810
- "SvgFloatingOverlay",
2811
- "Box",
2629
+ "Text",
2812
2630
  "Pressable"
2813
2631
  ],
2814
- "internalComponentProps": {},
2815
- "propToVariantKeys": {
2816
- "closeIcon": [
2817
- "icon"
2818
- ]
2819
- },
2820
- "runtimeConfigDefaultProps": {
2821
- "size": "popover.defaultSize",
2822
- "variant": "popover.defaultVariant"
2632
+ "internalComponentProps": {
2633
+ "IconSlot": {
2634
+ "data-testid": [
2635
+ "banner-start-icon"
2636
+ ]
2637
+ },
2638
+ "Text": {
2639
+ "data-testid": [
2640
+ "banner-title",
2641
+ "banner-description"
2642
+ ]
2643
+ },
2644
+ "Pressable": {
2645
+ "data-testid": [
2646
+ "banner-dismiss"
2647
+ ]
2648
+ }
2823
2649
  },
2824
- "runtimeConfigGetStyles": {
2825
- "spacingTop": [
2826
- "popover.spacingVertical.${size}"
2650
+ "propToVariantKeys": {
2651
+ "variant": [
2652
+ "bannerVariantRoot",
2653
+ "bannerVariantIcon",
2654
+ "bannerVariantTitle",
2655
+ "bannerVariantDescription"
2827
2656
  ],
2828
- "spacingStart": [
2829
- "popover.spacingHorizontal.${size}"
2657
+ "size": [
2658
+ "bannerSizeRoot",
2659
+ "bannerSizeIcon",
2660
+ "bannerSizeTitle",
2661
+ "bannerSizeDescription",
2662
+ "bannerSizeClose"
2830
2663
  ],
2831
- "spacingBottom": [
2832
- "popover.spacingVertical.${size}"
2664
+ "startIcon": [
2665
+ "icon"
2833
2666
  ],
2834
- "spacingEnd": [
2835
- "popover.spacingHorizontal.${size}"
2836
- ]
2837
- },
2838
- "runtimeConfigInternalComponentProps": {
2667
+ "dismissAriaLabel": [
2668
+ "aria-label"
2669
+ ],
2670
+ "onDismiss": [
2671
+ "onClick"
2672
+ ]
2673
+ },
2674
+ "runtimeConfigDefaultProps": {},
2675
+ "runtimeConfigGetStyles": {},
2676
+ "runtimeConfigInternalComponentProps": {},
2677
+ "motionVarPrefixes": []
2678
+ },
2679
+ "BannerContent": {
2680
+ "name": "BannerContent",
2681
+ "defaultProps": {},
2682
+ "getStylesLiterals": {},
2683
+ "cxLiterals": [
2684
+ "flex",
2685
+ "flex-col",
2686
+ "items-start",
2687
+ "self-stretch",
2688
+ "flex-1",
2689
+ "min-w-0"
2690
+ ],
2691
+ "internalComponents": [],
2692
+ "internalComponentProps": {},
2693
+ "propToVariantKeys": {},
2694
+ "runtimeConfigDefaultProps": {},
2695
+ "runtimeConfigGetStyles": {},
2696
+ "runtimeConfigInternalComponentProps": {},
2697
+ "motionVarPrefixes": []
2698
+ },
2699
+ "BannerDescription": {
2700
+ "name": "BannerDescription",
2701
+ "defaultProps": {},
2702
+ "getStylesLiterals": {
2703
+ "bannerSizeDescription": "default",
2704
+ "className": "w-full line-clamp-3"
2705
+ },
2706
+ "cxLiterals": [],
2707
+ "internalComponents": [
2708
+ "Text"
2709
+ ],
2710
+ "internalComponentProps": {},
2711
+ "propToVariantKeys": {},
2712
+ "runtimeConfigDefaultProps": {},
2713
+ "runtimeConfigGetStyles": {},
2714
+ "runtimeConfigInternalComponentProps": {},
2715
+ "motionVarPrefixes": []
2716
+ },
2717
+ "BannerTitle": {
2718
+ "name": "BannerTitle",
2719
+ "defaultProps": {},
2720
+ "getStylesLiterals": {
2721
+ "bannerSizeTitle": "default"
2722
+ },
2723
+ "cxLiterals": [
2724
+ "w-full",
2725
+ "truncate"
2726
+ ],
2727
+ "internalComponents": [
2728
+ "Text"
2729
+ ],
2730
+ "internalComponentProps": {},
2731
+ "propToVariantKeys": {},
2732
+ "runtimeConfigDefaultProps": {},
2733
+ "runtimeConfigGetStyles": {},
2734
+ "runtimeConfigInternalComponentProps": {},
2735
+ "motionVarPrefixes": []
2736
+ },
2737
+ "Popover": {
2738
+ "name": "Popover",
2739
+ "defaultProps": {},
2740
+ "getStylesLiterals": {},
2741
+ "cxLiterals": [
2742
+ "uds:popover-open"
2743
+ ],
2744
+ "internalComponents": [
2745
+ "PopoverInternalContext.Provider",
2746
+ "PopoverProvider"
2747
+ ],
2748
+ "internalComponentProps": {},
2749
+ "propToVariantKeys": {},
2750
+ "runtimeConfigDefaultProps": {
2751
+ "size": "popover.defaultSize",
2752
+ "variant": "popover.defaultVariant"
2753
+ },
2754
+ "runtimeConfigGetStyles": {},
2755
+ "runtimeConfigInternalComponentProps": {},
2756
+ "motionVarPrefixes": []
2757
+ },
2758
+ "PopoverContent": {
2759
+ "name": "PopoverContent",
2760
+ "defaultProps": {},
2761
+ "getStylesLiterals": {
2762
+ "popoverSizeRoot": "default",
2763
+ "popoverVariantRoot": "default",
2764
+ "display": "flex",
2765
+ "position": "relative",
2766
+ "display:1": "block",
2767
+ "spacingTop": "0",
2768
+ "spacingStart": "0",
2769
+ "spacingBottom": "0",
2770
+ "spacingEnd": "0",
2771
+ "popoverSizeSvgBase": "default",
2772
+ "popoverVariantSvgBase": "default",
2773
+ "popoverSizeSvgBorder": "default",
2774
+ "popoverVariantSvgBorder": "default",
2775
+ "popoverVariantBlur": "default",
2776
+ "position:1": "absolute",
2777
+ "width": "full",
2778
+ "height": "full",
2779
+ "flexShrink": "0",
2780
+ "borderRadius": "full",
2781
+ "alignItems": "center",
2782
+ "justifyContent": "center",
2783
+ "popoverVariantCloseIcon": "default",
2784
+ "popoverSizeCloseIcon": "default"
2785
+ },
2786
+ "cxLiterals": [
2787
+ "z-[9999]",
2788
+ "outline-none",
2789
+ "focus-visible:outline-none",
2790
+ "uds-bgBlurFillFallback",
2791
+ "uds-bgBlurFallback",
2792
+ "top-0",
2793
+ "left-0",
2794
+ "z-[1]",
2795
+ "duration-0",
2796
+ "duration-120",
2797
+ "transition-[background-color]",
2798
+ "bg-carbon-15/0",
2799
+ "hover:bg-carbon-15/10",
2800
+ "active:bg-carbon-15/15",
2801
+ "uds-ring",
2802
+ "absolute",
2803
+ "z-[4]"
2804
+ ],
2805
+ "internalComponents": [
2806
+ "PopoverDismiss",
2807
+ "IconSlot",
2808
+ "PopoverArrow",
2809
+ "Popover",
2810
+ "SvgFloatingOverlay",
2811
+ "Box",
2812
+ "Pressable"
2813
+ ],
2814
+ "internalComponentProps": {},
2815
+ "propToVariantKeys": {
2816
+ "closeIcon": [
2817
+ "icon"
2818
+ ]
2819
+ },
2820
+ "runtimeConfigDefaultProps": {
2821
+ "size": "popover.defaultSize",
2822
+ "variant": "popover.defaultVariant"
2823
+ },
2824
+ "runtimeConfigGetStyles": {
2825
+ "spacingTop": [
2826
+ "popover.spacingVertical.${size}"
2827
+ ],
2828
+ "spacingStart": [
2829
+ "popover.spacingHorizontal.${size}"
2830
+ ],
2831
+ "spacingBottom": [
2832
+ "popover.spacingVertical.${size}"
2833
+ ],
2834
+ "spacingEnd": [
2835
+ "popover.spacingHorizontal.${size}"
2836
+ ]
2837
+ },
2838
+ "runtimeConfigInternalComponentProps": {
2839
2839
  "SvgFloatingOverlay": {
2840
2840
  "borderRadius": [
2841
2841
  "popover.borderRadius.${size}"
@@ -3048,383 +3048,359 @@
3048
3048
  "runtimeConfigInternalComponentProps": {},
3049
3049
  "motionVarPrefixes": []
3050
3050
  },
3051
- "Tab": {
3052
- "name": "Tab",
3053
- "defaultProps": {
3054
- "variant": "primary"
3055
- },
3056
- "getStylesLiterals": {
3057
- "tabSizeRoot": "default",
3058
- "tabVariantActiveRoot": "off",
3059
- "tabVariantActiveRoot:1": "on",
3060
- "tabSizeIcon": "default"
3061
- },
3062
- "cxLiterals": [
3063
- "pointer-events-none",
3064
- "absolute",
3065
- "bottom-0",
3066
- "left-0",
3067
- "right-0",
3068
- "h-[var(--uds-tab-underline-width,0px)]",
3069
- "bg-[var(--uds-tab-underline-color,transparent)]",
3070
- "transition-[height,background-color]",
3071
- "duration-[240ms]",
3072
- "ease-[cubic-bezier(0.2,0,0,1)]",
3073
- "!bg-transparent",
3074
- "!shadow-none",
3075
- "inline-flex",
3076
- "items-center",
3077
- "shrink-0",
3078
- "box-border",
3079
- "relative",
3080
- "z-[1]",
3081
- "cursor-pointer",
3082
- "select-none",
3083
- "whitespace-nowrap",
3084
- "uds-ring",
3085
- "opacity-50",
3086
- "cursor-default",
3087
- "border-solid",
3088
- "border-b-solid",
3089
- "transition-colors"
3090
- ],
3051
+ "UDSBreakpointsConfigProvider": {
3052
+ "name": "UDSBreakpointsConfigProvider",
3053
+ "defaultProps": {},
3054
+ "getStylesLiterals": {},
3055
+ "cxLiterals": [],
3091
3056
  "internalComponents": [
3092
- "IconSlot",
3093
- "AriakitTab",
3094
- "Text"
3057
+ "UDSBreakpointsConfigContext.Provider"
3095
3058
  ],
3096
- "internalComponentProps": {
3097
- "Text": {
3098
- "variant": [
3099
- "inherit"
3100
- ],
3101
- "as": [
3102
- "span"
3103
- ],
3104
- "color": [
3105
- "current"
3106
- ]
3107
- }
3108
- },
3109
- "propToVariantKeys": {
3110
- "variant": [
3111
- "tabVariantRoot",
3112
- "tabVariantIcon"
3113
- ],
3114
- "activeState": [
3115
- "tabVariantActiveIcon"
3116
- ],
3117
- "startIcon": [
3118
- "icon"
3119
- ],
3120
- "endIcon": [
3121
- "icon"
3122
- ]
3123
- },
3059
+ "internalComponentProps": {},
3060
+ "propToVariantKeys": {},
3124
3061
  "runtimeConfigDefaultProps": {},
3125
3062
  "runtimeConfigGetStyles": {},
3126
3063
  "runtimeConfigInternalComponentProps": {},
3127
3064
  "motionVarPrefixes": []
3128
3065
  },
3129
- "TabList": {
3130
- "name": "TabList",
3131
- "defaultProps": {
3132
- "variant": "primary"
3133
- },
3134
- "getStylesLiterals": {
3135
- "tabSizeRoot": "default",
3136
- "tabVariantActiveRoot": "on"
3137
- },
3138
- "cxLiterals": [
3139
- "pointer-events-none",
3140
- "absolute",
3141
- "bottom-0",
3142
- "left-0",
3143
- "right-0",
3144
- "h-[var(--uds-tab-underline-width,0px)]",
3145
- "bg-[var(--uds-tab-underline-color,transparent)]",
3146
- "transition-[height,background-color]",
3147
- "duration-[240ms]",
3148
- "ease-[cubic-bezier(0.2,0,0,1)]",
3149
- "!m-0",
3150
- "!p-0",
3151
- "!gap-0",
3152
- "box-border",
3153
- "z-0",
3154
- "min-w-0",
3155
- "min-h-0",
3156
- "flex",
3157
- "flex-row",
3158
- "items-center",
3159
- "overflow-x-auto",
3160
- "overflow-y-clip",
3161
- "scrollbar-none",
3162
- "[overflow-clip-margin:6px]",
3163
- "overflow-clip",
3164
- "[overflow-clip-margin:8px]",
3165
- "relative",
3166
- "left",
3167
- "240ms",
3168
- "cubic-bezier(0.2,",
3169
- "0,",
3170
- "1),",
3171
- "top",
3172
- "width",
3173
- "height",
3174
- "1)",
3175
- "--uds-tab-underline-color",
3176
- "--uds-tab-underline-width"
3177
- ],
3066
+ "UDSConfigProvider": {
3067
+ "name": "UDSConfigProvider",
3068
+ "defaultProps": {},
3069
+ "getStylesLiterals": {},
3070
+ "cxLiterals": [],
3178
3071
  "internalComponents": [
3179
- "AriakitTabList"
3072
+ "UDSBreakpointsConfigProvider",
3073
+ "UDSBottomSheetConfigProvider",
3074
+ "UDSToastConfigProvider",
3075
+ "UDSTooltipConfigProvider",
3076
+ "UDSPopoverConfigProvider",
3077
+ "UDSModalConfigProvider"
3180
3078
  ],
3181
3079
  "internalComponentProps": {},
3182
- "propToVariantKeys": {
3183
- "variant": [
3184
- "tabsVariantRoot",
3185
- "tabVariantRoot"
3186
- ]
3187
- },
3080
+ "propToVariantKeys": {},
3188
3081
  "runtimeConfigDefaultProps": {},
3189
3082
  "runtimeConfigGetStyles": {},
3190
3083
  "runtimeConfigInternalComponentProps": {},
3191
3084
  "motionVarPrefixes": []
3192
3085
  },
3193
- "TabPanel": {
3194
- "name": "TabPanel",
3195
- "defaultProps": {},
3086
+ "Accordion": {
3087
+ "name": "Accordion",
3088
+ "defaultProps": {
3089
+ "spacingHorizontal": "4",
3090
+ "spacingVertical": "4"
3091
+ },
3196
3092
  "getStylesLiterals": {},
3197
- "cxLiterals": [],
3093
+ "cxLiterals": [
3094
+ "hover:bg-secondary/80",
3095
+ "w-full"
3096
+ ],
3198
3097
  "internalComponents": [
3199
- "AriakitTabPanel"
3098
+ "Icon",
3099
+ "SpringMotionConfig",
3100
+ "Pressable",
3101
+ "Text",
3102
+ "HStack",
3103
+ "AnimatePresence",
3104
+ "VStack"
3200
3105
  ],
3201
- "internalComponentProps": {},
3106
+ "internalComponentProps": {
3107
+ "Icon": {
3108
+ "variant": [
3109
+ "fill"
3110
+ ],
3111
+ "size": [
3112
+ "sm"
3113
+ ],
3114
+ "color": [
3115
+ "primary"
3116
+ ]
3117
+ },
3118
+ "SpringMotionConfig": {
3119
+ "layoutVariant": [
3120
+ "smooth"
3121
+ ],
3122
+ "layoutSpeed": [
3123
+ "3"
3124
+ ]
3125
+ },
3126
+ "Pressable": {
3127
+ "display": [
3128
+ "flex"
3129
+ ],
3130
+ "flexDirection": [
3131
+ "row"
3132
+ ],
3133
+ "alignItems": [
3134
+ "center"
3135
+ ],
3136
+ "justifyContent": [
3137
+ "space-between"
3138
+ ],
3139
+ "borderRadius": [
3140
+ "md"
3141
+ ]
3142
+ },
3143
+ "Text": {
3144
+ "variant": [
3145
+ "title4"
3146
+ ],
3147
+ "color": [
3148
+ "primary"
3149
+ ]
3150
+ },
3151
+ "HStack": {
3152
+ "display": [
3153
+ "flex"
3154
+ ],
3155
+ "alignItems": [
3156
+ "center"
3157
+ ],
3158
+ "justifyContent": [
3159
+ "space-between"
3160
+ ],
3161
+ "columnGap": [
3162
+ "2.5"
3163
+ ]
3164
+ }
3165
+ },
3202
3166
  "propToVariantKeys": {},
3203
3167
  "runtimeConfigDefaultProps": {},
3204
3168
  "runtimeConfigGetStyles": {},
3205
3169
  "runtimeConfigInternalComponentProps": {},
3206
- "motionVarPrefixes": []
3170
+ "motionVarPrefixes": [
3171
+ "--uds-motion-smooth-3-"
3172
+ ]
3207
3173
  },
3208
- "Tabs": {
3209
- "name": "Tabs",
3210
- "defaultProps": {
3211
- "variant": "primary"
3212
- },
3174
+ "AvoidMotionLibraryProvider": {
3175
+ "name": "AvoidMotionLibraryProvider",
3176
+ "defaultProps": {},
3213
3177
  "getStylesLiterals": {},
3214
3178
  "cxLiterals": [],
3215
- "internalComponents": [
3216
- "TabsContext.Provider",
3217
- "TabProvider"
3218
- ],
3179
+ "internalComponents": [],
3219
3180
  "internalComponentProps": {},
3220
- "propToVariantKeys": {
3221
- "onSelectionChange": [
3222
- "setSelectedId"
3223
- ]
3224
- },
3181
+ "propToVariantKeys": {},
3225
3182
  "runtimeConfigDefaultProps": {},
3226
3183
  "runtimeConfigGetStyles": {},
3227
3184
  "runtimeConfigInternalComponentProps": {},
3228
3185
  "motionVarPrefixes": []
3229
3186
  },
3230
- "Toast": {
3231
- "name": "Toast",
3232
- "defaultProps": {},
3187
+ "SegmentedControl": {
3188
+ "name": "SegmentedControl",
3189
+ "defaultProps": {
3190
+ "textVariant": "label2"
3191
+ },
3233
3192
  "getStylesLiterals": {
3234
- "className": "animate-spin",
3235
- "className:1": "flex-none",
3236
- "spacing": "2",
3237
- "borderRadius": "full"
3193
+ "display": "flex",
3194
+ "alignItems": "center",
3195
+ "backgroundColor": "primary",
3196
+ "spacingVertical": "1",
3197
+ "spacingHorizontal": "3",
3198
+ "columnGap": "1.5",
3199
+ "borderWidth": "thin",
3200
+ "borderRadius": "full",
3201
+ "borderColor": "muted",
3202
+ "borderColor:1": "transparent",
3203
+ "color": "primary",
3204
+ "color:1": "tertiary",
3205
+ "color:2": "muted"
3238
3206
  },
3239
3207
  "cxLiterals": [
3240
- "duration-0",
3241
- "duration-120",
3242
- "transition-[background-color]",
3243
- "bg-carbon-15/0",
3244
- "hover:bg-carbon-15/10",
3245
- "active:bg-carbon-15/15",
3246
- "uds-ring"
3208
+ "uds-ring",
3209
+ "cursor-not-allowed",
3210
+ "opacity-50",
3211
+ "pointer-events-none",
3212
+ "hover:bg-primary"
3247
3213
  ],
3248
3214
  "internalComponents": [
3249
- "IconSlot",
3250
- "ToastContainer",
3251
- "Text",
3252
- "Button",
3253
- "Pressable"
3215
+ "Radio",
3216
+ "Icon",
3217
+ "RadioProvider",
3218
+ "HStack",
3219
+ "RadioGroup",
3220
+ "Pressable",
3221
+ "Text"
3254
3222
  ],
3255
- "internalComponentProps": {},
3256
- "propToVariantKeys": {
3257
- "size": [
3258
- "toastSizeLabel",
3259
- "toastSizeIcon",
3260
- "toastSizeActionButton",
3261
- "toastSizeCloseIcon"
3262
- ],
3263
- "variant": [
3264
- "toastVariantIcon",
3265
- "toastVariantActionButton",
3266
- "toastVariantCloseIcon"
3267
- ],
3268
- "closeIcon": [
3269
- "icon"
3270
- ],
3271
- "onClickActionButton": [
3272
- "onClick"
3273
- ]
3274
- },
3275
- "runtimeConfigDefaultProps": {
3276
- "size": "toast.defaultSize",
3277
- "variant": "toast.defaultVariant"
3278
- },
3279
- "runtimeConfigGetStyles": {
3280
- "toastSizeLabel": [
3281
- "toast.defaultSize"
3282
- ],
3283
- "toastVariantIcon": [
3284
- "toast.defaultVariant"
3285
- ],
3286
- "toastSizeIcon": [
3287
- "toast.defaultSize"
3288
- ],
3289
- "toastSizeActionButton": [
3290
- "toast.defaultSize"
3291
- ],
3292
- "toastVariantActionButton": [
3293
- "toast.defaultVariant"
3294
- ],
3295
- "toastVariantCloseIcon": [
3296
- "toast.defaultVariant"
3297
- ],
3298
- "toastSizeCloseIcon": [
3299
- "toast.defaultSize"
3300
- ]
3301
- },
3302
- "runtimeConfigInternalComponentProps": {
3303
- "ToastContainer": {
3223
+ "internalComponentProps": {
3224
+ "Icon": {
3304
3225
  "size": [
3305
- "toast.defaultSize"
3226
+ "sm"
3306
3227
  ],
3307
- "variant": [
3308
- "toast.defaultVariant"
3228
+ "color": [
3229
+ "current"
3230
+ ],
3231
+ "aria-hidden": [
3232
+ "true"
3233
+ ]
3234
+ },
3235
+ "HStack": {
3236
+ "spacing": [
3237
+ "1"
3238
+ ],
3239
+ "gap": [
3240
+ "1"
3241
+ ],
3242
+ "backgroundColor": [
3243
+ "secondary"
3244
+ ],
3245
+ "borderRadius": [
3246
+ "full"
3247
+ ],
3248
+ "display": [
3249
+ "inline-flex"
3309
3250
  ]
3310
3251
  },
3311
3252
  "Text": {
3312
- "variant": [
3313
- "toast.textVariant.${size}"
3314
- ],
3315
3253
  "color": [
3316
- "toast.textColor.${variant}"
3317
- ]
3318
- },
3319
- "Button": {
3320
- "size": [
3321
- "toast.buttonSize.${size}"
3322
- ],
3323
- "variant": [
3324
- "toast.buttonVariant.${variant}"
3254
+ "current"
3325
3255
  ]
3326
3256
  }
3327
3257
  },
3258
+ "propToVariantKeys": {
3259
+ "value": [
3260
+ "key"
3261
+ ],
3262
+ "label": [
3263
+ "aria-label"
3264
+ ],
3265
+ "textVariant": [
3266
+ "variant"
3267
+ ]
3268
+ },
3269
+ "runtimeConfigDefaultProps": {},
3270
+ "runtimeConfigGetStyles": {},
3271
+ "runtimeConfigInternalComponentProps": {},
3328
3272
  "motionVarPrefixes": []
3329
3273
  },
3330
- "ToastContainer": {
3331
- "name": "ToastContainer",
3332
- "defaultProps": {},
3274
+ "SwitchV2": {
3275
+ "name": "SwitchV2",
3276
+ "defaultProps": {
3277
+ "labelPosition": "start",
3278
+ "size": "md"
3279
+ },
3333
3280
  "getStylesLiterals": {
3334
- "position": "relative",
3335
- "alignItems": "center",
3336
- "display": "flex",
3337
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3281
+ "switchVariantRoot": "default",
3282
+ "switchVariantActiveRoot": "on",
3283
+ "switchVariantActiveRoot:1": "off",
3284
+ "switchVariantSwitch": "default",
3285
+ "switchVariantActiveSwitch": "on",
3286
+ "switchVariantActiveSwitch:1": "off",
3287
+ "switchVariantActiveHandle": "on",
3288
+ "switchVariantActiveHandle:1": "off",
3289
+ "switchVariantHandle": "default",
3290
+ "switchVariantHandleIcon": "default",
3291
+ "switchVariantActiveHandleIcon": "on",
3292
+ "switchVariantActiveHandleIcon:1": "off"
3338
3293
  },
3339
3294
  "cxLiterals": [
3340
- "w-full"
3295
+ "group",
3296
+ "flex",
3297
+ "items-center",
3298
+ "flex-row",
3299
+ "flex-row-reverse",
3300
+ "uds-ring",
3301
+ "uds-ring-within",
3302
+ "relative",
3303
+ "uds-border-radius-full",
3304
+ "transition-[background-color,box-shadow]",
3305
+ "pointer-events-none",
3306
+ "w-full",
3307
+ "h-full",
3308
+ "absolute",
3309
+ "top-0",
3310
+ "bottom-0",
3311
+ "right-0",
3312
+ "left-0",
3313
+ "overflow-hidden",
3314
+ "group-hover:scale-105",
3315
+ "opacity-95",
3316
+ "group-hover:opacity-100",
3317
+ "transition-[transform,opacity]",
3318
+ "opacity-0",
3319
+ "top-1/2",
3320
+ "left-1/2",
3321
+ "transform",
3322
+ "translate-x-[-50%]",
3323
+ "translate-y-[-50%]",
3324
+ "transition-opacity",
3325
+ "cursor-[inherit]",
3326
+ "w-[calc(100%+2px)]",
3327
+ "h-[calc(100%+2px)]",
3328
+ "text-start",
3329
+ "text-end",
3330
+ "opacity-100"
3341
3331
  ],
3342
3332
  "internalComponents": [
3343
- "HStack"
3333
+ "IconSlot",
3334
+ "Box",
3335
+ "FormLabel",
3336
+ "SpringMotionConfig",
3337
+ "RootElement",
3338
+ "MotionBox"
3344
3339
  ],
3345
3340
  "internalComponentProps": {
3346
- "HStack": {
3347
- "alignItems": [
3348
- "center"
3341
+ "IconSlot": {
3342
+ "data-testid": [
3343
+ "on-icon",
3344
+ "off-icon"
3345
+ ]
3346
+ },
3347
+ "FormLabel": {
3348
+ "as": [
3349
+ "div"
3349
3350
  ],
3350
- "justifyContent": [
3351
- "space-between"
3351
+ "variant": [
3352
+ "inherit"
3352
3353
  ],
3353
- "overflow": [
3354
- "hidden"
3354
+ "color": [
3355
+ "inherit"
3356
+ ]
3357
+ },
3358
+ "SpringMotionConfig": {
3359
+ "layoutVariant": [
3360
+ "bouncy"
3355
3361
  ],
3356
- "position": [
3357
- "relative"
3362
+ "layoutSpeed": [
3363
+ "4"
3364
+ ]
3365
+ },
3366
+ "RootElement": {
3367
+ "data-testid": [
3368
+ "switch-root"
3369
+ ]
3370
+ },
3371
+ "MotionBox": {
3372
+ "layout": [
3373
+ "position"
3358
3374
  ]
3359
3375
  }
3360
3376
  },
3361
3377
  "propToVariantKeys": {
3362
- "variant": [
3363
- "toastVariantRoot"
3364
- ],
3365
3378
  "size": [
3366
- "toastSizeRoot"
3367
- ]
3368
- },
3369
- "runtimeConfigDefaultProps": {
3370
- "size": "toast.defaultSize",
3371
- "variant": "toast.defaultVariant"
3372
- },
3373
- "runtimeConfigGetStyles": {
3374
- "toastVariantRoot": [
3375
- "toast.defaultVariant"
3379
+ "switchSizeRoot",
3380
+ "switchSizeSwitch",
3381
+ "switchSizeHandle",
3382
+ "switchSizeHandleIcon"
3376
3383
  ],
3377
- "toastSizeRoot": [
3378
- "toast.defaultSize"
3384
+ "onIcon": [
3385
+ "icon"
3386
+ ],
3387
+ "offIcon": [
3388
+ "icon"
3389
+ ],
3390
+ "reduceMotion": [
3391
+ "reducedMotion"
3392
+ ],
3393
+ "isOn": [
3394
+ "layoutDependency"
3379
3395
  ]
3380
3396
  },
3381
- "runtimeConfigInternalComponentProps": {
3382
- "HStack": {
3383
- "backgroundColor": [
3384
- "toast.backgroundColor.${variant}"
3385
- ]
3386
- }
3387
- },
3388
- "motionVarPrefixes": []
3389
- },
3390
- "ToastPortal": {
3391
- "name": "ToastPortal",
3392
- "defaultProps": {},
3393
- "getStylesLiterals": {},
3394
- "cxLiterals": [],
3395
- "internalComponents": [
3396
- "ReactToastifyToastContainer"
3397
- ],
3398
- "internalComponentProps": {},
3399
- "propToVariantKeys": {},
3400
- "runtimeConfigDefaultProps": {
3401
- "size": "toast.defaultSize",
3402
- "variant": "toast.defaultVariant"
3403
- },
3404
- "runtimeConfigGetStyles": {},
3405
- "runtimeConfigInternalComponentProps": {
3406
- "ReactToastifyToastContainer": {
3407
- "autoClose": [
3408
- "toast.autoClose"
3409
- ]
3410
- }
3411
- },
3412
- "motionVarPrefixes": []
3413
- },
3414
- "UDSToastConfigProvider": {
3415
- "name": "UDSToastConfigProvider",
3416
- "defaultProps": {},
3417
- "getStylesLiterals": {},
3418
- "cxLiterals": [],
3419
- "internalComponents": [
3420
- "ToastContext.Provider"
3421
- ],
3422
- "internalComponentProps": {},
3423
- "propToVariantKeys": {},
3424
3397
  "runtimeConfigDefaultProps": {},
3425
3398
  "runtimeConfigGetStyles": {},
3426
3399
  "runtimeConfigInternalComponentProps": {},
3427
- "motionVarPrefixes": []
3400
+ "motionVarPrefixes": [
3401
+ "--uds-motion-bouncy-4-",
3402
+ "--uds-motion-smooth-3-"
3403
+ ]
3428
3404
  },
3429
3405
  "Tooltip": {
3430
3406
  "name": "Tooltip",
@@ -3561,135 +3537,198 @@
3561
3537
  "runtimeConfigInternalComponentProps": {},
3562
3538
  "motionVarPrefixes": []
3563
3539
  },
3564
- "UDSBreakpointsConfigProvider": {
3565
- "name": "UDSBreakpointsConfigProvider",
3566
- "defaultProps": {},
3567
- "getStylesLiterals": {},
3568
- "cxLiterals": [],
3569
- "internalComponents": [
3570
- "UDSBreakpointsConfigContext.Provider"
3571
- ],
3572
- "internalComponentProps": {},
3573
- "propToVariantKeys": {},
3574
- "runtimeConfigDefaultProps": {},
3575
- "runtimeConfigGetStyles": {},
3576
- "runtimeConfigInternalComponentProps": {},
3577
- "motionVarPrefixes": []
3578
- },
3579
- "UDSConfigProvider": {
3580
- "name": "UDSConfigProvider",
3540
+ "Toast": {
3541
+ "name": "Toast",
3581
3542
  "defaultProps": {},
3582
- "getStylesLiterals": {},
3583
- "cxLiterals": [],
3584
- "internalComponents": [
3585
- "UDSBreakpointsConfigProvider",
3586
- "UDSBottomSheetConfigProvider",
3587
- "UDSToastConfigProvider",
3588
- "UDSTooltipConfigProvider",
3589
- "UDSPopoverConfigProvider",
3590
- "UDSModalConfigProvider"
3591
- ],
3592
- "internalComponentProps": {},
3593
- "propToVariantKeys": {},
3594
- "runtimeConfigDefaultProps": {},
3595
- "runtimeConfigGetStyles": {},
3596
- "runtimeConfigInternalComponentProps": {},
3597
- "motionVarPrefixes": []
3598
- },
3599
- "Accordion": {
3600
- "name": "Accordion",
3601
- "defaultProps": {
3602
- "spacingHorizontal": "4",
3603
- "spacingVertical": "4"
3543
+ "getStylesLiterals": {
3544
+ "className": "animate-spin",
3545
+ "className:1": "flex-none",
3546
+ "spacing": "2",
3547
+ "borderRadius": "full"
3604
3548
  },
3605
- "getStylesLiterals": {},
3606
3549
  "cxLiterals": [
3607
- "hover:bg-secondary/80",
3608
- "w-full"
3550
+ "duration-0",
3551
+ "duration-120",
3552
+ "transition-[background-color]",
3553
+ "bg-carbon-15/0",
3554
+ "hover:bg-carbon-15/10",
3555
+ "active:bg-carbon-15/15",
3556
+ "uds-ring"
3609
3557
  ],
3610
3558
  "internalComponents": [
3611
- "Icon",
3612
- "SpringMotionConfig",
3613
- "Pressable",
3559
+ "IconSlot",
3560
+ "ToastContainer",
3614
3561
  "Text",
3615
- "HStack",
3616
- "AnimatePresence",
3617
- "VStack"
3562
+ "Button",
3563
+ "Pressable"
3618
3564
  ],
3619
- "internalComponentProps": {
3620
- "Icon": {
3621
- "variant": [
3622
- "fill"
3623
- ],
3565
+ "internalComponentProps": {},
3566
+ "propToVariantKeys": {
3567
+ "size": [
3568
+ "toastSizeLabel",
3569
+ "toastSizeIcon",
3570
+ "toastSizeActionButton",
3571
+ "toastSizeCloseIcon"
3572
+ ],
3573
+ "variant": [
3574
+ "toastVariantIcon",
3575
+ "toastVariantActionButton",
3576
+ "toastVariantCloseIcon"
3577
+ ],
3578
+ "closeIcon": [
3579
+ "icon"
3580
+ ],
3581
+ "onClickActionButton": [
3582
+ "onClick"
3583
+ ]
3584
+ },
3585
+ "runtimeConfigDefaultProps": {
3586
+ "size": "toast.defaultSize",
3587
+ "variant": "toast.defaultVariant"
3588
+ },
3589
+ "runtimeConfigGetStyles": {
3590
+ "toastSizeLabel": [
3591
+ "toast.defaultSize"
3592
+ ],
3593
+ "toastVariantIcon": [
3594
+ "toast.defaultVariant"
3595
+ ],
3596
+ "toastSizeIcon": [
3597
+ "toast.defaultSize"
3598
+ ],
3599
+ "toastSizeActionButton": [
3600
+ "toast.defaultSize"
3601
+ ],
3602
+ "toastVariantActionButton": [
3603
+ "toast.defaultVariant"
3604
+ ],
3605
+ "toastVariantCloseIcon": [
3606
+ "toast.defaultVariant"
3607
+ ],
3608
+ "toastSizeCloseIcon": [
3609
+ "toast.defaultSize"
3610
+ ]
3611
+ },
3612
+ "runtimeConfigInternalComponentProps": {
3613
+ "ToastContainer": {
3624
3614
  "size": [
3625
- "sm"
3626
- ],
3627
- "color": [
3628
- "primary"
3629
- ]
3630
- },
3631
- "SpringMotionConfig": {
3632
- "layoutVariant": [
3633
- "smooth"
3634
- ],
3635
- "layoutSpeed": [
3636
- "3"
3637
- ]
3638
- },
3639
- "Pressable": {
3640
- "display": [
3641
- "flex"
3642
- ],
3643
- "flexDirection": [
3644
- "row"
3645
- ],
3646
- "alignItems": [
3647
- "center"
3648
- ],
3649
- "justifyContent": [
3650
- "space-between"
3615
+ "toast.defaultSize"
3651
3616
  ],
3652
- "borderRadius": [
3653
- "md"
3617
+ "variant": [
3618
+ "toast.defaultVariant"
3654
3619
  ]
3655
3620
  },
3656
3621
  "Text": {
3657
3622
  "variant": [
3658
- "title4"
3623
+ "toast.textVariant.${size}"
3659
3624
  ],
3660
3625
  "color": [
3661
- "primary"
3626
+ "toast.textColor.${variant}"
3662
3627
  ]
3663
3628
  },
3664
- "HStack": {
3665
- "display": [
3666
- "flex"
3629
+ "Button": {
3630
+ "size": [
3631
+ "toast.buttonSize.${size}"
3667
3632
  ],
3633
+ "variant": [
3634
+ "toast.buttonVariant.${variant}"
3635
+ ]
3636
+ }
3637
+ },
3638
+ "motionVarPrefixes": []
3639
+ },
3640
+ "ToastContainer": {
3641
+ "name": "ToastContainer",
3642
+ "defaultProps": {},
3643
+ "getStylesLiterals": {
3644
+ "position": "relative",
3645
+ "alignItems": "center",
3646
+ "display": "flex",
3647
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3648
+ },
3649
+ "cxLiterals": [
3650
+ "w-full"
3651
+ ],
3652
+ "internalComponents": [
3653
+ "HStack"
3654
+ ],
3655
+ "internalComponentProps": {
3656
+ "HStack": {
3668
3657
  "alignItems": [
3669
3658
  "center"
3670
3659
  ],
3671
3660
  "justifyContent": [
3672
3661
  "space-between"
3673
3662
  ],
3674
- "columnGap": [
3675
- "2.5"
3663
+ "overflow": [
3664
+ "hidden"
3665
+ ],
3666
+ "position": [
3667
+ "relative"
3668
+ ]
3669
+ }
3670
+ },
3671
+ "propToVariantKeys": {
3672
+ "variant": [
3673
+ "toastVariantRoot"
3674
+ ],
3675
+ "size": [
3676
+ "toastSizeRoot"
3677
+ ]
3678
+ },
3679
+ "runtimeConfigDefaultProps": {
3680
+ "size": "toast.defaultSize",
3681
+ "variant": "toast.defaultVariant"
3682
+ },
3683
+ "runtimeConfigGetStyles": {
3684
+ "toastVariantRoot": [
3685
+ "toast.defaultVariant"
3686
+ ],
3687
+ "toastSizeRoot": [
3688
+ "toast.defaultSize"
3689
+ ]
3690
+ },
3691
+ "runtimeConfigInternalComponentProps": {
3692
+ "HStack": {
3693
+ "backgroundColor": [
3694
+ "toast.backgroundColor.${variant}"
3676
3695
  ]
3677
3696
  }
3678
3697
  },
3698
+ "motionVarPrefixes": []
3699
+ },
3700
+ "ToastPortal": {
3701
+ "name": "ToastPortal",
3702
+ "defaultProps": {},
3703
+ "getStylesLiterals": {},
3704
+ "cxLiterals": [],
3705
+ "internalComponents": [
3706
+ "ReactToastifyToastContainer"
3707
+ ],
3708
+ "internalComponentProps": {},
3679
3709
  "propToVariantKeys": {},
3680
- "runtimeConfigDefaultProps": {},
3710
+ "runtimeConfigDefaultProps": {
3711
+ "size": "toast.defaultSize",
3712
+ "variant": "toast.defaultVariant"
3713
+ },
3681
3714
  "runtimeConfigGetStyles": {},
3682
- "runtimeConfigInternalComponentProps": {},
3683
- "motionVarPrefixes": [
3684
- "--uds-motion-smooth-3-"
3685
- ]
3715
+ "runtimeConfigInternalComponentProps": {
3716
+ "ReactToastifyToastContainer": {
3717
+ "autoClose": [
3718
+ "toast.autoClose"
3719
+ ]
3720
+ }
3721
+ },
3722
+ "motionVarPrefixes": []
3686
3723
  },
3687
- "AvoidMotionLibraryProvider": {
3688
- "name": "AvoidMotionLibraryProvider",
3724
+ "UDSToastConfigProvider": {
3725
+ "name": "UDSToastConfigProvider",
3689
3726
  "defaultProps": {},
3690
3727
  "getStylesLiterals": {},
3691
3728
  "cxLiterals": [],
3692
- "internalComponents": [],
3729
+ "internalComponents": [
3730
+ "ToastContext.Provider"
3731
+ ],
3693
3732
  "internalComponentProps": {},
3694
3733
  "propToVariantKeys": {},
3695
3734
  "runtimeConfigDefaultProps": {},
@@ -3697,86 +3736,77 @@
3697
3736
  "runtimeConfigInternalComponentProps": {},
3698
3737
  "motionVarPrefixes": []
3699
3738
  },
3700
- "SegmentedControl": {
3701
- "name": "SegmentedControl",
3739
+ "Tab": {
3740
+ "name": "Tab",
3702
3741
  "defaultProps": {
3703
- "textVariant": "label2"
3742
+ "variant": "primary"
3704
3743
  },
3705
3744
  "getStylesLiterals": {
3706
- "display": "flex",
3707
- "alignItems": "center",
3708
- "backgroundColor": "primary",
3709
- "spacingVertical": "1",
3710
- "spacingHorizontal": "3",
3711
- "columnGap": "1.5",
3712
- "borderWidth": "thin",
3713
- "borderRadius": "full",
3714
- "borderColor": "muted",
3715
- "borderColor:1": "transparent",
3716
- "color": "primary",
3717
- "color:1": "tertiary",
3718
- "color:2": "muted"
3745
+ "tabSizeRoot": "default",
3746
+ "tabVariantActiveRoot": "off",
3747
+ "tabVariantActiveRoot:1": "on",
3748
+ "tabSizeIcon": "default"
3719
3749
  },
3720
3750
  "cxLiterals": [
3751
+ "pointer-events-none",
3752
+ "absolute",
3753
+ "bottom-0",
3754
+ "left-0",
3755
+ "right-0",
3756
+ "h-[var(--uds-tab-underline-width,0px)]",
3757
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3758
+ "transition-[height,background-color]",
3759
+ "duration-[240ms]",
3760
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3761
+ "!bg-transparent",
3762
+ "!shadow-none",
3763
+ "inline-flex",
3764
+ "items-center",
3765
+ "shrink-0",
3766
+ "box-border",
3767
+ "relative",
3768
+ "z-[1]",
3769
+ "cursor-pointer",
3770
+ "select-none",
3771
+ "whitespace-nowrap",
3721
3772
  "uds-ring",
3722
- "cursor-not-allowed",
3723
3773
  "opacity-50",
3724
- "pointer-events-none",
3725
- "hover:bg-primary"
3774
+ "cursor-default",
3775
+ "border-solid",
3776
+ "border-b-solid",
3777
+ "transition-colors"
3726
3778
  ],
3727
3779
  "internalComponents": [
3728
- "Radio",
3729
- "Icon",
3730
- "RadioProvider",
3731
- "HStack",
3732
- "RadioGroup",
3733
- "Pressable",
3780
+ "IconSlot",
3781
+ "AriakitTab",
3734
3782
  "Text"
3735
3783
  ],
3736
3784
  "internalComponentProps": {
3737
- "Icon": {
3738
- "size": [
3739
- "sm"
3740
- ],
3741
- "color": [
3742
- "current"
3743
- ],
3744
- "aria-hidden": [
3745
- "true"
3746
- ]
3747
- },
3748
- "HStack": {
3749
- "spacing": [
3750
- "1"
3751
- ],
3752
- "gap": [
3753
- "1"
3754
- ],
3755
- "backgroundColor": [
3756
- "secondary"
3785
+ "Text": {
3786
+ "variant": [
3787
+ "inherit"
3757
3788
  ],
3758
- "borderRadius": [
3759
- "full"
3789
+ "as": [
3790
+ "span"
3760
3791
  ],
3761
- "display": [
3762
- "inline-flex"
3763
- ]
3764
- },
3765
- "Text": {
3766
3792
  "color": [
3767
3793
  "current"
3768
3794
  ]
3769
3795
  }
3770
3796
  },
3771
3797
  "propToVariantKeys": {
3772
- "value": [
3773
- "key"
3798
+ "variant": [
3799
+ "tabVariantRoot",
3800
+ "tabVariantIcon"
3774
3801
  ],
3775
- "label": [
3776
- "aria-label"
3802
+ "activeState": [
3803
+ "tabVariantActiveIcon"
3777
3804
  ],
3778
- "textVariant": [
3779
- "variant"
3805
+ "startIcon": [
3806
+ "icon"
3807
+ ],
3808
+ "endIcon": [
3809
+ "icon"
3780
3810
  ]
3781
3811
  },
3782
3812
  "runtimeConfigDefaultProps": {},
@@ -3784,135 +3814,105 @@
3784
3814
  "runtimeConfigInternalComponentProps": {},
3785
3815
  "motionVarPrefixes": []
3786
3816
  },
3787
- "SwitchV2": {
3788
- "name": "SwitchV2",
3817
+ "TabList": {
3818
+ "name": "TabList",
3789
3819
  "defaultProps": {
3790
- "labelPosition": "start",
3791
- "size": "md"
3820
+ "variant": "primary"
3792
3821
  },
3793
3822
  "getStylesLiterals": {
3794
- "switchVariantRoot": "default",
3795
- "switchVariantActiveRoot": "on",
3796
- "switchVariantActiveRoot:1": "off",
3797
- "switchVariantSwitch": "default",
3798
- "switchVariantActiveSwitch": "on",
3799
- "switchVariantActiveSwitch:1": "off",
3800
- "switchVariantActiveHandle": "on",
3801
- "switchVariantActiveHandle:1": "off",
3802
- "switchVariantHandle": "default",
3803
- "switchVariantHandleIcon": "default",
3804
- "switchVariantActiveHandleIcon": "on",
3805
- "switchVariantActiveHandleIcon:1": "off"
3823
+ "tabSizeRoot": "default",
3824
+ "tabVariantActiveRoot": "on"
3806
3825
  },
3807
3826
  "cxLiterals": [
3808
- "group",
3809
- "flex",
3810
- "items-center",
3811
- "flex-row",
3812
- "flex-row-reverse",
3813
- "uds-ring",
3814
- "uds-ring-within",
3815
- "relative",
3816
- "uds-border-radius-full",
3817
- "transition-[background-color,box-shadow]",
3818
3827
  "pointer-events-none",
3819
- "w-full",
3820
- "h-full",
3821
3828
  "absolute",
3822
- "top-0",
3823
3829
  "bottom-0",
3824
- "right-0",
3825
3830
  "left-0",
3826
- "overflow-hidden",
3827
- "group-hover:scale-105",
3828
- "opacity-95",
3829
- "group-hover:opacity-100",
3830
- "transition-[transform,opacity]",
3831
- "opacity-0",
3832
- "top-1/2",
3833
- "left-1/2",
3834
- "transform",
3835
- "translate-x-[-50%]",
3836
- "translate-y-[-50%]",
3837
- "transition-opacity",
3838
- "cursor-[inherit]",
3839
- "w-[calc(100%+2px)]",
3840
- "h-[calc(100%+2px)]",
3841
- "text-start",
3842
- "text-end",
3843
- "opacity-100"
3831
+ "right-0",
3832
+ "h-[var(--uds-tab-underline-width,0px)]",
3833
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3834
+ "transition-[height,background-color]",
3835
+ "duration-[240ms]",
3836
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3837
+ "!m-0",
3838
+ "!p-0",
3839
+ "!gap-0",
3840
+ "box-border",
3841
+ "z-0",
3842
+ "min-w-0",
3843
+ "min-h-0",
3844
+ "flex",
3845
+ "flex-row",
3846
+ "items-center",
3847
+ "overflow-x-auto",
3848
+ "overflow-y-clip",
3849
+ "scrollbar-none",
3850
+ "[overflow-clip-margin:6px]",
3851
+ "overflow-clip",
3852
+ "[overflow-clip-margin:8px]",
3853
+ "relative",
3854
+ "left",
3855
+ "240ms",
3856
+ "cubic-bezier(0.2,",
3857
+ "0,",
3858
+ "1),",
3859
+ "top",
3860
+ "width",
3861
+ "height",
3862
+ "1)",
3863
+ "--uds-tab-underline-color",
3864
+ "--uds-tab-underline-width"
3844
3865
  ],
3845
3866
  "internalComponents": [
3846
- "IconSlot",
3847
- "Box",
3848
- "FormLabel",
3849
- "SpringMotionConfig",
3850
- "RootElement",
3851
- "MotionBox"
3867
+ "AriakitTabList"
3852
3868
  ],
3853
- "internalComponentProps": {
3854
- "IconSlot": {
3855
- "data-testid": [
3856
- "on-icon",
3857
- "off-icon"
3858
- ]
3859
- },
3860
- "FormLabel": {
3861
- "as": [
3862
- "div"
3863
- ],
3864
- "variant": [
3865
- "inherit"
3866
- ],
3867
- "color": [
3868
- "inherit"
3869
- ]
3870
- },
3871
- "SpringMotionConfig": {
3872
- "layoutVariant": [
3873
- "bouncy"
3874
- ],
3875
- "layoutSpeed": [
3876
- "4"
3877
- ]
3878
- },
3879
- "RootElement": {
3880
- "data-testid": [
3881
- "switch-root"
3882
- ]
3883
- },
3884
- "MotionBox": {
3885
- "layout": [
3886
- "position"
3887
- ]
3888
- }
3869
+ "internalComponentProps": {},
3870
+ "propToVariantKeys": {
3871
+ "variant": [
3872
+ "tabsVariantRoot",
3873
+ "tabVariantRoot"
3874
+ ]
3875
+ },
3876
+ "runtimeConfigDefaultProps": {},
3877
+ "runtimeConfigGetStyles": {},
3878
+ "runtimeConfigInternalComponentProps": {},
3879
+ "motionVarPrefixes": []
3880
+ },
3881
+ "TabPanel": {
3882
+ "name": "TabPanel",
3883
+ "defaultProps": {},
3884
+ "getStylesLiterals": {},
3885
+ "cxLiterals": [],
3886
+ "internalComponents": [
3887
+ "AriakitTabPanel"
3888
+ ],
3889
+ "internalComponentProps": {},
3890
+ "propToVariantKeys": {},
3891
+ "runtimeConfigDefaultProps": {},
3892
+ "runtimeConfigGetStyles": {},
3893
+ "runtimeConfigInternalComponentProps": {},
3894
+ "motionVarPrefixes": []
3895
+ },
3896
+ "Tabs": {
3897
+ "name": "Tabs",
3898
+ "defaultProps": {
3899
+ "variant": "primary"
3889
3900
  },
3901
+ "getStylesLiterals": {},
3902
+ "cxLiterals": [],
3903
+ "internalComponents": [
3904
+ "TabsContext.Provider",
3905
+ "TabProvider"
3906
+ ],
3907
+ "internalComponentProps": {},
3890
3908
  "propToVariantKeys": {
3891
- "size": [
3892
- "switchSizeRoot",
3893
- "switchSizeSwitch",
3894
- "switchSizeHandle",
3895
- "switchSizeHandleIcon"
3896
- ],
3897
- "onIcon": [
3898
- "icon"
3899
- ],
3900
- "offIcon": [
3901
- "icon"
3902
- ],
3903
- "reduceMotion": [
3904
- "reducedMotion"
3905
- ],
3906
- "isOn": [
3907
- "layoutDependency"
3909
+ "onSelectionChange": [
3910
+ "setSelectedId"
3908
3911
  ]
3909
3912
  },
3910
3913
  "runtimeConfigDefaultProps": {},
3911
3914
  "runtimeConfigGetStyles": {},
3912
3915
  "runtimeConfigInternalComponentProps": {},
3913
- "motionVarPrefixes": [
3914
- "--uds-motion-bouncy-4-",
3915
- "--uds-motion-smooth-3-"
3916
- ]
3916
+ "motionVarPrefixes": []
3917
3917
  }
3918
3918
  }